{
    "type": "entry",
    "published": "2020-07-15 16:04-0700",
    "url": "https://tantek.com/2020/197/t2/good-indieweb-reminder",
    "category": [
        "IndieWeb",
        "BlueChecks"
    ],
    "content": {
        "text": "Good #IndieWeb reminder from @brentsimmons: https://inessential.com/2020/07/15/zillion_times_easier (https://twitter.com/brentsimmons/status/1283534944493502470)\n\nAnd #BlueChecks appear to be frozen, unable to tweet, only retweet.\n\nSo of course this exists: @EveryWord",
        "html": "Good #<span class=\"p-category\">IndieWeb</span> reminder from <a class=\"h-cassis-username\" href=\"https://twitter.com/brentsimmons\">@brentsimmons</a>: <a href=\"https://inessential.com/2020/07/15/zillion_times_easier\">https://inessential.com/2020/07/15/zillion_times_easier</a> (<a href=\"https://twitter.com/brentsimmons/status/1283534944493502470\">https://twitter.com/brentsimmons/status/1283534944493502470</a>)<br /><br />And #<span class=\"p-category\">BlueChecks</span> appear to be frozen, unable to tweet, only retweet.<br /><br />So of course this exists: <a class=\"h-cassis-username\" href=\"https://twitter.com/EveryWord\">@EveryWord</a>"
    },
    "author": {
        "type": "card",
        "name": "Tantek \u00c7elik",
        "url": "https://tantek.com/",
        "photo": "https://tantek.com/photo.jpg"
    },
    "post-type": "note",
    "_id": "13253071",
    "_source": "2460"
}

{
    "type": "entry",
    "published": "2020-07-15 14:57-0700",
    "url": "https://tantek.com/2020/197/t1/twitterhacked-bitcoin-blockchain",
    "category": [
        "TwitterHacked",
        "Bitcoin",
        "blockchain",
        "dweb",
        "IndieWeb"
    ],
    "content": {
        "text": "#TwitterHacked. What she said https://twitter.com/AOC/status/1283513914597298178 via @b_cavello\n\nY\u2019all know:\n#Bitcoin is a coal-burning CO2 producing currency for organized crime\n#blockchain is mostly #dweb snakeoil (singleton, OSS monoculture)\n\nGo #IndieWeb or SSB for the real: https://indieweb.org/",
        "html": "#<span class=\"p-category\">TwitterHacked</span>. What she said <a href=\"https://twitter.com/AOC/status/1283513914597298178\">https://twitter.com/AOC/status/1283513914597298178</a> via <a class=\"h-cassis-username\" href=\"https://twitter.com/b_cavello\">@b_cavello</a><br /><br />Y\u2019all know:<br />#<span class=\"p-category\">Bitcoin</span> is a coal-burning CO2 producing currency for organized crime<br />#<span class=\"p-category\">blockchain</span> is mostly #<span class=\"p-category\">dweb</span> snakeoil (singleton, OSS monoculture)<br /><br />Go #<span class=\"p-category\">IndieWeb</span> or SSB for the real: <a href=\"https://indieweb.org/\">https://indieweb.org/</a>"
    },
    "author": {
        "type": "card",
        "name": "Tantek \u00c7elik",
        "url": "https://tantek.com/",
        "photo": "https://tantek.com/photo.jpg"
    },
    "post-type": "note",
    "_id": "13253072",
    "_source": "2460"
}

{
    "type": "entry",
    "published": "2020-07-15T19:43:33.85500-07:00",
    "url": "https://v2.jacky.wtf/post/5d14ab60-6e96-47c7-9c56-40c1ddc97eee",
    "category": [
        "devlog"
    ],
    "content": {
        "text": "Thanks to Marty\u2019s suggestion, I think I\u2019ll do a bit of a dev-log for things I work on. I\u2019ll tag it as #devlog on my site. Right now, I\u2019m rewriting parts of the code I have in https://publish.koype.net to make the client side editor \u201copen\u201d so I can make different editors for different things. I need a home-page editor and one for articles (the former more than the latter tbh) so this is SUPER required. It\u2019s actually also the one thing blocking me from deploying the latest version of my site.",
        "html": "<p>Thanks to <a href=\"https://martymcgui.re\">Marty</a>\u2019s suggestion, I think I\u2019ll do a bit of a dev-log for things I work on. I\u2019ll tag it as #<a href=\"https://v2.jacky.wtf/tags/6e72cd45-efa6-4faf-9a8d-94dc72820b08\" class=\"p-category\">devlog</a> on my site. Right now, I\u2019m rewriting parts of the code I have in <a href=\"https://publish.koype.net\">https://publish.koype.net</a> to make the client side editor \u201copen\u201d so I can make different editors for different things. I need a home-page editor and one for articles (the former more than the latter tbh) so this is SUPER required. It\u2019s actually also the one thing blocking me from deploying the latest version of my site.</p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "13252479",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-07-15T19:36:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/bd1db967-12c3-4523-8a4c-0e7abe25b2bd",
    "content": {
        "text": "This (prototyping with code) is how I feel with HTML and a decent CSS framework or (please don\u2019t @ me, lol) Vala/GTK+ https://twitter.com/_danilo/status/1283584029506310144",
        "html": "<p>This (prototyping with code) is how I feel with HTML and a decent CSS framework or (please don\u2019t @ me, lol) Vala/GTK+ <a href=\"https://twitter.com/_danilo/status/1283584029506310144\">https://twitter.com/_danilo/status/1283584029506310144</a></p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "13252388",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-07-16T02:19:31+00:00",
    "url": "https://twitter.com/jgmac1106/status/1283587034217684993",
    "content": {
        "text": "Put it together at home brew website West club that I forgot to add new links to torrents I seed when I switched from utorrent to terminal. h/t to Angelo for letting me know. I totally spaced it, #IndieWeb (quickthoughts.jgregorymcverry.com/s/mXcSp)",
        "html": "Put it together at home brew website West club that I forgot to add new links to torrents I seed when I switched from utorrent to terminal. h/t to Angelo for letting me know. I totally spaced it, <a href=\"https://twitter.com/search?q=%23IndieWeb\">#IndieWeb</a> (<a href=\"https://quickthoughts.jgregorymcverry.com/s/mXcSp\">quickthoughts.jgregorymcverry.com/s/mXcSp</a>)"
    },
    "author": {
        "type": "card",
        "name": "https://jgregorymcverry.com",
        "url": "https://twitter.com/jgmac1106",
        "photo": "https://pbs.twimg.com/profile_images/565227710104883200/g4MDcTnx.jpeg"
    },
    "post-type": "note",
    "_id": "13252157",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-07-16T02:18:20+0000",
    "url": "https://quickthoughts.jgregorymcverry.com/2020/07/16/put-it-together-at-home-brew-website",
    "category": [
        "IndieWeb"
    ],
    "syndication": [
        "https://twitter.com/jgmac1106/status/1283587034217684993"
    ],
    "content": {
        "text": "Put it together at home brew website West club that I forgot to add new links to torrents I seed when I switched from utorrent to terminal. h/t to Angelo for letting me know. I totally spaced it, #IndieWeb",
        "html": "Put it together at home brew website West club that I forgot to add new links to torrents I seed when I switched from utorrent to terminal. h/t to Angelo for letting me know. I totally spaced it, <a href=\"https://quickthoughts.jgregorymcverry.com/tag/IndieWeb\" class=\"p-category\">#IndieWeb</a>"
    },
    "author": {
        "type": "card",
        "name": "Greg McVerry",
        "url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
        "photo": "https://quickthoughts.jgregorymcverry.com/file/2d6c9cfed7ac8e849f492b5bc7e6a630/thumb.jpg"
    },
    "post-type": "note",
    "_id": "13252122",
    "_source": "1300"
}

{
    "type": "entry",
    "published": "2020-07-16T01:42:52+00:00",
    "url": "https://twitter.com/fluffy/status/1283577811446362112",
    "content": {
        "text": "For once I'm glad I don't have a blue checkmark."
    },
    "author": {
        "type": "card",
        "name": "fluffy \ud83d\udc9c",
        "url": "https://twitter.com/fluffy",
        "photo": "https://pbs.twimg.com/profile_images/1252480375646851072/Pc5osn74.jpg"
    },
    "post-type": "note",
    "_id": "13251658",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-07-16T01:34:13+00:00",
    "url": "https://twitter.com/jgmac1106/status/1283575633638035456",
    "photo": [
        "https://pbs.twimg.com/media/EdAtO2yXsAAEN5A.png"
    ],
    "content": {
        "text": "Hanging with everyone at Homebrew Website Club West #IndieWeb",
        "html": "Hanging with everyone at Homebrew Website Club West <a href=\"https://twitter.com/search?q=%23IndieWeb\">#IndieWeb</a>"
    },
    "author": {
        "type": "card",
        "name": "https://jgregorymcverry.com",
        "url": "https://twitter.com/jgmac1106",
        "photo": "https://pbs.twimg.com/profile_images/565227710104883200/g4MDcTnx.jpeg"
    },
    "post-type": "photo",
    "_id": "13251436",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-07-16T01:33:09+0000",
    "url": "https://quickthoughts.jgregorymcverry.com/2020/07/16/hanging-with-everyone-at-homebrew-website-club-west-indieweb",
    "photo": [
        "https://quickthoughts.jgregorymcverry.com/file/70f8fe2a28c5998e7a9de5dd095bf4d5/thumb.png"
    ],
    "content": {
        "text": "Homebrew Website Club",
        "html": "<a href=\"https://quickthoughts.jgregorymcverry.com/2020/07/16/hanging-with-everyone-at-homebrew-website-club-west-indieweb\"></a>\n            \n                <p><a class=\"u-reply-to\" href=\"https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI\">Homebrew Website Club</a></p>"
    },
    "author": {
        "type": "card",
        "name": "Greg McVerry",
        "url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
        "photo": "https://quickthoughts.jgregorymcverry.com/file/2d6c9cfed7ac8e849f492b5bc7e6a630/thumb.jpg"
    },
    "post-type": "photo",
    "_id": "13251318",
    "_source": "1300"
}

Having customer service send you a json file to read....great way to do banking.

{
    "type": "entry",
    "published": "2020-07-16T01:11:57+0000",
    "url": "https://quickthoughts.jgregorymcverry.com/2020/07/16/having-customer-service-send-you-a-json-file-to-readgreat",
    "photo": [
        "https://quickthoughts.jgregorymcverry.com/file/330432a075c01afb990cba56615195d9/thumb.png"
    ],
    "name": "Having customer service send you a json file to read....great way to do banking.",
    "author": {
        "type": "card",
        "name": "Greg McVerry",
        "url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
        "photo": "https://quickthoughts.jgregorymcverry.com/file/2d6c9cfed7ac8e849f492b5bc7e6a630/thumb.jpg"
    },
    "post-type": "photo",
    "_id": "13251021",
    "_source": "1300"
}

{
    "type": "entry",
    "published": "2020-07-16T01:02:43+0000",
    "rsvp": "yes",
    "url": "https://quickthoughts.jgregorymcverry.com/2020/07/16/yes-ateening-to-stop-in-and-say-a-quick-hello",
    "syndication": [
        "https://twitter.com/jgmac1106/status/1283567900675252228"
    ],
    "in-reply-to": [
        "https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI"
    ],
    "content": {
        "text": "Yes: Ateening to stop in and say a quick hello.",
        "html": "<strong>Yes:</strong> Ateening to stop in and say a quick hello."
    },
    "author": {
        "type": "card",
        "name": "Greg McVerry",
        "url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
        "photo": "https://quickthoughts.jgregorymcverry.com/file/2d6c9cfed7ac8e849f492b5bc7e6a630/thumb.jpg"
    },
    "post-type": "rsvp",
    "_id": "13251022",
    "_source": "1300"
}

{
    "type": "entry",
    "published": "2020-07-15T18:14:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/e915caaa-787d-43b9-ab3a-aaa43c256acf",
    "content": {
        "text": "Currently!!! https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI",
        "html": "<p>Currently!!! <a href=\"https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI\">https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI</a></p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "13250938",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-07-16T01:03:29+00:00",
    "url": "https://twitter.com/jgmac1106/status/1283567900675252228",
    "content": {
        "text": "Yes: Ateening to stop in and say a quick hello. : quickthoughts.jgregorymcverry.com/2020/07/16/yes\u2026",
        "html": "Yes: Ateening to stop in and say a quick hello. : <a href=\"https://quickthoughts.jgregorymcverry.com/2020/07/16/yes-ateening-to-stop-in-and-say-a-quick-hello\">quickthoughts.jgregorymcverry.com/2020/07/16/yes\u2026</a>"
    },
    "author": {
        "type": "card",
        "name": "https://jgregorymcverry.com",
        "url": "https://twitter.com/jgmac1106",
        "photo": "https://pbs.twimg.com/profile_images/565227710104883200/g4MDcTnx.jpeg"
    },
    "post-type": "note",
    "_id": "13250686",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-07-15T17:58:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/1d710df9-5395-4f71-8176-a1e42ff4f167",
    "content": {
        "text": "If it\u2019s related to SMS 2FA then Twitter asked for this tbh. SMS 2FA is an KNOWN attack vector and isn\u2019t recommended by OWASP OR NIST IIRC. https://twitter.com/mi6rogue/status/1283526006389833728",
        "html": "<p>If it\u2019s related to SMS 2FA then Twitter asked for this tbh. SMS 2FA is an KNOWN attack vector and isn\u2019t recommended by OWASP OR NIST IIRC. <a href=\"https://twitter.com/mi6rogue/status/1283526006389833728\">https://twitter.com/mi6rogue/status/1283526006389833728</a></p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "13250532",
    "_source": "1886"
}

{
    "type": "entry",
    "published": "2020-07-15T20:35:27-0400",
    "rsvp": "yes",
    "url": "https://martymcgui.re/2020/07/15/203527/",
    "in-reply-to": [
        "https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI"
    ],
    "content": {
        "text": "I'm going!Looking forward to some IndieWeb thinking and chatting!",
        "html": "I'm going!<p>Looking forward to some IndieWeb thinking and chatting!</p>"
    },
    "author": {
        "type": "card",
        "name": "Marty McGuire",
        "url": "https://martymcgui.re/",
        "photo": "https://martymcgui.re/images/logo.jpg"
    },
    "post-type": "rsvp",
    "refs": {
        "https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI": {
            "type": "entry",
            "summary": "Any questions? Ask in the IndieWeb chat!",
            "url": "https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI",
            "photo": [
                "https://res.cloudinary.com/schmarty/image/fetch/w_960,c_fill/https://events.indieweb.org/storage/events/20200406-lBWNp28qEePEUsAbCI8YvPtFVX5CSy.jpg"
            ],
            "name": "Homebrew Website Club West Coast",
            "author": {
                "type": "card",
                "name": "events.indieweb.org",
                "url": "http://events.indieweb.org",
                "photo": null
            },
            "post-type": "photo"
        }
    },
    "_id": "13250414",
    "_source": "175"
}

What we talk about when we're talking about "Webmentions"

{
    "type": "entry",
    "published": "2020-07-15T19:31:31-0400",
    "url": "https://martymcgui.re/2020/07/15/what-we-talk-about-when-were-talking-about-webmentions/",
    "category": [
        "IndieWeb",
        "Webmention",
        "rant"
    ],
    "name": "What we talk about when we're talking about \"Webmentions\"",
    "content": {
        "text": "I have a great fondness for IndieWeb building blocks and Webmention is a wonderful meta-building-block that connects so many individual websites together.\n\n  Obligatory \"what is Webmention?\": it's a specification that describes a way to \"tell\" a website that some document out on the web links to one of the pages on that site. \n  \n\nSound simple? It is! Perhaps even suspiciously simple. Webmention enables whole new kinds of interactions between sites (some great examples in this A List Apart piece). Unfortunately, almost all of the coordination to support these interactions happen outside of the \"Webmention\" spec itself.\nSo, when I see blog post titles like these I am not sure exactly what to expect:\nIntegrating Webmention with my blog\n  Pelican, Pingback and Webmentions\n  Webmention for TiddlyWiki to enable website to website notifications and communication\n  and this clickbait sensation: Add Webmention support to your website in ten minutes\n\n\n  There are many more like this, I just grabbed a handful off the last few pages of news.indieweb.org.\n  \n\nThese examples and many more are referring to the most talked-about use of Webmention: enabling site-to-site comments and responses, like a souped-up independent alternative to terrible embeds like Disqus.\nThis may sound like a simple feature! We might expect it to look like this:\nYou see a post on the web that you like. Let's call that \"their post\".\n  On your own site, you make a post that links to theirs with some comment like \"Nice post!\". We'll call that \"your post\".\n  \n    Assuming that you both \"have Webmention support\", you might check their post a little later and see a nice summary of your post as a comment below their content.\n    \n\n However, for a webmention to \"succeed\", a lot of coordination needs to happen.\n\n  On your side:\n  \n\n\n    You publish \"your post\" which links to \"their post\". So far, so good, you probably publish links to your site all the time.\n    \n\n  When that post is live, you can try to send a webmention. How do you do that? It depends.\n\n  From here, it's pretty much out of your hands. On their side:\n  \n\n\n    Their post needs to advertise the URL of a service that will accept them.\n    \n\n  \n    That service checks that your post is a real post on the web, and that it contains a link to their post and it ... stores it somewhere. Maybe it goes into a moderation queue?\n    \n\nSo then they have the webmention, but to actually display it, their site must:\nPull your post out of wherever their webmentions are stored.\n  Somehow understand what your post \"is\".\n  \n    Render that into their page.\n    \n\nWhen I see folks posting \"I added Webmentions to my site\" I want to believe that they have some version of all of the bullet points above. But, there are lots of incompletes.\n\n  A list, without references, of partial Webmention support I have seen\n  \n\nThe Junk Drawer\nSigning up for a receiving service like webmention.io ... and that's it. Often announced alongside a sentence like \"Next up I'll figure out how to display them!\" This brings to mind with images of the warehouse at the end of Raiders of the Lost Ark, or a house filled to the ceiling with stacks of moldy newspapers.\n\n  There are, I recognize, lots of good reasons not to display webmentions, beyond some of the technical speedbumps and pitfalls I talk about below. For example there are a lot of unanswered questions and not-yet-built tools and services for dealing with moderation and abuse.\n  \n\n\"Why didn't my reply show up on your site?\"\n\n  Static sites are back and I love it. But if there's one thing that static sites do extremely poorly it is responding dynamically to outside events. Some static sites (including my own!) will save webmentions as the come in, but won't display them until the next time a post is added or modified on the site.\n  \n\n\n  \"Why does my reply look weird on your site?\"\n  \n\nFrom services to command line tools to fancy build hooks on your fancy hosting service, there are many ways to automate sending webmentions. But unless the receiving end can understand the content of your post, it might not show up as you intended, or at all, on the receiving end. Current best practices would have you add some extra markup to your post so that the receiver can know that it is a reply, or a like, or an RSVP, or something else. This is a hard coordination problem between your site and theirs! In fact there is a whole community and standards process for figuring out how to do these things!\nMaking sure your posts have the \"correct\" markup to look like you want can be difficult even for developers writing their own HTML. Tools like indiewebify.me, Monocle's preview, and microformats.io can help if you are getting your hands dirty. It's much harder for folks that just redesigned their site with a new WordPress theme.\n\n  Bridgy Over Troubled Waters\n  \n\nBridgy is an absolutely incredible suite of services provided by Ryan, also for free, for the community.\nWith the power of Bridgy Backfeed you can use Webmention to feed replies, likes, and reposts from your Twitter tweets to their corresponding post on your own site! This works despite the fact that twitter.com does not link to your website because Bridgy generates little \"bridge\" pages for which to send webmentions. And it's just a little bit of tweaking to have your Webmention display handle the quirks.\nWith the power of Bridge Publish you can use Webmention to automatically copy posts from your website directly to social media silos like Twitter! You do this by hiding a link to Bridgy in your post, which sends a Webmention to Bridgy, and then Bridgy parses your post to understand it and figure out which bits to tweet. And then Bridgy responds with info about your new tweet. And it's just a little bit of tweaking to have your Webmention sender handle those quirks and update your post with that link.\n\n  With the power of Bridge Fed you can use Webmention to automatically copy posts from your website directly into The Fediverse where yadda yadda yadda. And it's just a bit of tweaking to have your Webmention yadda yadda yadda yadda. \ud83d\ude29 I've tired myself out.\n  \n\n\n  These are all fantastic things that are build on top of Webmention but that I often feel are conflated with Webmention.\n  \n\n\"Just let JavaScript do it!\"\nThis one is a bit... unfair on my part. In fact, I think this setup is the best you can get for the least effort, and I encourage folks to go for it. It looks like this:\nRegister with webmention.io to receive, verify, and store your webmentions.\n  Put webmention.js in the template for your posts.\n\n  I love webmention.io and use it myself. It is an amazing community resource run by Aaron at no charge! Kevin's mention.tech is another great tool, as is VoxPelli's webmention.herokuapp.com. By configuring one of them to accept webmentions on your behalf you save a lot of trouble. They provide APIs that let you pull out the mentions for pages across your site.\n  \n\nSimilarly, webmention.js is a really great tool by fluffy that hides a lot of complexity and forethought about how to display webmentions with a single JavaScript include.\n\n  All that said, I have some issues with this particular combo long-term because all the fetching and display of webmentions happens in the browser of the person viewing your post.\n  \n\n\n  If 1,000 people visit your post, that's 1,000 requests to webmention.io, putting load on a service being run by one individual for free.\n  \n\nThis setup also means that the webmentions for a post aren't included in the original HTML. So, if your site sends a webmention and wants to check back automatically to see if it's shown up, but their site only displays webmentions via JavaScript, your site will never see it. Likewise, it becomes much harder to keep track of reply chains, for example.\nWhy are you being such a downer about this?\nDespite, apparently, being a bit salty today, I really do get excited about Webmention, how it's being used in so many ways to connect independent sites, and new ways it can be used in the future.\nI'm worried, a bit, that \"Webmention\" is starting to lose its meaning in conversation. It's starting to feel like a shorthand that hides important details.\nMaybe Webmention can be thought of as less of a \"building block\" and more like a glue. You can do so many things with glue, like combining a bunch of planks into a table, or building a parade float sculpture with papier-m\u00e2ch\u00e9, or doctoring the photo in a passport!\n\n  You wouldn't call them all \"glue\".",
        "html": "<p>I have a great fondness for <a href=\"https://indieweb.org/building-blocks\">IndieWeb building blocks</a> and <a href=\"https://indieweb.org/Webmention\">Webmention</a> is a wonderful meta-building-block that connects so many individual websites together.</p>\n<p>\n  Obligatory \"what is Webmention?\": it's a <a href=\"https://www.w3.org/TR/webmention/\">specification</a> that describes a way to \"tell\" a website that some document out on the web links to one of the pages on that site. \n  <br /></p>\n<p>Sound simple? It is! Perhaps even <i>suspiciously simple</i>. Webmention enables whole new kinds of interactions between sites (some <a href=\"https://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet/\">great examples in this A List Apart piece</a>). Unfortunately, almost all of the coordination to support these interactions happen <i>outside</i> of the \"Webmention\" spec itself.</p>\n<p>So, when I see blog post titles like these I am not sure exactly what to expect:</p>\n<ul><li><a href=\"https://www.kappawingman.com/posts/webdev/2020/07/15/integrating-webmention-with-my-blog/\">Integrating Webmention with my blog</a></li>\n  <li><a href=\"https://chezsoi.org/lucas/blog/pelican-pingback-and-webmentions.html\">Pelican, Pingback and Webmentions</a></li>\n  <li><a href=\"https://boffosocko.com/2020/04/14/webmention-for-tiddlywiki-to-enable-website-to-website-notifications-and-communication/\">Webmention for TiddlyWiki to enable website to website notifications and communication</a></li>\n  <li>and this clickbait sensation: <a href=\"https://www.ctrl.blog/entry/setup-webmention.html\">Add Webmention support to your website in ten minutes</a>\n</li>\n</ul><p>\n  There are many more like this, I just grabbed a handful off the last few pages of <a href=\"https://news.indieweb.org/en\">news.indieweb.org</a>.\n  <br /></p>\n<p>These examples and many more are referring to the most talked-about use of Webmention: enabling site-to-site comments and responses, like a <a href=\"https://nicolas-hoizey.com/articles/2017/07/27/so-long-disqus-hello-webmentions/\">souped-up independent alternative to terrible embeds like Disqus</a>.</p>\n<p>This may sound like a simple feature! We might expect it to look like this:</p>\n<ul><li>You see a post on the web that you like. Let's call that \"their post\".</li>\n  <li>On your own site, you make a post that links to theirs with some comment like \"Nice post!\". We'll call that \"your post\".</li>\n  <li>\n    Assuming that you both \"have Webmention support\", you might check their post a little later and see a nice summary of your post as a comment below their content.\n    <br /></li>\n</ul><p> However, for a webmention to \"succeed\", a lot of coordination needs to happen.</p>\n<p>\n  On your side:\n  <br /></p>\n<ul><li>\n    You publish \"your post\" which links to \"their post\". So far, so good, you probably publish links to your site all the time.\n    <br /></li>\n  <li>When that post is live, you can try to send a webmention. How do you do that? <i>It depends</i>.</li>\n</ul><p>\n  From here, it's pretty much out of your hands. On their side:\n  <br /></p>\n<ul><li>\n    Their post needs to advertise the URL of a service that will accept them.\n    <br /></li>\n  <li>\n    That service checks that your post is a real post on the web, and that it contains a link to their post and it ... stores it somewhere. Maybe it goes into a moderation queue?\n    <br /></li>\n</ul><p>So then they <i>have</i> the webmention, but to actually <i>display </i>it, their site must:</p>\n<ul><li>Pull your post out of wherever their webmentions are stored.</li>\n  <li>Somehow <i>understand</i> what your post \"<i>is</i>\".</li>\n  <li>\n    Render that into their page.\n    <br /></li>\n</ul><p>When I see folks posting \"I added Webmentions to my site\" I want to believe that they have some version of all of the bullet points above. But, there are lots of incompletes.</p>\n<h2>\n  A list, without references, of partial Webmention support I have seen\n  <br /></h2>\n<h3>The Junk Drawer</h3>\n<p>Signing up for a receiving service like <a href=\"https://webmention.io/\">webmention.io</a> ... and that's it. Often announced alongside a sentence like \"Next up I'll figure out how to display them!\" This brings to mind with images of the warehouse at the end of Raiders of the Lost Ark, or a house filled to the ceiling with stacks of moldy newspapers.</p>\n<p>\n  There are, I recognize, lots of good reasons <i>not</i> to display webmentions, beyond some of the technical speedbumps and pitfalls I talk about below. For example there are a lot of unanswered questions and not-yet-built tools and services for dealing with moderation and abuse.\n  <br /></p>\n<h3>\"Why didn't my reply show up on your site?\"</h3>\n<p>\n  <a href=\"https://mxb.dev/blog/the-return-of-the-90s-web/\">Static sites are back</a> and I love it. But if there's one thing that static sites do extremely poorly it is responding dynamically to outside events. Some static sites (including my own!) will save webmentions as the come in, but won't display them until the next time a post is added or modified on the site.\n  <br /></p>\n<h3>\n  \"Why does my reply look weird on your site?\"\n  <br /></h3>\n<p>From <a href=\"https://webmention.app/\">services</a> to <a href=\"https://jmac.org/whim/\">command line tools</a> to <a href=\"https://www.jvt.me/posts/2019/09/10/webmentions-on-deploy/\">fancy build hooks on your fancy hosting service</a>, there are many ways to automate sending webmentions. But unless the receiving end can understand the content of your post, it might not show up as you intended, or at all, on the receiving end. Current best practices would have you <a href=\"https://aaronparecki.com/2018/06/30/11/your-first-webmention\">add some extra markup to your post</a> so that the receiver can know that it is a reply, or a like, or an RSVP, or something else. This is a hard coordination problem between your site and theirs! In fact <a href=\"http://microformats.org/\">there is a whole community and standards process for figuring out how to do these things</a>!</p>\n<p>Making sure your posts have the \"correct\" markup to look like you want can be difficult even for developers writing their own HTML. Tools like <a href=\"https://indiewebify.me/\">indiewebify.me</a>, <a href=\"https://monocle.p3k.io/preview\">Monocle's preview</a>, and <a href=\"https://microformats.io/\">microformats.io</a> can help if you are getting your hands dirty. It's much harder for folks that just redesigned their site with a new WordPress theme.</p>\n<h3>\n  Bridgy Over Troubled Waters\n  <br /></h3>\n<p><a href=\"https://brid.gy/\">Bridgy</a> is an <i>absolutely incredible</i> suite of services provided by <a href=\"https://snarfed.org/\">Ryan</a>, also for free, for the community.</p>\n<p>With the power of Bridgy Backfeed you can use Webmention to feed replies, likes, and reposts from your Twitter tweets to their corresponding post on your own site! This works despite the fact that twitter.com <i>does not link to your website</i> because Bridgy generates little \"bridge\" pages for which to send webmentions. And it's just a little bit of tweaking to have your Webmention display handle the quirks.</p>\n<p>With the power of Bridge Publish you can use Webmention to automatically copy posts from your website directly to social media silos like Twitter! You do this by hiding a link to Bridgy in your post, which sends a Webmention to Bridgy, and then Bridgy parses your post to <i>understand</i> it and figure out which bits to tweet. And then Bridgy responds with info about your new tweet. And it's just a little bit of tweaking to have your Webmention sender handle those quirks and update your post with that link.</p>\n<p>\n  With the power of Bridge Fed you can use Webmention to automatically copy posts from your website directly into The Fediverse where yadda yadda yadda. And it's just a bit of tweaking to have your Webmention yadda yadda yadda yadda. \ud83d\ude29 I've tired myself out.\n  <br /></p>\n<p>\n  These are all fantastic things that are build <i>on top of Webmention</i> but that I often feel are <i>conflated with Webmention</i>.\n  <br /></p>\n<h3>\"Just let JavaScript do it!\"</h3>\n<p>This one is a bit... unfair on my part. In fact, I think this setup is the best you can get for the least effort, and I encourage folks to go for it. It looks like this:</p>\n<ul><li>Register with webmention.io to receive, verify, and store your webmentions.</li>\n  <li>Put <a href=\"https://github.com/PlaidWeb/webmention.js/\">webmention.js</a> in the template for your posts.</li>\n</ul><p>\n  I love webmention.io and use it myself. It is an amazing community resource run by <a href=\"https://aaronparecki.com/\">Aaron</a> at no charge! <a href=\"http://www.kevinmarks.com/\">Kevin</a>'s <a href=\"http://mention.tech/\">mention.tech</a> is another great tool, as is <a href=\"http://voxpelli.com/\">VoxPelli</a>'s <a href=\"https://webmention.herokuapp.com/\">webmention.herokuapp.com</a>. By configuring one of them to accept webmentions on your behalf you save a lot of trouble. They provide APIs that let you pull out the mentions for pages across your site.\n  <br /></p>\n<p>Similarly, webmention.js is a really great tool by <a href=\"https://beesbuzz.biz/\">fluffy</a> that hides a lot of complexity and forethought about how to display webmentions with a single JavaScript include.</p>\n<p>\n  All that said, I have some issues with this particular combo long-term because all the fetching and display of webmentions happens in the browser of the person viewing your post.\n  <br /></p>\n<p>\n  If 1,000 people visit your post, that's 1,000 requests to webmention.io, putting load on a service being run by <a href=\"https://indieweb.org/single_point_of_aaron\">one individual</a> for free.\n  <br /></p>\n<p>This setup also means that the webmentions for a post aren't included in the original HTML. So, if your site sends a webmention and wants to check back automatically to see if it's shown up, but their site only displays webmentions via JavaScript, your site will never see it. Likewise, it becomes much harder to keep track of <a href=\"https://indieweb.org/reply-chain\">reply chains</a>, for example.</p>\n<h2>Why are you being such a downer about this?</h2>\n<p>Despite, apparently, being <i>a bit salty</i> today, I really do get excited about Webmention, how it's being used in so many ways to connect independent sites, and new ways it can be used in the future.</p>\n<p>I'm worried, a bit, that \"Webmention\" is starting to lose its meaning in conversation. It's starting to feel like a shorthand that hides important details.</p>\n<p>Maybe Webmention can be thought of as less of a \"building block\" and more like a glue. You can do so many things with glue, like combining a bunch of planks into a table, or building a parade float sculpture with papier-m\u00e2ch\u00e9, or doctoring the photo in a passport!</p>\n<p>\n  You wouldn't call them all \"glue\".\n  <br /></p>"
    },
    "author": {
        "type": "card",
        "name": "Marty McGuire",
        "url": "https://martymcgui.re/",
        "photo": "https://martymcgui.re/images/logo.jpg"
    },
    "post-type": "article",
    "_id": "13250415",
    "_source": "175"
}

{
    "type": "entry",
    "published": "2020-07-16T00:50:18+00:00",
    "url": "https://twitter.com/ChrisAldrich/status/1283564581114322944",
    "content": {
        "text": "Grabbing a quick bite before joining Homebrew Website Club starting at 6:00 PM Pacific. Come join some great people talking about and improving our personal websites.\nevents.indieweb.org/2020/07/homebr\u2026 (boffosocko.com/?p=55773639)",
        "html": "Grabbing a quick bite before joining Homebrew Website Club starting at 6:00 PM Pacific. Come join some great people talking about and improving our personal websites.\n<a href=\"https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI\">events.indieweb.org/2020/07/homebr\u2026</a> (<a href=\"https://boffosocko.com/?p=55773639\">boffosocko.com/?p=55773639</a>)"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "https://twitter.com/ChrisAldrich",
        "photo": "https://pbs.twimg.com/profile_images/890299009381916672/CafdvvxN.jpg"
    },
    "post-type": "note",
    "_id": "13250279",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-07-15T17:40:30-07:00",
    "url": "https://boffosocko.com/2020/07/15/55773639/",
    "category": [
        "indieweb",
        "social-stream",
        "homebrew-website-club"
    ],
    "content": {
        "text": "Grabbing a quick bite before joining Homebrew Website Club starting at 6:00 PM Pacific. Come join some great people talking about and improving our personal websites.\n\nhttps://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI",
        "html": "Grabbing a quick bite before joining Homebrew Website Club starting at 6:00 PM Pacific. Come join some great people talking about and improving our personal websites.<br />\nhttps://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "https://boffosocko.com/",
        "photo": "https://secure.gravatar.com/avatar/d5fb4e498fe609cc29b04e5b7ad688c4?s=96&d=identicon&r=pg"
    },
    "post-type": "note",
    "_id": "13250227",
    "_source": "2785"
}

{
    "type": "entry",
    "published": "2020-07-16T00:38:10+00:00",
    "url": "https://twitter.com/jaredcwhite/status/1283561529187549184",
    "content": {
        "text": "JS folks be like: how you total up an array of numbers?\n\n\u2026long Twitter thread ensues. So. Many. Options\u2026!\n\nMeanwhile\u2026\n\nRuby folks be like:\n\n[1, 2, 3, 4, 5].sum\n\n\ud83d\ude03\ud83d\udc4d\n\nWhich, incidentally, has been a thing since\u2026\n\n\u2026wait for it\u2026\n\n2016.\n\nTwe-nty Six-teen, people!\n\n\ud83e\udd2a"
    },
    "author": {
        "type": "card",
        "name": "Jared White \ud83e\udd13",
        "url": "https://twitter.com/jaredcwhite",
        "photo": "https://pbs.twimg.com/profile_images/1232704698890670080/goiKk3uW.jpg"
    },
    "post-type": "note",
    "_id": "13249907",
    "_source": "2773"
}

{
    "type": "entry",
    "published": "2020-07-15T17:35:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/e366bb1f-694a-4f78-aaa4-6e6a66f88123",
    "category": [
        "hwc"
    ],
    "content": {
        "text": "I need to make sure I grab something to eat and finish my demo before the homebrew website club tonight! https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI",
        "html": "<p>I need to make sure I grab something to eat and finish my demo before the homebrew website club tonight! <a href=\"https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI\">https://events.indieweb.org/2020/07/homebrew-website-club-west-coast-UWgdEMwxDSQI</a></p>"
    },
    "author": {
        "type": "card",
        "name": "",
        "url": "https://v2.jacky.wtf",
        "photo": null
    },
    "post-type": "note",
    "_id": "13249806",
    "_source": "1886"
}