New addition to my #WebComponents collection: <mastodon-post>!
Embed mastodon posts on your web pages by progressively enhancing a regular link and without the need for an <iframe>. Use the built in semantic template or apply your own! Read more about it here:
https://darn.es/mastodon-post-web-component/
#InideWeb #Webmentions #Mastodon
Thanks to npub1y9zwp8x30rmeptkk60t7m60fpmu9ddykf3m77wkcau3nusx5elsq553ykm (npub1y9z…3ykm) and npub1v28cfl0fats3xkj5thlpa7z22ncnjcal8nx5qap457slgselcveq2set73 (npub1v28…et73) for the inspiration ✨
Dave 🧱 /
npub14m…rytfr
2024-02-19 15:59:58
Author Public Key
npub14mqyknc299ctkaz9crzujjkynerjryxhyxcy4n0hqslnt4qa2nlserytfrPublished at
2024-02-19 15:59:58Event JSON
{
"id": "be8b1a43098acd97927773e58e7b24c267f9d9a438646d2657f902ac55c26ba6",
"pubkey": "aec04b4f0a2970bb7445c0c5c94ac49e472190d721b04acdf7043f35d41d54ff",
"created_at": 1708358398,
"kind": 1,
"tags": [
[
"p",
"2144e09cd178f790aed6d3d7ede9e90ef856b4964c77ef3ad8ef233e40d4cfe0",
"wss://relay.mostr.pub"
],
[
"p",
"628f84fde9eae1135a545dfe1ef84a54f13963bf3ccd407435a7a1f4433fc332",
"wss://relay.mostr.pub"
],
[
"p",
"cb3b40e3f18a7a1dbf9d4fc44d99c2bc03041a29c2c695e145adb3169cdc1ce0",
"wss://relay.mostr.pub"
],
[
"p",
"a81fad13b083918a17807a0ce767b06a15c429e21e2722b7a7a7f40d1e338fa0",
"wss://relay.mostr.pub"
],
[
"t",
"webcomponents"
],
[
"t",
"inideweb"
],
[
"t",
"webmentions"
],
[
"t",
"mastodon"
],
[
"proxy",
"https://mastodon.design/users/DavidDarnes/statuses/111958975972766285",
"activitypub"
]
],
"content": "New addition to my #WebComponents collection: \u003cmastodon-post\u003e!\n\nEmbed mastodon posts on your web pages by progressively enhancing a regular link and without the need for an \u003ciframe\u003e. Use the built in semantic template or apply your own! Read more about it here:\nhttps://darn.es/mastodon-post-web-component/\n\n#InideWeb #Webmentions #Mastodon\n\nThanks to nostr:npub1y9zwp8x30rmeptkk60t7m60fpmu9ddykf3m77wkcau3nusx5elsq553ykm and nostr:npub1v28cfl0fats3xkj5thlpa7z22ncnjcal8nx5qap457slgselcveq2set73 for the inspiration ✨",
"sig": "d74411229280c2b5b75a3bbc37af88ba26c884124fe0508fe9b92b02acede7d160284a77348539217d91773d3a7853256336bd317521ae9558d3d1c07d17496e"
}