{"ancestors":[{"id":"111951900613560996","created_at":"2024-02-18T10:00:35.000Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.design/users/DavidDarnes/statuses/111951900568590266","url":"https://mastodon.design/@DavidDarnes/111951900568590266","replies_count":2,"reblogs_count":6,"favourites_count":3,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003eAfter reading \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://social.lol/@robb\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003erobb\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e’s and \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://indieweb.social/@mariohamann\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003emariohamann\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e’s articles on more appropriate methods of showing social media engagement I was inspired to get back on my \u003ca href=\"https://mastodon.design/tags/WebComponents\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\"\u003e#\u003cspan\u003eWebComponents\u003c/span\u003e\u003c/a\u003e bullshit.\u003c/p\u003e\u003cp\u003eWould anyone be interested in a component to present Mastodon posts and their metadata?\u003c/p\u003e\u003cp\u003eArticle links:\u003cbr\u003e\u003ca href=\"https://rknight.me/blog/webmentions-redux/\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"ellipsis\"\u003erknight.me/blog/webmentions-re\u003c/span\u003e\u003cspan class=\"invisible\"\u003edux/\u003c/span\u003e\u003c/a\u003e\u003cbr\u003e\u003ca href=\"https://mariohamann.com/showing-mastodon-reactions-on-a-statamic-website\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"ellipsis\"\u003emariohamann.com/showing-mastod\u003c/span\u003e\u003cspan class=\"invisible\"\u003eon-reactions-on-a-statamic-website\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","reblog":null,"account":{"id":"109248594923664548","username":"DavidDarnes","acct":"DavidDarnes@mastodon.design","display_name":"Dave 🧱 :cursor_pointer:","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2018-08-21T00:00:00.000Z","note":"\u003cp\u003eSenior Engineer working on Polaris at Shopify.\u003c/p\u003e\u003cp\u003ePreviously: zeroheight, Nordhealth, Ghost, Stackbit.\u003cbr\u003eClients: Google, Buffer and Netlify.\u003cbr\u003e[he/him]\u003c/p\u003e","url":"https://mastodon.design/@DavidDarnes","uri":"https://mastodon.design/users/DavidDarnes","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/accounts/avatars/109/248/594/923/664/548/original/68a67ea0177eeb65.jpg","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/accounts/avatars/109/248/594/923/664/548/original/68a67ea0177eeb65.jpg","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/accounts/headers/109/248/594/923/664/548/original/1c9b86fb80530bec.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/accounts/headers/109/248/594/923/664/548/original/1c9b86fb80530bec.jpeg","followers_count":1781,"following_count":373,"statuses_count":9725,"last_status_at":"2026-04-19","hide_collections":false,"emojis":[{"shortcode":"cursor_pointer","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/custom_emojis/images/000/120/007/original/ae9c801e63589c58.png","static_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/custom_emojis/images/000/120/007/static/ae9c801e63589c58.png","visible_in_picker":true}],"fields":[{"name":"Website","value":"\u003ca href=\"https://darn.es\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003edarn.es\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2026-04-16T16:02:20.540+00:00"},{"name":"GitHub","value":"\u003ca href=\"https://github.com/daviddarnes\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003egithub.com/daviddarnes\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2026-04-16T16:02:21.107+00:00"},{"name":"CodePen","value":"\u003ca href=\"https://codepen.io/DavidDarnes\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003ecodepen.io/DavidDarnes\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2026-04-16T16:02:21.395+00:00"},{"name":"Twitter","value":"\u003ca href=\"https://twitter.com/daviddarnes\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003etwitter.com/daviddarnes\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":null}]},"media_attachments":[],"mentions":[{"id":"109523762776095110","username":"robb","url":"https://social.lol/@robb","acct":"robb"},{"id":"109639115459861552","username":"mariohamann","url":"https://indieweb.social/@mariohamann","acct":"mariohamann@indieweb.social"}],"tags":[{"name":"WebComponents","url":"https://social.lol/tags/WebComponents"}],"emojis":[],"quote":null,"card":{"url":"https://rknight.me/blog/webmentions-redux/","title":"Webmentions Redux","description":"I've rethought everything about how I show webmentions on my blog posts and switched to just showing syndicated posts instead","language":"en","type":"link","author_name":"","author_url":"","provider_name":"","provider_url":"","html":"","width":1200,"height":630,"image":null,"image_description":"","embed_url":"","blurhash":"UA84Vpj[0La{WBfQWCf74oa{?ajaxaj[offj","published_at":null,"authors":[{"name":"","url":"","account":{"id":"109523762776095110","username":"robb","acct":"robb","display_name":"Robb Knight","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-12-16T00:00:00.000Z","note":"\u003cp\u003eMaker of web things, sticker merchant, viral toot-based business man, blogger, podcaster, and pizzaiolo. Human dad.\u003c/p\u003e\u003cp\u003e“A very nice voice” - \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://social.lol/@keenan\" class=\"u-url mention\"\u003e@\u003cspan\u003ekeenan\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://social.lol/@hemisphericviews\" class=\"u-url mention\"\u003e@\u003cspan\u003ehemisphericviews\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e UK Ambassador\u003c/p\u003e\u003cp\u003eBuilding \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://hub.7622.me/@echofeed\" class=\"u-url mention\"\u003e@\u003cspan\u003eechofeed\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e / \u003ca href=\"https://social.lol/tags/EchoFeed\" class=\"mention hashtag\" rel=\"tag\"\u003e#\u003cspan\u003eEchoFeed\u003c/span\u003e\u003c/a\u003e. Working with PHP/Javascript/Node or whatever solves the problem. Mostly \u003ca href=\"https://social.lol/tags/11ty\" class=\"mention hashtag\" rel=\"tag\"\u003e#\u003cspan\u003e11ty\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\u003cp\u003eMetaphor, part of the lore\u003c/p\u003e\u003cp\u003ehe/him\u003c/p\u003e","url":"https://social.lol/@robb","uri":"https://social.lol/users/robb","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/523/762/776/095/110/original/548f0c6ecfffa5f1.jpg","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/avatars/109/523/762/776/095/110/original/548f0c6ecfffa5f1.jpg","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/523/762/776/095/110/original/598bc949e7e2ed16.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/accounts/headers/109/523/762/776/095/110/original/598bc949e7e2ed16.jpeg","followers_count":3228,"following_count":543,"statuses_count":12809,"last_status_at":"2026-04-18","hide_collections":false,"noindex":false,"emojis":[{"shortcode":"ruminate","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/custom_emojis/images/000/172/775/original/6d51884eef9d0a27.png","static_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/custom_emojis/images/000/172/775/static/6d51884eef9d0a27.png","visible_in_picker":true}],"roles":[{"id":"1","name":"Moderator","color":"#b18cfe"}],"fields":[{"name":"🌐 I have a Website","value":"\u003ca href=\"https://rknight.me\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003erknight.me\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2024-11-27T10:32:03.495+00:00"},{"name":"🔉 Building EchoFeed","value":"\u003ca href=\"https://echofeed.app\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eechofeed.app\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2024-03-10T22:31:38.036+00:00"},{"name":"🦕 Making Stickers","value":"\u003ca href=\"https://shop.knightshift.studio\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eshop.knightshift.studio\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2026-03-25T09:33:17.818+00:00"},{"name":":ruminate: Leisurely and Cheerful Podcast","value":"\u003ca href=\"https://ruminatepodcast.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003eruminatepodcast.com\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2023-01-18T20:47:19.507+00:00"}]}}]},"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}],"descendants":[{"id":"111958986857061970","created_at":"2024-02-19T16:02:43.000Z","in_reply_to_id":"111957304742480841","in_reply_to_account_id":"110880420193324345","sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.design/users/DavidDarnes/statuses/111958986811010292","url":"https://mastodon.design/@DavidDarnes/111958986811010292","replies_count":0,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://social.lol/@flamed\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003eflamed\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e done 😊 \u003ca href=\"https://mastodon.design/@DavidDarnes/111958975972766285\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"ellipsis\"\u003emastodon.design/@DavidDarnes/1\u003c/span\u003e\u003cspan class=\"invisible\"\u003e11958975972766285\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","reblog":null,"account":{"id":"109248594923664548","username":"DavidDarnes","acct":"DavidDarnes@mastodon.design","display_name":"Dave 🧱 :cursor_pointer:","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2018-08-21T00:00:00.000Z","note":"\u003cp\u003eSenior Engineer working on Polaris at Shopify.\u003c/p\u003e\u003cp\u003ePreviously: zeroheight, Nordhealth, Ghost, Stackbit.\u003cbr\u003eClients: Google, Buffer and Netlify.\u003cbr\u003e[he/him]\u003c/p\u003e","url":"https://mastodon.design/@DavidDarnes","uri":"https://mastodon.design/users/DavidDarnes","avatar":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/accounts/avatars/109/248/594/923/664/548/original/68a67ea0177eeb65.jpg","avatar_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/accounts/avatars/109/248/594/923/664/548/original/68a67ea0177eeb65.jpg","header":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/accounts/headers/109/248/594/923/664/548/original/1c9b86fb80530bec.jpeg","header_static":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/accounts/headers/109/248/594/923/664/548/original/1c9b86fb80530bec.jpeg","followers_count":1781,"following_count":373,"statuses_count":9725,"last_status_at":"2026-04-19","hide_collections":false,"emojis":[{"shortcode":"cursor_pointer","url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/custom_emojis/images/000/120/007/original/ae9c801e63589c58.png","static_url":"https://s3.eu-central-003.backblazeb2.com/social-lol-media/cache/custom_emojis/images/000/120/007/static/ae9c801e63589c58.png","visible_in_picker":true}],"fields":[{"name":"Website","value":"\u003ca href=\"https://darn.es\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003edarn.es\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2026-04-16T16:02:20.540+00:00"},{"name":"GitHub","value":"\u003ca href=\"https://github.com/daviddarnes\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003egithub.com/daviddarnes\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2026-04-16T16:02:21.107+00:00"},{"name":"CodePen","value":"\u003ca href=\"https://codepen.io/DavidDarnes\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003ecodepen.io/DavidDarnes\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2026-04-16T16:02:21.395+00:00"},{"name":"Twitter","value":"\u003ca href=\"https://twitter.com/daviddarnes\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003etwitter.com/daviddarnes\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":null}]},"media_attachments":[],"mentions":[{"id":"110880420193324345","username":"flamed","url":"https://social.lol/@flamed","acct":"flamed"}],"tags":[],"emojis":[],"quote":null,"card":{"url":"https://mastodon.design/@DavidDarnes/111958975972766285","title":"Dave 🧱 :cursor_pointer: (@DavidDarnes@mastodon.design)","description":"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 @robb@social.lol and @mariohamann@indieweb.social for the inspiration ✨","language":"en","type":"link","author_name":"","author_url":"","provider_name":"mastodon.design","provider_url":"","html":"","width":0,"height":0,"image":null,"image_description":"","embed_url":"","blurhash":null,"published_at":null,"authors":[]},"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}]}