{
    "items": [
        {
            "type": [
                "h-entry"
            ],
            "properties": {
                "content": [
                    {
                        "html": "<p>It\u2019s that time again: I started fiddling with my blog code - for the <em>nth</em> time. Kev Quirk calls it <a href=\"https://kevq.uk/the-wonderful-world-of-wordpress-wizardry-for-working-with-websites/\">pissing around with the code</a>. That was meant negatively, and one of the reasons for him to switch back from Jekyll to Wordpress. I, however, like <em>pissing around</em> because I like <em>pissing</em> - or coding, just for the sake of it. After all, <em>Brain Baking</em> is a big side project that helps me learn and discover new things, blogging technology included.</p>\n<h2 id=\"so-what-changed\">So, what changed?</h2>\n<p>I discovered the <a href=\"https://indieweb.org/\">IndieWeb</a>, perhaps an integral part of what Aral Balkan likes to call the <a href=\"https://ar.al/2020/08/07/what-is-the-small-web/\">Small Web</a>. Many IndieWeb W3C standards have been around for almost twenty years! I have no idea why I only came across it a few weeks ago. Since then, I\u2019ve been trying to refactor parts of my site to support the IndieWeb standards, and I\u2019m starting to see why.</p>\n<p>It\u2019s a <em>big hassle</em>.</p>\n<p>There\u2019s this thing with <code>h-card</code>, <code>e-content</code> and <code>u-url</code> meta-classes that have to be added in order for your HTML content to be machine-parsable. Verification can be done with any <a href=\"https://aimee-gm.github.io/microformats-parser/\">microformats2-parser</a> or the nice website <a href=\"https://indiewebify.me\">indiewebify.me</a>. That meant messing around with the templates - again - as of course many components were not properly placed within each other. Author information should be on the root page of your domain, syndication links should have proper meta classes, etc etc.</p>\n<h2 id=\"but-why\">But why?</h2>\n<p>Now we\u2019re getting somewhere! One compelling component of the IndieWeb movement is <strong>Webmentions</strong>. A webmention is a logical evolution from <code>pingback</code> links from the hopefully long lost XML era that nobody ever implements unless they happen to run a Wordpress website. With Webmentions, you notify others when you\u2019ve written an article and linked theirs - or written a comment on theirs.</p>\n<p>The concept is a webmention is that instead of commenting on someone else\u2019s domain, you <em>own your data</em>. Want to write a comment or remark? Post it on <em>your own</em> site and send a webmention instead. This idea is also called <a href=\"https://indieweb.org/POSSE\">POSSE</a>: <em>Publish On your Site, Syndicate Elsewhere</em>. As opposed to PESOS: <em>Publish Elsewhere, Syndicate to your Own Site</em>. A very intriguing concept that got my full attention.</p>\n<p>Until I started thinking about the ramifications of POSSE. It would be cool if the Switch supported POSSE instead of having me post screenshots to a private Twitter account. It would be great if we had access to the ecosystem of the target <em>silo</em> (a centralized social platform) when simply interacting with our own site. <a href=\"https://www.jvt.me/mf2/2021/02/hvjtd/\">Jamie Tanna</a> uses <a href=\"https://indigenous.realize.be/\">Indigenous</a> to publish content to his site. Oh, you\u2019ll need to implement a few microservices (micropub/sub) in order to get that working\u2026 And you\u2019ll also lose context. So, again: why?</p>\n<p>I like the idea of webmentions, because as an academic, I also like the idea of correctly citing each others work. In theory, writing something like this should automatically post webmention notifications to the people I mentioned in this article. A link to this article should appear on their page. Note that I\u2019m using the word <em>should</em> here. A few major problems prevent me from smiling instead of sighing:</p>\n<ul>\n<li>The responsibility for sending webmentions is the web blog owner. Many blogs do not send them out and only receive them because <a href=\"https://webmention.io/\">webmention.io</a> makes it semi-easy to implement. Yes, many efforts like <a href=\"https://webmention.app/\">webmention.app</a> exist to automate this, but none work effectively, and they all still require you to run the scripts.</li>\n<li>Being dependent on something like webmention.io defeats the purpose of a <em>Small Web</em>: now I\u2019m still using a big central silo to receive my stuff!</li>\n<li>As for POSSE: that\u2019s simply ridiculous when thinking about something like Goodreads. I might also be interested in what others are reading, and not every context gets synced to my site with the IndieWeb tools.</li>\n</ul>\n<h2 id=\"so-dont-do-it\">So don\u2019t do it!</h2>\n<p>I wrote about my <a href=\"https://brainbaking.com/post/2020/06/tracking-and-privacy-on-websites/\">Facebook PESOS attempt</a> before. I\u2019d love to POSSE, but some questions that are posted there simply don\u2019t make it back, and as a community maintainer, I simply sometimes need to be there, even if I really, really hate that.</p>\n<p><strong>Blog comments</strong>, another big debate. My evolution from Disqus to Commento to nothing to Mastodon to Webmentions says it all<sup id=\"fnref:1\"><a href=\"https://brainbaking.com/post/2021/03/the-indieweb-mixed-bag/#fn:1\" class=\"footnote-ref\" role=\"doc-noteref\">1</a></sup>: it\u2019s a hassle. People like <a href=\"https://darthmall.net/weblog/webmentions/\">Evan Sheehan</a> add a small form to each page where webmentions can be requested - although they should be sent automatically. But what about \u201cnormal\u201d, non-tech savvy people? What if they want to comment? Oh, they can just use <a href=\"https://commentpara.de/\">commentpara.de</a>. Well, that doesn\u2019t work, and I\u2019ve tried it - and it\u2019s another external liability.</p>\n<p>All these headaches made people not just leave the IndieWeb standards behind: they are actually leaving static website generators behind and reverting to Wordpress! Read about <a href=\"https://rusingh.com/2021/03/05/waving-thankful-goodbye-to-static-websites-and-more/\">Ru Singh</a> and <a href=\"https://chriswiegman.com/2020/08/hello-wordpress-my-old-friend/\">Chris Wiegman</a>\u2019s reasons. It\u2019s mostly the convoluted workflow, and the hassle to get all the tools of their Jamstack-site just right.</p>\n<p>\n</p><figure><a href=\"https://brainbaking.com/post/2021/03/the-indieweb-mixed-bag/blogchart.jpg\" class=\"lbox\">\n\t\t<img src=\"https://brainbaking.com/post/2021/03/the-indieweb-mixed-bag/blogchart.jpg\" loading=\"lazy\" title=\"Courtesy of rakhim.org. I'm somewhere on the lower right...\" data-pagefind-index-attrs=\"title\">\n\t</a>\n\t\n\t\t<figcaption>Courtesy of rakhim.org. I'm somewhere on the lower right...</figcaption></figure>\n\n<p><a href=\"https://jamstack.org/what-is-jamstack/\">What\u2019s a jamstack</a> \ud83e\udd5e? I\u2019ve been jamstack-ing more than four years and only just found out that there\u2019s an acronym/cool word for the counterpart of a LAMP-stack: a <em>Javascript + Microservices-stack</em>. Because if you\u2019re interested in receiving webmentions, you still need an end-point\u2026</p>\n<p>Sleeves up, code out:</p>\n<ul>\n<li>microservice endpoint: check, <a href=\"https://codeberg.org/wouterg/go-jamming\">https://codeberg.org/wouterg/go-jamming</a></li>\n<li>javascript tools: check, <a href=\"https://codeberg.org/wouterg/jam-my-stack\">https://codeberg.org/wouterg/jam-my-stack</a></li>\n</ul>\n<p>Okay, so now, I can answer the <em>why</em>. Not because it will be heavily used, or the IndieWeb stuff feels like the future. The low adoption rate says it all\u2026 No, simply because I was bored and wanted to learn about modern JS frameworks. I had an excuse to code again. Yay!</p>\n<p>Still, once I more or less finished a first revision of my own toolset (sending is up next), I felt a bit empty inside. What\u2019s the point? Who will <em>webmention</em> me anyway? Those few other tech-related cooler bloggers? If you pay attention to the webmentions on other sites, you\u2019ll notice that <code>95%</code> of them are Twitter feeds, probably converted into webmentions by services like <a href=\"https://brid.gy/\">brid.gy</a>. My point is that as far as <strong>usability</strong> goes, the IndieWeb standard completely falls apart. Sure, decentralization is the future. That\u2019s why I try to host and own my own data such as a Mastodon Instance\u2014and that\u2019s the philosophy of the IndieWeb.</p>\n<p>But I can\u2019t ask my wife to stop posting on Instagram because she\u2019s giving her data away? I can\u2019t ask her to post it on her own Wordpress-site, after installing a bunch of <a href=\"https://kevq.uk/removing-support-for-the-indieweb/\">barely working</a> POSSES-related plug-ins? And I can\u2019t ask visitors of my own site to \u201cwebmention me!\u201d if they don\u2019t have a site?</p>\n<p>Feel free to prove me wrong, though. Why don\u2019t you webmention this article?</p>\n<h2 id=\"who-owns-what-data\">Who owns what data?</h2>\n<p>One of the key properties of POSSE-ing is that you include a url-shortened reference to the original article, like so: <code>(short.co 34yf1)</code>. Having to put up with visible junk metadata on Twitter is also a big concern for me. The theory behind it is good and logical, but without the silos supporting it, the implementation is just awful. Furthermore, without a reference, you won\u2019t know if it\u2019s POSSE or PESOS. Aren\u2019t you still giving your data away either way? On <a href=\"https://help.micro.blog/2018/twitter-differences/\">Micro.blog</a>\u2019s help page, they explain the difference between Micro.blog and Twitter like so:</p>\n<blockquote>\n<p>But when you use Twitter, your content stays at Twitter. At Micro.blog, you can write short posts that appear in the Micro.blog timeline, as well as on your own blog that you control.</p>\n</blockquote>\n<p>But almost everyone who uses webmention uses it to syndicate replies from others to their site, after POSSE-ing their microblog contents to Twitter. Just for the record: I use PESOS on my fleeting notes, because it\u2019s coming from my own Mastodon/Pleroma instance anyway.</p>\n<p>So, in essence, you\u2019re still sending out data to big \u201cevil\u201d third party silos - possibly including media. That means from thereon, a snapshot of that data does <em>NOT</em> belong to you anymore. You just gave it away! I can\u2019t wrap my head around that. Again, I think the <em>Own Your Data</em> philosophy is great, and I fully support it. Otherwise, I wouldn\u2019t have taken the trouble to <a href=\"https://brainbaking.com/post/2021/03/getting-rid-of-tracking-using-lineageos/\">install LineageOS</a>.</p>\n<p>Maybe, a part of the blog technology fatigue is because of our own fanaticism\u2026</p>\n<div class=\"footnotes\" role=\"doc-endnotes\">\n<hr>\n<ol>\n<li id=\"fn:1\">\n<p>Managing comments is a hassle, as Kev and others agree. I got rid of these systems last year. If you like to chime in on the discussion, just toot or e-mail me. <a href=\"https://brainbaking.com/post/2021/03/the-indieweb-mixed-bag/#fnref:1\" class=\"footnote-backref\" role=\"doc-backlink\">\u21a9\ufe0e</a></p>\n</li>\n</ol>\n</div>\n\n\n\t\t  \t\t\t<p>\n\t\t\t        \n\t\t\t        \t<svg class=\"icon\" width=\"25\" height=\"25\" aria-hidden=\"true\"><title>folder icon</title><use href=\"https://brainbaking.com/img/icons/icons.svg#folder\"></use></svg>\n                \n                    <kbd class=\"item-tag\"><a href=\"https://brainbaking.com/categories/webdesign\">webdesign</a></kbd>\n                \n                 \n\t\t\t        \n\t\t\t\t    \n\t\t\t\t    \t<svg class=\"icon\" width=\"25\" height=\"25\" aria-hidden=\"true\"><title>tag icon</title><use href=\"https://brainbaking.com/img/icons/icons.svg#tag\"></use></svg>\n\t\t\t\t\t    <span class=\"list-tags\">\n\t\t\t\t\t        \n\t\t\t\t\t            <kbd class=\"item-tag\"><a href=\"https://brainbaking.com/tags/privacy\" title=\"Tag: privacy\">privacy</a></kbd> \n\t\t\t\t\t        \n\t\t\t\t\t            <kbd class=\"item-tag\"><a href=\"https://brainbaking.com/tags/indieweb\" title=\"Tag: indieweb\">indieweb</a></kbd> \n\t\t\t\t\t        \n\t\t\t\t\t            <kbd class=\"item-tag\"><a href=\"https://brainbaking.com/tags/accessibility\" title=\"Tag: accessibility\">accessibility</a></kbd> \n\t\t\t\t\t        \n\t\t\t\t\t    </span>\n\t\t\t\t\t</p>",
                        "value": "It\u2019s that time again: I started fiddling with my blog code - for the nth time. Kev Quirk calls it pissing around with the code. That was meant negatively, and one of the reasons for him to switch back from Jekyll to Wordpress. I, however, like pissing around because I like pissing - or coding, just for the sake of it. After all, Brain Baking is a big side project that helps me learn and discover new things, blogging technology included. So, what changed?\nI discovered the IndieWeb, perhaps an integral part of what Aral Balkan likes to call the Small Web. Many IndieWeb W3C standards have been around for almost twenty years! I have no idea why I only came across it a few weeks ago. Since then, I\u2019ve been trying to refactor parts of my site to support the IndieWeb standards, and I\u2019m starting to see why.\nIt\u2019s a big hassle.\nThere\u2019s this thing with h-card, e-content and u-url meta-classes that have to be added in order for your HTML content to be machine-parsable. Verification can be done with any microformats2-parser or the nice website indiewebify.me. That meant messing around with the templates - again - as of course many components were not properly placed within each other. Author information should be on the root page of your domain, syndication links should have proper meta classes, etc etc. But why?\nNow we\u2019re getting somewhere! One compelling component of the IndieWeb movement is Webmentions. A webmention is a logical evolution from pingback links from the hopefully long lost XML era that nobody ever implements unless they happen to run a Wordpress website. With Webmentions, you notify others when you\u2019ve written an article and linked theirs - or written a comment on theirs.\nThe concept is a webmention is that instead of commenting on someone else\u2019s domain, you own your data. Want to write a comment or remark? Post it on your own site and send a webmention instead. This idea is also called POSSE: Publish On your Site, Syndicate Elsewhere. As opposed to PESOS: Publish Elsewhere, Syndicate to your Own Site. A very intriguing concept that got my full attention.\nUntil I started thinking about the ramifications of POSSE. It would be cool if the Switch supported POSSE instead of having me post screenshots to a private Twitter account. It would be great if we had access to the ecosystem of the target silo (a centralized social platform) when simply interacting with our own site. Jamie Tanna uses Indigenous to publish content to his site. Oh, you\u2019ll need to implement a few microservices (micropub/sub) in order to get that working\u2026 And you\u2019ll also lose context. So, again: why?\nI like the idea of webmentions, because as an academic, I also like the idea of correctly citing each others work. In theory, writing something like this should automatically post webmention notifications to the people I mentioned in this article. A link to this article should appear on their page. Note that I\u2019m using the word should here. A few major problems prevent me from smiling instead of sighing: The responsibility for sending webmentions is the web blog owner. Many blogs do not send them out and only receive them because webmention.io makes it semi-easy to implement. Yes, many efforts like webmention.app exist to automate this, but none work effectively, and they all still require you to run the scripts. Being dependent on something like webmention.io defeats the purpose of a Small Web: now I\u2019m still using a big central silo to receive my stuff! As for POSSE: that\u2019s simply ridiculous when thinking about something like Goodreads. I might also be interested in what others are reading, and not every context gets synced to my site with the IndieWeb tools. So don\u2019t do it!\nI wrote about my Facebook PESOS attempt before. I\u2019d love to POSSE, but some questions that are posted there simply don\u2019t make it back, and as a community maintainer, I simply sometimes need to be there, even if I really, really hate that.\nBlog comments, another big debate. My evolution from Disqus to Commento to nothing to Mastodon to Webmentions says it all1: it\u2019s a hassle. People like Evan Sheehan add a small form to each page where webmentions can be requested - although they should be sent automatically. But what about \u201cnormal\u201d, non-tech savvy people? What if they want to comment? Oh, they can just use commentpara.de. Well, that doesn\u2019t work, and I\u2019ve tried it - and it\u2019s another external liability.\nAll these headaches made people not just leave the IndieWeb standards behind: they are actually leaving static website generators behind and reverting to Wordpress! Read about Ru Singh and Chris Wiegman\u2019s reasons. It\u2019s mostly the convoluted workflow, and the hassle to get all the tools of their Jamstack-site just right.\nhttps://brainbaking.com/post/2021/03/the-indieweb-mixed-bag/blogchart.jpg Courtesy of rakhim.org. I'm somewhere on the lower right...\nWhat\u2019s a jamstack \ud83e\udd5e? I\u2019ve been jamstack-ing more than four years and only just found out that there\u2019s an acronym/cool word for the counterpart of a LAMP-stack: a Javascript + Microservices-stack. Because if you\u2019re interested in receiving webmentions, you still need an end-point\u2026\nSleeves up, code out: microservice endpoint: check, https://codeberg.org/wouterg/go-jamming javascript tools: check, https://codeberg.org/wouterg/jam-my-stack\nOkay, so now, I can answer the why. Not because it will be heavily used, or the IndieWeb stuff feels like the future. The low adoption rate says it all\u2026 No, simply because I was bored and wanted to learn about modern JS frameworks. I had an excuse to code again. Yay!\nStill, once I more or less finished a first revision of my own toolset (sending is up next), I felt a bit empty inside. What\u2019s the point? Who will webmention me anyway? Those few other tech-related cooler bloggers? If you pay attention to the webmentions on other sites, you\u2019ll notice that 95% of them are Twitter feeds, probably converted into webmentions by services like brid.gy. My point is that as far as usability goes, the IndieWeb standard completely falls apart. Sure, decentralization is the future. That\u2019s why I try to host and own my own data such as a Mastodon Instance\u2014and that\u2019s the philosophy of the IndieWeb.\nBut I can\u2019t ask my wife to stop posting on Instagram because she\u2019s giving her data away? I can\u2019t ask her to post it on her own Wordpress-site, after installing a bunch of barely working POSSES-related plug-ins? And I can\u2019t ask visitors of my own site to \u201cwebmention me!\u201d if they don\u2019t have a site?\nFeel free to prove me wrong, though. Why don\u2019t you webmention this article? Who owns what data?\nOne of the key properties of POSSE-ing is that you include a url-shortened reference to the original article, like so: (short.co 34yf1). Having to put up with visible junk metadata on Twitter is also a big concern for me. The theory behind it is good and logical, but without the silos supporting it, the implementation is just awful. Furthermore, without a reference, you won\u2019t know if it\u2019s POSSE or PESOS. Aren\u2019t you still giving your data away either way? On Micro.blog\u2019s help page, they explain the difference between Micro.blog and Twitter like so:\nBut when you use Twitter, your content stays at Twitter. At Micro.blog, you can write short posts that appear in the Micro.blog timeline, as well as on your own blog that you control.\nBut almost everyone who uses webmention uses it to syndicate replies from others to their site, after POSSE-ing their microblog contents to Twitter. Just for the record: I use PESOS on my fleeting notes, because it\u2019s coming from my own Mastodon/Pleroma instance anyway.\nSo, in essence, you\u2019re still sending out data to big \u201cevil\u201d third party silos - possibly including media. That means from thereon, a snapshot of that data does NOT belong to you anymore. You just gave it away! I can\u2019t wrap my head around that. Again, I think the Own Your Data philosophy is great, and I fully support it. Otherwise, I wouldn\u2019t have taken the trouble to install LineageOS.\nMaybe, a part of the blog technology fatigue is because of our own fanaticism\u2026\nManaging comments is a hassle, as Kev and others agree. I got rid of these systems last year. If you like to chime in on the discussion, just toot or e-mail me.\u00a0\u21a9\ufe0e\nfolder icon webdesign \u00a0 tag icon privacy\u00a0 indieweb\u00a0 accessibility\u00a0",
                        "lang": "en-us"
                    }
                ]
            },
            "lang": "en-us"
        }
    ],
    "rels": {
        "canonical": [
            "https://brainbaking.com/post/2021/03/the-indieweb-mixed-bag/"
        ],
        "me": [
            "https://dosgame.club/@jefklak",
            "https://www.paypal.com/donate/?hosted_button_id=R2WTKY7G9V2KQ",
            "https://ko-fi.com/woutergroeneveld"
        ],
        "author": [
            "https://brainbaking.com/humans.txt"
        ],
        "icon": [
            "https://brainbaking.com/favicon.png"
        ],
        "apple-touch-icon": [
            "https://brainbaking.com/favicon.png"
        ],
        "image_src": [
            "https://brainbaking.com/favicon.png"
        ],
        "stylesheet": [
            "https://brainbaking.com/css/styles.7688d630347e2becec3aa2cd825f9c922855f39596f40150c815d96d5febfe7c0aaa8f5363b032e3a2f5dedd6e9c3d743e6e11f8c7ebcb89a6c826973dabc41a.css"
        ],
        "preload": [
            "https://brainbaking.com/fonts/Spectral-Regular.woff2",
            "https://brainbaking.com/fonts/Spectral-RegularItalic.woff2",
            "https://brainbaking.com/fonts/Spectral-Bold.woff2"
        ]
    },
    "rel-urls": {
        "https://brainbaking.com/post/2021/03/the-indieweb-mixed-bag/": {
            "rels": [
                "canonical"
            ]
        },
        "https://dosgame.club/@jefklak": {
            "text": "Mastodon",
            "title": "Mastodon",
            "rels": [
                "me"
            ]
        },
        "https://brainbaking.com/humans.txt": {
            "type": "text/plain",
            "rels": [
                "author"
            ]
        },
        "https://brainbaking.com/favicon.png": {
            "type": "image/png",
            "rels": [
                "apple-touch-icon",
                "icon",
                "image_src"
            ]
        },
        "https://brainbaking.com/css/styles.7688d630347e2becec3aa2cd825f9c922855f39596f40150c815d96d5febfe7c0aaa8f5363b032e3a2f5dedd6e9c3d743e6e11f8c7ebcb89a6c826973dabc41a.css": {
            "rels": [
                "stylesheet"
            ]
        },
        "https://brainbaking.com/fonts/Spectral-Regular.woff2": {
            "type": "font/woff2",
            "rels": [
                "preload"
            ]
        },
        "https://brainbaking.com/fonts/Spectral-RegularItalic.woff2": {
            "type": "font/woff2",
            "rels": [
                "preload"
            ]
        },
        "https://brainbaking.com/fonts/Spectral-Bold.woff2": {
            "type": "font/woff2",
            "rels": [
                "preload"
            ]
        },
        "https://www.paypal.com/donate/?hosted_button_id=R2WTKY7G9V2KQ": {
            "text": "PayPal",
            "rels": [
                "me"
            ]
        },
        "https://ko-fi.com/woutergroeneveld": {
            "text": "Ko-Fi",
            "rels": [
                "me"
            ]
        }
    },
    "debug": {
        "package": "https://packagist.org/packages/mf2/mf2",
        "source": "https://github.com/indieweb/php-mf2",
        "version": "v0.5.0",
        "note": [
            "This output was generated from the php-mf2 library available at https://github.com/indieweb/php-mf2",
            "Please file any issues with the parser at https://github.com/indieweb/php-mf2/issues",
            "Using the Masterminds HTML5 parser"
        ]
    }
}