Advertising share intents with microformats

{
    "type": "entry",
    "published": "2024-03-28T13:31:20+00:00",
    "summary": "",
    "url": "https://werd.io/2024/advertising-share-intents-with-microformats",
    "name": "Advertising share intents with microformats",
    "content": {
        "text": "Yesterday I published a fediverse-aware / indieweb-aware version of a \"share to...\" / AddThis-like tool. It allows you to easily add a \u201cshare to ..\u201d button to your website that works with as many social platforms as possible, and attempts to use whatever share intent a platform might have available.\n\nOne of the things it does is look for HTML header metadata like\u00a0<link rel=\"share-url\" href=\"https://werd.io/share/?text={text}\"> in order to figure out how to share to a given platform.\n\nIt was a first draft, and I'd like to socialize that idea \u2014 what should it look like to advertise a share intent on a platform using microformats?\n\nThere was an attempt over a decade ago called OExchange, which used data stored in .well-known. I'm okay with supporting it, but it never took off, and I feel like something simpler would be more effective.",
        "html": "<p>Yesterday <a href=\"https://werd.io/2024/share-openly\">I published a fediverse-aware / indieweb-aware version of a \"share to...\" / AddThis-like tool</a>. It allows you to easily add a \u201cshare to ..\u201d button to your website that works with as many social platforms as possible, and attempts to use whatever share intent a platform might have available.</p><p>One of the things it does is look for HTML header metadata like\u00a0<code>&lt;link rel=\"share-url\" href=\"https://werd.io/share/?text={text}\"&gt;</code> in order to figure out how to share to a given platform.</p><p>It was a first draft, and I'd like to socialize that idea \u2014 what <em>should</em> it look like to advertise a share intent on a platform using <a href=\"https://microformats.org/wiki/microformats2\">microformats</a>?</p><p>There was an attempt over a decade ago called <a href=\"https://github.com/oexchange\">OExchange</a>, which used data stored in <code>.well-known</code>. I'm okay with supporting it, but it never took off, and I feel like something simpler would be more effective.</p>"
    },
    "author": {
        "type": "card",
        "name": "Ben Werdmuller",
        "url": "https://werd.io/profile/benwerd",
        "photo": "https://werd.io/file/5d388c5fb16ea14aac640912/thumb.jpg"
    },
    "post-type": "article",
    "_id": "40678074",
    "_source": "191",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@immarisabel",
        "url": "https://indieweb.social/@immarisabel",
        "photo": null
    },
    "url": "https://indieweb.social/@immarisabel/112173810265410450",
    "content": {
        "html": "<p>Some great progress on my website!- decided to have a \"reaction\" page which collects all the comments from my personal <a href=\"https://indieweb.social/tags/blog\">#<span>blog</span></a> . Mainly because I don't like seeing posts lonely without. So They will all gather! Is not like I get any/lot (none) anyway.- added Captcha verification for the reactions and the <a href=\"https://indieweb.social/tags/guestbook\">#<span>guestbook</span></a> Hopefully saves me time on blocking spammers.- also joined the IndieWebRing!<a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://indieweb.social/tags/personalwebsite\">#<span>personalwebsite</span></a> <a href=\"https://indieweb.social/tags/webring\">#<span>webring</span></a> <a href=\"https://indieweb.social/tags/changelog\">#<span>changelog</span></a> ~ via <a href=\"http://marisabel.nl/social\"><span>http://</span><span>marisabel.nl/social</span><span></span></a> ~</p>",
        "text": "Some great progress on my website!- decided to have a \"reaction\" page which collects all the comments from my personal #blog . Mainly because I don't like seeing posts lonely without. So They will all gather! Is not like I get any/lot (none) anyway.- added Captcha verification for the reactions and the #guestbook Hopefully saves me time on blocking spammers.- also joined the IndieWebRing!#indieweb #personalwebsite #webring #changelog ~ via http://marisabel.nl/social ~"
    },
    "published": "2024-03-28T14:35:09+00:00",
    "post-type": "note",
    "_id": "40678009",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@ben",
        "url": "https://werd.social/@ben",
        "photo": null
    },
    "url": "https://werd.social/@ben/112173566986511803",
    "content": {
        "html": "<p>So ... how *should* open platforms advertise their share intents? I made a <a href=\"https://werd.social/tags/microformats\">#<span>microformats</span></a> proposal, but I'd love to talk about it. <a href=\"https://werd.io/2024/advertising-share-intents-with-microformats\"><span>https://</span><span>werd.io/2024/advertising-share</span><span>-intents-with-microformats</span></a> <a href=\"https://werd.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://werd.social/tags/fediverse\">#<span>fediverse</span></a></p>",
        "text": "So ... how *should* open platforms advertise their share intents? I made a #microformats proposal, but I'd love to talk about it. https://werd.io/2024/advertising-share-intents-with-microformats #indieweb #fediverse"
    },
    "published": "2024-03-28T13:33:17+00:00",
    "post-type": "note",
    "_id": "40677361",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@writerobscura",
        "url": "https://writing.exchange/@writerobscura",
        "photo": null
    },
    "url": "https://writing.exchange/@writerobscura/112173395405804994",
    "content": {
        "html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://writing.exchange/@erlend\">@<span>erlend</span></a></span> <span class=\"h-card\"><a class=\"u-url\" href=\"https://mas.to/@kissane\">@<span>kissane</span></a></span> <span class=\"h-card\"><a class=\"u-url\" href=\"https://hachyderm.io/@molly0xfff\">@<span>molly0xfff</span></a></span> <span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.world/@Mer__edith\">@<span>Mer__edith</span></a></span> </p><p>I wonder which of them will go off and conquer BlueSky, setting off another to corral X, leaving the third in sole control of the Internet?</p><p>I cannot wait to see what happens when the second gets destroyed by X, giving the third the courage to invalidate the BlueSky conqueror and take all the Internets all for them-selves.</p><p><a href=\"https://writing.exchange/tags/fediverse\">#<span>fediverse</span></a> <a href=\"https://writing.exchange/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://writing.exchange/tags/socialmedia\">#<span>socialmedia</span></a> <a href=\"https://writing.exchange/tags/internet\">#<span>internet</span></a></p>\n<a class=\"u-mention\" href=\"https://hachyderm.io/@molly0xfff\"></a>\n<a class=\"u-mention\" href=\"https://mas.to/@kissane\"></a>\n<a class=\"u-mention\" href=\"https://mastodon.world/@Mer__edith\"></a>\n<a class=\"u-mention\" href=\"https://writing.exchange/@erlend\"></a>",
        "text": "@erlend @kissane @molly0xfff @Mer__edith \n\nI wonder which of them will go off and conquer BlueSky, setting off another to corral X, leaving the third in sole control of the Internet?\n\nI cannot wait to see what happens when the second gets destroyed by X, giving the third the courage to invalidate the BlueSky conqueror and take all the Internets all for them-selves.\n\n#fediverse #IndieWeb #socialmedia #internet"
    },
    "published": "2024-03-28T12:49:38+00:00",
    "photo": [
        "https://files.mastodon.social/cache/media_attachments/files/112/173/395/473/964/917/original/a4fccf126c6d3625.mp4"
    ],
    "post-type": "photo",
    "_id": "40676884",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@shellsharks",
        "url": "https://shellsharks.social/@shellsharks",
        "photo": null
    },
    "url": "https://shellsharks.social/@shellsharks/112173392643191594",
    "content": {
        "html": "<p>I've recently migrated to this personal / single-user <a href=\"https://shellsharks.social/tags/Mastodon\">#<span>Mastodon</span></a> instance and finally got around to writing about that \"journey\u201d, explaining how and why I did it.</p><p><a href=\"https://shellsharks.com/own-my-social\"><span>https://</span><span>shellsharks.com/own-my-social</span><span></span></a></p><p>It is but one more way in which I am pushing further into adoption of <a href=\"https://shellsharks.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://shellsharks.social/tags/ownyourweb\">#<span>ownyourweb</span></a> <a href=\"https://shellsharks.social/tags/ownyourdata\">#<span>ownyourdata</span></a> <a href=\"https://shellsharks.social/tags/ownyoursocial\">#<span>ownyoursocial</span></a> ideas.</p><p>Honestly, the hardest part about the move was emotionally leaving infosec.exchange, I explain why in the post (<a href=\"https://shellsharks.com/own-my-social#thanks-to-infosecexchange\"><span>https://</span><span>shellsharks.com/own-my-social#</span><span>thanks-to-infosecexchange</span></a>). Thanks for everything <span class=\"h-card\"><a class=\"u-url\" href=\"https://infosec.exchange/@jerry\">@<span>jerry</span></a></span> \ud83e\udde1!</p>\n<a class=\"u-mention\" href=\"https://infosec.exchange/@jerry\"></a>",
        "text": "I've recently migrated to this personal / single-user #Mastodon instance and finally got around to writing about that \"journey\u201d, explaining how and why I did it.\n\nhttps://shellsharks.com/own-my-social\n\nIt is but one more way in which I am pushing further into adoption of #indieweb #ownyourweb #ownyourdata #ownyoursocial ideas.\n\nHonestly, the hardest part about the move was emotionally leaving infosec.exchange, I explain why in the post (https://shellsharks.com/own-my-social#thanks-to-infosecexchange). Thanks for everything @jerry \ud83e\udde1!"
    },
    "published": "2024-03-28T12:48:56+00:00",
    "post-type": "note",
    "_id": "40676885",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@erlend",
        "url": "https://writing.exchange/@erlend",
        "photo": null
    },
    "url": "https://writing.exchange/@erlend/112172961145534266",
    "content": {
        "html": "<p>I nominate <span class=\"h-card\"><a class=\"u-url\" href=\"https://mas.to/@kissane\">@<span>kissane</span></a></span> &amp; <span class=\"h-card\"><a class=\"u-url\" href=\"https://hachyderm.io/@molly0xfff\">@<span>molly0xfff</span></a></span> &amp; <span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.world/@Mer__edith\">@<span>Mer__edith</span></a></span> for Internet President triumvirate.</p><p><a href=\"https://writing.exchange/tags/fediverse\">#<span>fediverse</span></a> <a href=\"https://writing.exchange/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://writing.exchange/tags/socialmedia\">#<span>socialmedia</span></a> <a href=\"https://writing.exchange/tags/internet\">#<span>internet</span></a></p>\n<a class=\"u-mention\" href=\"https://hachyderm.io/@molly0xfff\"></a>\n<a class=\"u-mention\" href=\"https://mas.to/@kissane\"></a>\n<a class=\"u-mention\" href=\"https://mastodon.world/@Mer__edith\"></a>",
        "text": "I nominate @kissane & @molly0xfff & @Mer__edith for Internet President triumvirate.\n\n#fediverse #IndieWeb #socialmedia #internet"
    },
    "published": "2024-03-28T10:59:12+00:00",
    "post-type": "note",
    "_id": "40676023",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@jjdelc",
        "url": "https://indieweb.social/@jjdelc",
        "photo": null
    },
    "url": "https://indieweb.social/@jjdelc/112172903342395484",
    "content": {
        "html": "<p>Which reminds me, I need to sort out Grumble and Divebar to send my <a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> RSVP webmentions. <a href=\"https://jj.isgeek.net/2024/03/28-104359/\"><span>https://</span><span>jj.isgeek.net/2024/03/28-10435</span><span>9/</span></a></p>",
        "text": "Which reminds me, I need to sort out Grumble and Divebar to send my #indieweb RSVP webmentions. https://jj.isgeek.net/2024/03/28-104359/"
    },
    "published": "2024-03-28T10:44:30+00:00",
    "post-type": "note",
    "_id": "40675928",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@jjdelc",
        "url": "https://indieweb.social/@jjdelc",
        "photo": null
    },
    "url": "https://indieweb.social/@jjdelc/112172897792906260",
    "content": {
        "html": "<p>Been a while since I was able to join the <a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://indieweb.social/tags/hwc\">#<span>hwc</span></a>. It was fun as always! <a href=\"https://jj.isgeek.net/2024/03/28-104231/\"><span>https://</span><span>jj.isgeek.net/2024/03/28-10423</span><span>1/</span></a></p>",
        "text": "Been a while since I was able to join the #indieweb #hwc. It was fun as always! https://jj.isgeek.net/2024/03/28-104231/"
    },
    "published": "2024-03-28T10:43:05+00:00",
    "photo": [
        "https://files.mastodon.social/cache/media_attachments/files/112/172/897/820/208/503/original/acbea12a5e79588d.jpg"
    ],
    "post-type": "photo",
    "_id": "40675929",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@underlap",
        "url": "https://fosstodon.org/@underlap",
        "photo": null
    },
    "url": "https://fosstodon.org/@underlap/112172564305433956",
    "content": {
        "html": "<p>Roll up, roll up! Get your AI-shunning robots.txt here: <a href=\"https://github.com/ai-robots-txt/ai.robots.txt\"><span>https://</span><span>github.com/ai-robots-txt/ai.ro</span><span>bots.txt</span></a></p><p><a href=\"https://fosstodon.org/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://fosstodon.org/tags/NoForAI\">#<span>NoForAI</span></a></p>",
        "text": "Roll up, roll up! Get your AI-shunning robots.txt here: https://github.com/ai-robots-txt/ai.robots.txt\n\n#IndieWeb #NoForAI"
    },
    "published": "2024-03-28T09:18:17+00:00",
    "post-type": "note",
    "_id": "40675505",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@weirdwriter",
        "url": "https://tweesecake.social/@weirdwriter",
        "photo": null
    },
    "url": "https://tweesecake.social/@weirdwriter/112171839718309916",
    "content": {
        "html": "<p>Recent thing on my website, Pass the Salt <a href=\"https://robertkingett.com/posts/6522/\"><span>https://</span><span>robertkingett.com/posts/6522/</span><span></span></a> <a href=\"https://tweesecake.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://tweesecake.social/tags/SmallWeb\">#<span>SmallWeb</span></a></p>",
        "text": "Recent thing on my website, Pass the Salt https://robertkingett.com/posts/6522/ #IndieWeb #SmallWeb"
    },
    "published": "2024-03-28T06:14:01+00:00",
    "post-type": "note",
    "_id": "40674610",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@fromjason",
        "url": "https://mastodon.social/@fromjason",
        "photo": null
    },
    "url": "https://mastodon.social/@fromjason/112171520220788102",
    "content": {
        "html": "<p>Zuck: we're launching an interoperable ecosystem called <a href=\"https://mastodon.social/tags/Metaverse\">#<span>Metaverse</span></a> <br />\u2029<a href=\"https://mastodon.social/tags/Fediverse\">#<span>Fediverse</span></a>: oh hey twinsies<br />\u2029Zuck: we launched a text based app connected to <a href=\"https://mastodon.social/tags/ActivityPub\">#<span>ActivityPub</span></a><br />\u2029<a href=\"https://mastodon.social/tags/Mastodon\">#<span>Mastodon</span></a>: yay we do that<br />\u2029Zuck: we believe in openness now<br />\u2029<a href=\"https://mastodon.social/tags/IndieWeb\">#<span>IndieWeb</span></a>: neato! We won!<br />\u2029Zuck: *face melts to expose a steel exoskeleton* WE COPY THE FLAGSHIP FEATURES OF SMALL APPS SO THAT THOSE APPS DIE THIS HAS BEEN OUR ENTIRE BUSINESS MODEL FOR TEN YEARS<br />\u2029Guy who invented the at sign: fascinating. A victory for open source</p>",
        "text": "Zuck: we're launching an interoperable ecosystem called #Metaverse \n\u2029#Fediverse: oh hey twinsies\n\u2029Zuck: we launched a text based app connected to #ActivityPub\n\u2029#Mastodon: yay we do that\n\u2029Zuck: we believe in openness now\n\u2029#IndieWeb: neato! We won!\n\u2029Zuck: *face melts to expose a steel exoskeleton* WE COPY THE FLAGSHIP FEATURES OF SMALL APPS SO THAT THOSE APPS DIE THIS HAS BEEN OUR ENTIRE BUSINESS MODEL FOR TEN YEARS\n\u2029Guy who invented the at sign: fascinating. A victory for open source"
    },
    "published": "2024-03-28T04:52:45+00:00",
    "post-type": "note",
    "_id": "40674209",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@pinkgallica",
        "url": "https://universeodon.com/@pinkgallica",
        "photo": null
    },
    "url": "https://universeodon.com/@pinkgallica/112171174613123596",
    "content": {
        "html": "<p>**New Blog Post:** Memories of an empty city</p><p>I live in downtown Osaka, which used to mean waking up or being kept up by very drunk, full-grown adults yelling, laughing hysterically, screaming, or *fighting* late at night. I eventually had to get earplugs, which were somewhat effective. Well\u2026this all stopped after Covid hit. \ud83d\ude2c</p><p><a href=\"https://universeodon.com/tags/Blogging\">#<span>Blogging</span></a> <a href=\"https://universeodon.com/tags/Blog\">#<span>Blog</span></a> <a href=\"https://universeodon.com/tags/PersonalSite\">#<span>PersonalSite</span></a> <a href=\"https://universeodon.com/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://universeodon.com/tags/Covid\">#<span>Covid</span></a></p><p><a href=\"https://pinkgallica.com/memories-of-an-empty-city/\"><span>https://</span><span>pinkgallica.com/memories-of-an</span><span>-empty-city/</span></a></p>",
        "text": "**New Blog Post:** Memories of an empty city\n\nI live in downtown Osaka, which used to mean waking up or being kept up by very drunk, full-grown adults yelling, laughing hysterically, screaming, or *fighting* late at night. I eventually had to get earplugs, which were somewhat effective. Well\u2026this all stopped after Covid hit. \ud83d\ude2c\n\n#Blogging #Blog #PersonalSite #IndieWeb #Covid\n\nhttps://pinkgallica.com/memories-of-an-empty-city/"
    },
    "published": "2024-03-28T03:24:52+00:00",
    "post-type": "note",
    "_id": "40673505",
    "_source": "8007",
    "_is_read": false
}

Share Openly

{
    "type": "entry",
    "published": "2024-03-28T01:51:13+00:00",
    "url": "https://werd.io/2024/share-openly",
    "syndication": [
        "https://news.indieweb.org/en"
    ],
    "name": "Share Openly",
    "content": {
        "text": "You know all those \u201cshare to Facebook\u201d / \u201cshare to Twitter\u201d links you see all over peoples\u2019 websites? They\u2019re all out of date.\n\nSocial media has evolved over the last year, yet nobody has \u201cshare to\u201d links for Mastodon, Bluesky, Threads, etc. There have been a few attempts to create \u201cshare to Mastodon\u201d buttons, but they haven\u2019t taken the larger breadth of the new social media landscape into account.\n\nSo I\u2019ve built a prototype, which I\u2019ve called ShareOpenly.\n\nAt the bottom of every article on my site, you\u2019ll see a \u201cshare to social media\u201d button. Here\u2019s the button for this article.\n\nIf you click it, you\u2019ll be taken to a page that looks like this one:\n\nYou can select one of the pre-set sites in the list, and you\u2019ll be taken to share a post there. For example, if I click on Threads, it will take me to share there:\n\nBut if you, for example, have a Mastodon instance, or a Known site, or an indieweb site at a different domain, you can enter that domain in the box, and ShareOpenly will try and find a way to let you share the page with that site.\n\nShareOpenly will do a few things first:If it\u2019s on a \u201cwell-known\u201d domain \u2014 eg, facebook.com \u2014 it\u2019ll send you to the share page there.\nIt checks to see if it can figure out if the site is on a known platform (currently Mastodon, Known, hosted WordPress, micro.blog, and a few others). If so \u2014 hooray! \u2014 it knows the share URL, and off you go.\nIt looks for a <link rel=\u201cshare-url\u201d> header tag on the page. The href attribute should be set to the share URL for the site, with template variables {text} and (optionally) {url} present where the share text and URL should go. (If {url} is not present, the URL to share will be appended at the end of the text.) If it\u2019s there \u2014 yay! \u2014 we forward there, replacing {text} and {url} as appropriate.\nOnce you\u2019ve shared to a site, the next time you visit ShareOpenly, it will be in the quick links. For example, I shared to my site at werd.io in the example above, and now here it is in the links:\n\nIt\u2019s early days yet \u2014 this is just a prototype \u2014 but I thought I\u2019d share what I\u2019ve built so far.\n\nIf you want to add ShareOpenly to your own site, please do! Just replace the URL and text in this link with your own. You can also just visit the ShareOpenly homepage to share a site directly.\n\n\u00a0\n\nSyndicated to Indienews",
        "html": "<p>You know all those \u201cshare to Facebook\u201d / \u201cshare to Twitter\u201d links you see all over peoples\u2019 websites? They\u2019re all out of date.</p><p>Social media has evolved over the last year, yet nobody has \u201cshare to\u201d links for Mastodon, Bluesky, Threads, etc. There have been a few attempts to create \u201cshare to Mastodon\u201d buttons, but they haven\u2019t taken the larger breadth of the new social media landscape into account.</p><p>So I\u2019ve built a prototype, which I\u2019ve called <a href=\"https://shareopenly.org\">ShareOpenly</a>.</p><p>At the bottom of every article on my site, you\u2019ll see a \u201cshare to social media\u201d button. <a href=\"https://shareopenly.org/share/?url=https://werd.io/2024/share-openly&amp;text=Share+Openly\">Here\u2019s the button for this article.</a></p><p>If you click it, you\u2019ll be taken to a page that looks like this one:</p><p style=\"text-align:center;\"><img style=\"margin-left:auto;margin-right:auto;\" src=\"https://werd.io/file/6604cc44186ec4d81900abc2/thumb.png\" alt=\"Share Openly share screen\" width=\"500\" height=\"445\" /></p><p>You can select one of the pre-set sites in the list, and you\u2019ll be taken to share a post there. For example, if I click on Threads, it will take me to share there:</p><p style=\"text-align:center;\"><img style=\"margin-left:auto;margin-right:auto;\" src=\"https://werd.io/file/6604cc987fd321e929037a32/thumb.png\" alt=\"\" width=\"500\" height=\"198\" /></p><p>But if you, for example, have a Mastodon instance, or a Known site, or an <a href=\"https://indieweb.org\">indieweb</a> site at a different domain, you can enter that domain in the box, and ShareOpenly will try and find a way to let you share the page with that site.</p><p style=\"text-align:center;\"><img style=\"margin-left:auto;margin-right:auto;\" src=\"https://werd.io/file/6604cccbd16a0387290b7b92/thumb.png\" alt=\"\" width=\"500\" height=\"154\" /></p><p>ShareOpenly will do a few things first:</p><ol><li>If it\u2019s on a \u201cwell-known\u201d domain \u2014 eg, <a href=\"https://facebook.com\">facebook.com</a> \u2014 it\u2019ll send you to the share page there.</li>\n<li>It checks to see if it can figure out if the site is on a known platform (currently Mastodon, Known, hosted WordPress, <a href=\"https://micro.blog\">micro.blog</a>, and a few others). If so \u2014 hooray! \u2014 it knows the share URL, and off you go.</li>\n<li>It looks for a <code>&lt;link rel=\u201cshare-url\u201d&gt;</code> header tag on the page. The <code>href</code> attribute should be set to the share URL for the site, with template variables <code>{text}</code> and (optionally) <code>{url}</code> present where the share text and URL should go. (If <code>{url}</code> is not present, the URL to share will be appended at the end of the text.) If it\u2019s there \u2014 yay! \u2014 we forward there, replacing <code>{text}</code> and <code>{url}</code> as appropriate.</li>\n</ol><p>Once you\u2019ve shared to a site, the next time you visit ShareOpenly, it will be in the quick links. For example, I shared to my site at <a href=\"https://werd.io\">werd.io</a> in the example above, and now here it is in the links:</p><p style=\"text-align:center;\"><img style=\"margin-left:auto;margin-right:auto;\" src=\"https://werd.io/file/6604ccfb0d624a544901eb62/thumb.png\" alt=\"\" width=\"500\" height=\"439\" /></p><p>It\u2019s early days yet \u2014 this is just a prototype \u2014 but I thought I\u2019d share what I\u2019ve built so far.</p><p>If you want to add ShareOpenly to your own site, please do! Just replace the <a href=\"https://werd.io/(https:/shareopenly.org/share/?url=https://werd.io/2014/share-openly&amp;text=Share+Openly)\">URL and text in this link</a> with your own. You can also just visit <a href=\"https://shareopenly.org\">the ShareOpenly homepage</a> to share a site directly.</p><p>\u00a0</p><p><a class=\"u-syndication\" href=\"https://news.indieweb.org/en\"><em>Syndicated to Indienews</em></a></p>"
    },
    "author": {
        "type": "card",
        "name": "Ben Werdmuller",
        "url": "https://werd.io/profile/benwerd",
        "photo": "https://werd.io/file/5d388c5fb16ea14aac640912/thumb.jpg"
    },
    "post-type": "article",
    "_id": "40673395",
    "_source": "191",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@jcrabapple",
        "url": "https://dmv.community/@jcrabapple",
        "photo": null
    },
    "url": "https://dmv.community/@jcrabapple/112170280680726943",
    "content": {
        "html": "<p>My Favorite Mastodon Posts of the Past Few Weeks | Cool As Heck</p><p><a href=\"https://cool-as-heck.blog/post/my-favorite-mastodon-posts-of-the-past-few-weeks-s-_zhlkz\"><span>https://</span><span>cool-as-heck.blog/post/my-favo</span><span>rite-mastodon-posts-of-the-past-few-weeks-s-_zhlkz</span></a></p><p><a href=\"https://dmv.community/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://dmv.community/tags/blogging\">#<span>blogging</span></a> <a href=\"https://dmv.community/tags/Mastodon\">#<span>Mastodon</span></a></p>",
        "text": "My Favorite Mastodon Posts of the Past Few Weeks | Cool As Heck\n\nhttps://cool-as-heck.blog/post/my-favorite-mastodon-posts-of-the-past-few-weeks-s-_zhlkz\n\n#indieweb #blogging #Mastodon"
    },
    "published": "2024-03-27T23:37:31+00:00",
    "post-type": "note",
    "_id": "40672510",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@Luke",
        "url": "https://typo.social/@Luke",
        "photo": null
    },
    "url": "https://typo.social/@Luke/112169160706282992",
    "content": {
        "html": "<p>I am continually impressed by my colleagues, friends, and acquaintances that make their own websites, whether it's design, dev, strategy, or somehow manage the entire task on their own. Regardless, get out there and make a site for yourself. Reach out for help if you need it.</p><p>I'm collecting a bunch that have recently emerged or recently found, but until I collect them up for posting, here's one to start with:</p><p>Chris Glass:</p><p><a href=\"https://chrisglass.com\"><span>https://</span><span>chrisglass.com</span><span></span></a> &amp; <span class=\"h-card\"><a class=\"u-url\" href=\"https://chrisglass.com/author/glass/\">@<span>glass</span></a></span></p><p><a href=\"https://typo.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://typo.social/tags/POSSE\">#<span>POSSE</span></a> <a href=\"https://typo.social/tags/WebDesign\">#<span>WebDesign</span></a> <a href=\"https://typo.social/tags/Blog\">#<span>Blog</span></a></p>\n<a class=\"u-mention\" href=\"https://chrisglass.com/author/glass/\"></a>",
        "text": "I am continually impressed by my colleagues, friends, and acquaintances that make their own websites, whether it's design, dev, strategy, or somehow manage the entire task on their own. Regardless, get out there and make a site for yourself. Reach out for help if you need it.\n\nI'm collecting a bunch that have recently emerged or recently found, but until I collect them up for posting, here's one to start with:\n\nChris Glass:\n\nhttps://chrisglass.com & @glass\n\n#IndieWeb #POSSE #WebDesign #Blog"
    },
    "published": "2024-03-27T18:52:42+00:00",
    "photo": [
        "https://files.mastodon.social/cache/media_attachments/files/112/169/160/760/742/364/original/4fb5760322770ad3.png"
    ],
    "post-type": "photo",
    "_id": "40670107",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@fromjason",
        "url": "https://mastodon.social/@fromjason",
        "photo": null
    },
    "url": "https://mastodon.social/@fromjason/112169030480553116",
    "content": {
        "html": "<p>How Cambridge Analytica Exploited the Facebook Data of Millions | NYT 2018:</p><p>&gt; In 2014, you may've taken a quiz online. Something that looks like this. And if you did, you probably shared your personal data and friends' personal data. </p><p><a href=\"https://mastodon.social/tags/CambridgeAnalytica\">#<span>CambridgeAnalytica</span></a> <a href=\"https://mastodon.social/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://mastodon.social/tags/IndieWeb\">#<span>IndieWeb</span></a> </p><p><a href=\"https://www.youtube.com/watch?v=mrnXv-g4yKU\"><span>https://www.</span><span>youtube.com/watch?v=mrnXv-g4yK</span><span>U</span></a></p>",
        "text": "How Cambridge Analytica Exploited the Facebook Data of Millions | NYT 2018:\n\n> In 2014, you may've taken a quiz online. Something that looks like this. And if you did, you probably shared your personal data and friends' personal data. \n\n#CambridgeAnalytica #SmallWeb #IndieWeb \n\nhttps://www.youtube.com/watch?v=mrnXv-g4yKU"
    },
    "published": "2024-03-27T18:19:35+00:00",
    "photo": [
        "https://files.mastodon.social/media_attachments/files/112/169/023/079/687/847/original/bab8b25dd8b3f69d.jpeg"
    ],
    "post-type": "photo",
    "_id": "40669807",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@creaturefeature",
        "url": "https://blorbo.social/@creaturefeature",
        "photo": null
    },
    "url": "https://blorbo.social/@creaturefeature/112169006390414768",
    "content": {
        "html": "<p>I just set a page about white wagtails for my site!</p><p><a href=\"https://blorbo.social/tags/neocities\">#<span>neocities</span></a>, <a href=\"https://blorbo.social/tags/birds\">#<span>birds</span></a> <a href=\"https://blorbo.social/tags/zoology\">#<span>zoology</span></a> <a href=\"https://blorbo.social/tags/biology\">#<span>biology</span></a> <a href=\"https://blorbo.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://blorbo.social/tags/webcoding\">#<span>webcoding</span></a> <a href=\"https://blorbo.social/tags/webpage\">#<span>webpage</span></a> <br /><a href=\"https://creaturefeature.neocities.org/biology/wagtail\"><span>https://</span><span>creaturefeature.neocities.org/</span><span>biology/wagtail</span></a></p>",
        "text": "I just set a page about white wagtails for my site!\n\n#neocities, #birds #zoology #biology #indieweb #webcoding #webpage \nhttps://creaturefeature.neocities.org/biology/wagtail"
    },
    "published": "2024-03-27T18:13:27+00:00",
    "photo": [
        "https://files.mastodon.social/cache/media_attachments/files/112/169/006/472/144/042/original/88792faad7b11212.jpg"
    ],
    "post-type": "photo",
    "_id": "40669808",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@FifiSch",
        "url": "https://mastodon.social/@FifiSch",
        "photo": null
    },
    "url": "https://mastodon.social/@FifiSch/112168876287828497",
    "content": {
        "html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.social/@ILoveNumAn\">@<span>ILoveNumAn</span></a></span> I indeed have. Since you also mentioned missing flash games, I recommend checking out <span class=\"h-card\"><a class=\"u-url\" href=\"https://xoxo.zone/@waxy\">@<span>waxy</span></a></span> . He mainly shares techy articles, but also quirky browser games and weird little <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> projects.</p>\n<a class=\"u-mention\" href=\"https://mastodon.social/@ILoveNumAn\"></a>\n<a class=\"u-mention\" href=\"https://xoxo.zone/@waxy\"></a>",
        "text": "@ILoveNumAn I indeed have. Since you also mentioned missing flash games, I recommend checking out @waxy . He mainly shares techy articles, but also quirky browser games and weird little #indieweb projects."
    },
    "published": "2024-03-27T17:40:22+00:00",
    "post-type": "note",
    "_id": "40669491",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@ApisNecros",
        "url": "https://ioc.exchange/@ApisNecros",
        "photo": null
    },
    "url": "https://ioc.exchange/@ApisNecros/112168365677489500",
    "content": {
        "html": "<p>New story  in my People series: A niche stack. Just a short story about an encounter at the store when looking for a holiday treat.</p><p><a href=\"https://ioc.exchange/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://ioc.exchange/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://ioc.exchange/tags/PersonalSites\">#<span>PersonalSites</span></a><br /><a href=\"https://www.vzqk50.com/blog/people/a-niche-snack/\"><span>https://www.</span><span>vzqk50.com/blog/people/a-niche</span><span>-snack/</span></a></p>",
        "text": "New story  in my People series: A niche stack. Just a short story about an encounter at the store when looking for a holiday treat.\n\n#IndieWeb #SmallWeb #PersonalSites\nhttps://www.vzqk50.com/blog/people/a-niche-snack/"
    },
    "published": "2024-03-27T15:30:31+00:00",
    "post-type": "note",
    "_id": "40668235",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@steffoz",
        "url": "https://mastodon.social/@steffoz",
        "photo": null
    },
    "url": "https://mastodon.social/@steffoz/112167724013861636",
    "content": {
        "html": "<p>It's official! I'm now a proud participant in the IndieWeb! <img alt=\":pensive_party_blob:\" height=\"16\" src=\"https://files.mastodon.social/custom_emojis/images/000/086/980/original/31fd04ff8be27277.png\" title=\":pensive_party_blob:\" width=\"16\" /></p><p>Microformats, webmentions, feed, automatic backfeed from Mastodon... the whole package!</p><p>I just wished for clearer documentation.. figuring out how to interconnect the various pieces was quite a nightmare, but very simple once understood.</p><p><a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.social/tags/posse\">#<span>posse</span></a> <a href=\"https://mastodon.social/tags/webmention\">#<span>webmention</span></a> <a href=\"https://mastodon.social/tags/webdev\">#<span>webdev</span></a> </p><p><a href=\"https://squeaki.sh/p/being-part-of-the-indieweb\"><span>https://</span><span>squeaki.sh/p/being-part-of-the</span><span>-indieweb</span></a></p>",
        "text": "It's official! I'm now a proud participant in the IndieWeb! \n\nMicroformats, webmentions, feed, automatic backfeed from Mastodon... the whole package!\n\nI just wished for clearer documentation.. figuring out how to interconnect the various pieces was quite a nightmare, but very simple once understood.\n\n#indieweb #posse #webmention #webdev \n\nhttps://squeaki.sh/p/being-part-of-the-indieweb"
    },
    "published": "2024-03-27T12:47:20+00:00",
    "post-type": "note",
    "_id": "40666693",
    "_source": "8007",
    "_is_read": false
}