Caddy snippets for static sites

{
    "type": "entry",
    "author": {
        "name": "Will Norris",
        "url": "https://willnorris.com/",
        "photo": null
    },
    "url": "https://willnorris.com/2023/caddy-snippets/",
    "published": "2023-10-27T21:20:28-07:00",
    "content": {
        "html": "<p>I moved my website from WordPress <a href=\"https://willnorris.com/2014/one-step-forward-two-steps-back/\">to a static site generator</a> in 2014,\nand over the next few months, I wrote several posts about how I achieved\ncertain dynamic behavior using custom nginx configurations.\nHowever, I <a href=\"https://github.com/willnorris/willnorris.com/commit/6f2f7445c1242a531d7d9efe60f41e8b0f33a92a\">switched over to Caddy</a> as my web server in 2017,\nbut I never updated how I adapted my server configuration.\nIn basically all cases, I find the Caddy config much simpler and easier to read,\nthough that may be because it\u2019s all I ever use anymore.\nSo here is my long overdue updates to a few old blog posts about adding\nsome custom web server behavior for static sites.</p>\n<h2>Supporting WebFinger</h2>\n<p>I July 2014, I wrote <a href=\"https://willnorris.com/2014/webfinger-with-static-files-nginx/\">Supporting WebFinger with Static Files and Nginx</a>.\nI still use Webfinger, now primarily for my custom Mastodon server and most recently with <a href=\"https://tailscale.com/kb/1240/sso-custom-oidc/\">OpenID Connect for Tailscale</a>.\nMy old nginx config required lua support to be compiled in, which wasn\u2019t awful, but kind of annoying.\nMy Caddy configuration is mostly equivalent, though I didn\u2019t bother to return\nthe proper <code>400</code> and <code>405</code> status codes on an incorrect resource parameter or HTTP method.\nInstead, they just return a <code>404</code> which suits me just fine.</p>\n<p>I define a <a href=\"https://caddyserver.com/docs/caddyfile/matchers#named-matchers\">named matcher</a> that matches on the webfinger well-known URL,\nthe HTTP methods I want to support, and one of several valid resource values.\nThen I rewrite the request to a static file like before and set some response headers.</p>\n<pre><code>@webfinger {\n  path /.well-known/webfinger\n  method GET HEAD\n  query resource=acct:will@willnorris.com\n  query resource=mailto:will@willnorris.com\n  query resource=https://willnorris.com\n  query resource=https://willnorris.com/\n}\nrewrite @webfinger /webfinger.json\nheader @webfinger {\n  Content-Type \"application/jrd+json\"\n  Access-Control-Allow-Origin \"*\"\n  X-Robots-Tag \"noindex\"\n}\n</code></pre><h2>Proxying webmentions</h2>\n<p>In August 2014, I wrote <a href=\"https://willnorris.com/2014/proxying-webmentions-with-nginx/\">Proxying webmentions with nginx</a>.\nI still proxy my webmentions to an external service, though I now use webmention.io.\nThe config requires a tiny bit more work because my URL path didn\u2019t match where I needed to send it,\nbut it is still pretty straightforward.</p>\n<p>Like before, I use a named matcher to match the relevant requests,\nthen use Caddy\u2019s reverse_proxy directive to send them to webmention.io.</p>\n<pre><code>@webmention {\n  method POST\n  path /api/webmention/\n}\nhandle @webmention {\n  uri replace /api/webmention/ /willnorris.com/webmention\n  reverse_proxy https://webmention.io {\n    header_up Host {upstream_hostport}\n  }\n}\n</code></pre><h2>Fetching go packages</h2>\n<p>In February 2015, I wrote <a href=\"https://willnorris.com/2015/go-get-subpackages-nginx/\">Fetching Go Sub-Packages on Static Sites</a>.\nUnsurprisingly, I still use my own domain in the import path of all of my go packages.\nI currently use Hugo to generate my site, so I have a <a href=\"https://github.com/willnorris/willnorris.com/blob/main/layouts/go/single.html\">custom layout</a> for my go package files\nwhich reads relevant metadata from the page front matter and populates the necessary meta tags.</p>\n<p>To serve the right page on <code>go get</code> requests for sub-packages, the Caddy config is quite minimal.\nA named matcher is used to match requests for go sub-packages that include the <code>go-get</code> parameter,\nand then serve the contents of the top-level go package file without the sub-package.</p>\n<pre><code>@gopkg {\n  path_regexp gopkg (/go/\\w+/).+\n  query go-get=*\n}\nrewrite @gopkg {re.gopkg.1}\n</code></pre><h2>Do more with custom Caddy modules</h2>\n<p>I\u2019ve also done a lot more interesting things with custom Caddy modules\nlike embedding <a href=\"https://willnorris.com/2014/a-self-hosted-alternative-to-jetpacks-photon-service/\">my imageproxy service</a> as well as a Tailscale node directly into the Caddy binary.\nBut that will be a topic for another day.</p>",
        "text": "I moved my website from WordPress to a static site generator in 2014,\nand over the next few months, I wrote several posts about how I achieved\ncertain dynamic behavior using custom nginx configurations.\nHowever, I switched over to Caddy as my web server in 2017,\nbut I never updated how I adapted my server configuration.\nIn basically all cases, I find the Caddy config much simpler and easier to read,\nthough that may be because it\u2019s all I ever use anymore.\nSo here is my long overdue updates to a few old blog posts about adding\nsome custom web server behavior for static sites.\nSupporting WebFinger\nI July 2014, I wrote Supporting WebFinger with Static Files and Nginx.\nI still use Webfinger, now primarily for my custom Mastodon server and most recently with OpenID Connect for Tailscale.\nMy old nginx config required lua support to be compiled in, which wasn\u2019t awful, but kind of annoying.\nMy Caddy configuration is mostly equivalent, though I didn\u2019t bother to return\nthe proper 400 and 405 status codes on an incorrect resource parameter or HTTP method.\nInstead, they just return a 404 which suits me just fine.\nI define a named matcher that matches on the webfinger well-known URL,\nthe HTTP methods I want to support, and one of several valid resource values.\nThen I rewrite the request to a static file like before and set some response headers.\n@webfinger {\n  path /.well-known/webfinger\n  method GET HEAD\n  query resource=acct:will@willnorris.com\n  query resource=mailto:will@willnorris.com\n  query resource=https://willnorris.com\n  query resource=https://willnorris.com/\n}\nrewrite @webfinger /webfinger.json\nheader @webfinger {\n  Content-Type \"application/jrd+json\"\n  Access-Control-Allow-Origin \"*\"\n  X-Robots-Tag \"noindex\"\n}\nProxying webmentions\nIn August 2014, I wrote Proxying webmentions with nginx.\nI still proxy my webmentions to an external service, though I now use webmention.io.\nThe config requires a tiny bit more work because my URL path didn\u2019t match where I needed to send it,\nbut it is still pretty straightforward.\nLike before, I use a named matcher to match the relevant requests,\nthen use Caddy\u2019s reverse_proxy directive to send them to webmention.io.\n@webmention {\n  method POST\n  path /api/webmention/\n}\nhandle @webmention {\n  uri replace /api/webmention/ /willnorris.com/webmention\n  reverse_proxy https://webmention.io {\n    header_up Host {upstream_hostport}\n  }\n}\nFetching go packages\nIn February 2015, I wrote Fetching Go Sub-Packages on Static Sites.\nUnsurprisingly, I still use my own domain in the import path of all of my go packages.\nI currently use Hugo to generate my site, so I have a custom layout for my go package files\nwhich reads relevant metadata from the page front matter and populates the necessary meta tags.\nTo serve the right page on go get requests for sub-packages, the Caddy config is quite minimal.\nA named matcher is used to match requests for go sub-packages that include the go-get parameter,\nand then serve the contents of the top-level go package file without the sub-package.\n@gopkg {\n  path_regexp gopkg (/go/\\w+/).+\n  query go-get=*\n}\nrewrite @gopkg {re.gopkg.1}\nDo more with custom Caddy modules\nI\u2019ve also done a lot more interesting things with custom Caddy modules\nlike embedding my imageproxy service as well as a Tailscale node directly into the Caddy binary.\nBut that will be a topic for another day."
    },
    "name": "Caddy snippets for static sites",
    "post-type": "article",
    "_id": "39297157",
    "_source": "248",
    "_is_read": false
}

Tantek Çelik tantek.com

{
    "type": "entry",
    "published": "2023-10-27 16:23-0700",
    "url": "http://tantek.com/2023/300/t1/border-none-indiewebcamp-nurnberg",
    "category": [
        "IndieWebCamp",
        "Webmention",
        "fediverse",
        "BridgyFed",
        "ActivityPub",
        "POSSE",
        "backfeed",
        "bordernone",
        "bono23",
        "IndieWeb"
    ],
    "content": {
        "text": "Inspiring mix of perspective expanding and personal talks at border:none (https://border-none.net/ @border_none) the past two days. Thanks speakers, volunteers, and especially organizers @marcthiele.com (@marcthiele@mastodon.social @marcthiele) and @jkphl.is (@jkphl@mastodon.social @jkphl).\n\nLooking forward to the next two days at #IndieWebCamp N\u00fcrnberg @tollwerk.de (@tollwerk@mastodon.social @tollwerk) of personal site demos, brainstorming sessions, and making, creating, & hacking things from UX to protocols to improve & interconnect our websites, with each other ( #Webmention ), #fediverse ( #BridgyFed & #ActivityPub ), and others ( #POSSE #backfeed ).\n\nStill a few spots if you\u2019re in town or can hop on a train and join us Saturday & Sunday!\n\n\ud83c\udf9f Tickets: https://ti.to/beyondtellerrand/bordernone-2023/with/kqyaidtq92k\n\ud83d\uddd3 Event: https://events.indieweb.org/2023/10/indiewebcamp-nuremberg-2023-DmXe4dYdfagc\n\u2139\ufe0f More info: https://indieweb.org/2023/Nuremberg\n\n#bordernone #bono23 #IndieWeb",
        "html": "Inspiring mix of perspective expanding and personal talks at border:none (<a href=\"https://border-none.net/\">https://border-none.net/</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/border_none\">@border_none</a>) the past two days. Thanks speakers, volunteers, and especially organizers <a href=\"https://marcthiele.com\">@marcthiele.com</a> (<a href=\"https://mastodon.social/@marcthiele\">@marcthiele@mastodon.social</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/marcthiele\">@marcthiele</a>) and <a href=\"https://jkphl.is\">@jkphl.is</a> (<a href=\"https://mastodon.social/@jkphl\">@jkphl@mastodon.social</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/jkphl\">@jkphl</a>).<br /><br />Looking forward to the next two days at #<span class=\"p-category\">IndieWebCamp</span> N\u00fcrnberg <a href=\"https://tollwerk.de\">@tollwerk.de</a> (<a href=\"https://mastodon.social/@tollwerk\">@tollwerk@mastodon.social</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/tollwerk\">@tollwerk</a>) of personal site demos, brainstorming sessions, and making, creating, &amp; hacking things from UX to protocols to improve &amp; interconnect our websites, with each other ( #<span class=\"p-category\">Webmention</span> ), #<span class=\"p-category\">fediverse</span> ( #<span class=\"p-category\">BridgyFed</span> &amp; #<span class=\"p-category\">ActivityPub</span> ), and others ( #<span class=\"p-category\">POSSE</span> #<span class=\"p-category\">backfeed</span> ).<br /><br />Still a few spots if you\u2019re in town or can hop on a train and join us Saturday &amp; Sunday!<br /><br />\ud83c\udf9f Tickets: <a href=\"https://ti.to/beyondtellerrand/bordernone-2023/with/kqyaidtq92k\">https://ti.to/beyondtellerrand/bordernone-2023/with/kqyaidtq92k</a><br />\ud83d\uddd3 Event: <a href=\"https://events.indieweb.org/2023/10/indiewebcamp-nuremberg-2023-DmXe4dYdfagc\">https://events.indieweb.org/2023/10/indiewebcamp-nuremberg-2023-DmXe4dYdfagc</a><br />\u2139\ufe0f More info: <a href=\"https://indieweb.org/2023/Nuremberg\">https://indieweb.org/2023/Nuremberg</a><br /><br />#<span class=\"p-category\">bordernone</span> #<span class=\"p-category\">bono23</span> #<span class=\"p-category\">IndieWeb</span>"
    },
    "author": {
        "type": "card",
        "name": "Tantek \u00c7elik",
        "url": "http://tantek.com/",
        "photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
    },
    "post-type": "note",
    "_id": "39296423",
    "_source": "1",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@josh",
        "url": "https://josh.tel/@josh",
        "photo": null
    },
    "url": "https://josh.tel/@josh/111310137662840903",
    "content": {
        "html": "<p>I saw the earthquake toots from friends before the quake was even reported on the USGS website.</p><p>That's a first for me on fedi, and it's kind of thrilling. That was one thing I definitely missed after leaving Twitter. A perfect 1 year <a href=\"https://josh.tel/tags/fediversary\">#<span>fediversary</span></a> present \ud83c\udf81</p><p><a href=\"https://josh.tel/tags/Fediverse\">#<span>Fediverse</span></a> <a href=\"https://josh.tel/tags/ActivityPub\">#<span>ActivityPub</span></a> <a href=\"https://josh.tel/tags/IndieWeb\">#<span>IndieWeb</span></a></p>",
        "text": "I saw the earthquake toots from friends before the quake was even reported on the USGS website.That's a first for me on fedi, and it's kind of thrilling. That was one thing I definitely missed after leaving Twitter. A perfect 1 year #fediversary present \ud83c\udf81#Fediverse #ActivityPub #IndieWeb"
    },
    "published": "2023-10-28T01:51:51+00:00",
    "post-type": "note",
    "_id": "39296172",
    "_source": "7235",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://fed.brid.gy/r/https://tantek.com/2023/300/t1/border-none-indiewebcamp-nurnberg",
    "content": {
        "html": "Inspiring mix of perspective expanding and personal talks at border:none (<a href=\"https://border-none.net/\">https://border-none.net/</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/border_none\">@border_none</a>) the past two days. Thanks speakers, volunteers, and especially organizers <a href=\"https://marcthiele.com\">@marcthiele.com</a> (<a href=\"https://mastodon.social/@marcthiele\">@marcthiele@mastodon.social</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/marcthiele\">@marcthiele</a>) and <a href=\"https://jkphl.is\">@jkphl.is</a> (<a href=\"https://mastodon.social/@jkphl\">@jkphl@mastodon.social</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/jkphl\">@jkphl</a>).<br /><br />Looking forward to the next two days at <a href=\"https://indieweb.social/tags/IndieWebCamp\">#<span class=\"p-category\">IndieWebCamp</span></a> N\u00fcrnberg <a href=\"https://tollwerk.de\">@tollwerk.de</a> (<a href=\"https://mastodon.social/@tollwerk\">@tollwerk@mastodon.social</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/tollwerk\">@tollwerk</a>) of personal site demos, brainstorming sessions, and making, creating, &amp; hacking things from UX to protocols to improve &amp; interconnect our websites, with each other ( <a href=\"https://indieweb.social/tags/Webmention\">#<span class=\"p-category\">Webmention</span></a> ), <a href=\"https://indieweb.social/tags/fediverse\">#<span class=\"p-category\">fediverse</span></a> ( <a href=\"https://indieweb.social/tags/BridgyFed\">#<span class=\"p-category\">BridgyFed</span></a> &amp; <a href=\"https://indieweb.social/tags/ActivityPub\">#<span class=\"p-category\">ActivityPub</span></a> ), and others ( <a href=\"https://indieweb.social/tags/POSSE\">#<span class=\"p-category\">POSSE</span></a> <a href=\"https://indieweb.social/tags/backfeed\">#<span class=\"p-category\">backfeed</span></a> ).<br /><br />Still a few spots if you\u2019re in town or can hop on a train and join us Saturday &amp; Sunday!<br /><br />\ud83c\udf9f Tickets: <a href=\"https://ti.to/beyondtellerrand/bordernone-2023/with/kqyaidtq92k\">https://ti.to/beyondtellerrand/bordernone-2023/with/kqyaidtq92k</a><br />\ud83d\uddd3 Event: <a href=\"https://events.indieweb.org/2023/10/indiewebcamp-nuremberg-2023-DmXe4dYdfagc\">https://events.indieweb.org/2023/10/indiewebcamp-nuremberg-2023-DmXe4dYdfagc</a><br />\u2139\ufe0f More info: <a href=\"https://indieweb.org/2023/Nuremberg\">https://indieweb.org/2023/Nuremberg</a><br /><br /><a href=\"https://indieweb.social/tags/bordernone\">#<span class=\"p-category\">bordernone</span></a> <a href=\"https://indieweb.social/tags/bono23\">#<span class=\"p-category\">bono23</span></a> <a href=\"https://indieweb.social/tags/IndieWeb\">#<span class=\"p-category\">IndieWeb</span></a>\n<a class=\"u-mention\" href=\"https://mastodon.social/@jkphl\"></a>\n<a class=\"u-mention\" href=\"https://mastodon.social/@marcthiele\"></a>\n<a class=\"u-mention\" href=\"https://mastodon.social/@tollwerk\"></a>",
        "text": "Inspiring mix of perspective expanding and personal talks at border:none (https://border-none.net/ @border_none) the past two days. Thanks speakers, volunteers, and especially organizers @marcthiele.com (@marcthiele@mastodon.social @marcthiele) and @jkphl.is (@jkphl@mastodon.social @jkphl).\n\nLooking forward to the next two days at #IndieWebCamp N\u00fcrnberg @tollwerk.de (@tollwerk@mastodon.social @tollwerk) of personal site demos, brainstorming sessions, and making, creating, & hacking things from UX to protocols to improve & interconnect our websites, with each other ( #Webmention ), #fediverse ( #BridgyFed & #ActivityPub ), and others ( #POSSE #backfeed ).\n\nStill a few spots if you\u2019re in town or can hop on a train and join us Saturday & Sunday!\n\n\ud83c\udf9f Tickets: https://ti.to/beyondtellerrand/bordernone-2023/with/kqyaidtq92k\n\ud83d\uddd3 Event: https://events.indieweb.org/2023/10/indiewebcamp-nuremberg-2023-DmXe4dYdfagc\n\u2139\ufe0f More info: https://indieweb.org/2023/Nuremberg\n\n#bordernone #bono23 #IndieWeb"
    },
    "published": "2023-10-27T23:23:00+00:00",
    "post-type": "note",
    "_id": "39295818",
    "_source": "7235",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@gus",
        "url": "https://vis.social/@gus",
        "photo": null
    },
    "url": "https://vis.social/@gus/111309193752358650",
    "content": {
        "html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://social.horrorhub.club/@hpkomic\">@<span>hpkomic</span></a></span> woah I would love to know about this, I'm just getting started on the <a href=\"https://vis.social/tags/indieWeb\">#<span>indieWeb</span></a> / <a href=\"https://vis.social/tags/smallWeb\">#<span>smallWeb</span></a> &amp; was thinking about adding a page about my little sci-fi universe!</p>",
        "text": "@hpkomic woah I would love to know about this, I'm just getting started on the #indieWeb / #smallWeb & was thinking about adding a page about my little sci-fi universe!"
    },
    "published": "2023-10-27T21:51:48+00:00",
    "post-type": "note",
    "_id": "39294947",
    "_source": "7235",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@josh",
        "url": "https://josh.tel/@josh",
        "photo": null
    },
    "url": "https://josh.tel/@josh/111308963563824785",
    "content": {
        "html": "<p>OH! Wow. Today marks 1 year since I bailed on Twitter and joined the fediverse.</p><p>There are still some things I miss (mostly: sports and breaking news), but by and large my world is much improved for being here and relying less on centralized for-profit platforms.</p><p>Thank you all for being part of this journey and making fedi the vibrant experience that it is <img alt=\":blobcathearts:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/448/437/original/d461aa68c6225f12.png\" title=\":blobcathearts:\" width=\"16\" /></p><p><a href=\"https://josh.tel/tags/Fediversary\">#<span>Fediversary</span></a> <a href=\"https://josh.tel/tags/Fediverse\">#<span>Fediverse</span></a> <a href=\"https://josh.tel/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://josh.tel/tags/ProtocolsNotPlatforms\">#<span>ProtocolsNotPlatforms</span></a></p>",
        "text": "OH! Wow. Today marks 1 year since I bailed on Twitter and joined the fediverse.There are still some things I miss (mostly: sports and breaking news), but by and large my world is much improved for being here and relying less on centralized for-profit platforms.Thank you all for being part of this journey and making fedi the vibrant experience that it is #Fediversary #Fediverse #IndieWeb #ProtocolsNotPlatforms"
    },
    "published": "2023-10-27T20:53:15+00:00",
    "post-type": "note",
    "_id": "39294477",
    "_source": "7235",
    "_is_read": false
}

SUCCESSFUL Adventures in setting up ActivityPub + Webfinger on a Flywheel-hosted WordPress site

{
    "type": "entry",
    "author": {
        "name": "Piper Haywood",
        "url": "https://piperhaywood.com/",
        "photo": null
    },
    "url": "https://piperhaywood.com/successful-adventures-in-setting-up-activitypub-webfinger-on-a-flywheel-hosted-wordpress-site/",
    "published": "2023-10-27T16:14:39+00:00",
    "content": {
        "html": "<p><a href=\"https://piperhaywood.com/adventures-in-setting-up-activitypub-webfinger-on-a-flywheel-hosted-wordpress-site/\">I gave up too soon!</a></p>\n<p>Emerson from <a href=\"https://getflywheel.com/\">Flywheel</a> did more digging in the Fastly cache documentation and realized that we could tweak the NGINX config to fully support content negotiation. He added a <code>Vary</code> header to the necessary URLs et voil\u00e0, everything started working properly. Now, courtesy of <a href=\"https://github.com/pfefferle\">Matthias Pfefferle</a>\u2019s great WordPress plugins and Flywheel\u2019s dogged help, you can follow this blog on Mastodon if you search for @blog@piperhaywood.com or https://piperhaywood.com/@blog. </p>\n<p>For future reference, I <em>think</em> that this is the NGINX config tweak that got ActivityPub and Webfinger working on Flywheel with their Fastly caching setup:</p>\n<pre><code>location ~* /.well-known/webfinger {\n\tallow all;\n\ttry_files $uri $uri/ /index.php?$args;\n\tadd_header Vary Accept;\n}\n\nlocation = / {\n\tadd_header Vary Accept;\n}</code></pre>\n<p>I don\u2019t have access to the config directly though, so am hoping to confirm this with the Flywheel crew as well.</p>\n<p>I\u2019m interested to see how replies work, so excited about this. \ud83d\ude42</p>",
        "text": "I gave up too soon!\nEmerson from Flywheel did more digging in the Fastly cache documentation and realized that we could tweak the NGINX config to fully support content negotiation. He added a Vary header to the necessary URLs et voil\u00e0, everything started working properly. Now, courtesy of Matthias Pfefferle\u2019s great WordPress plugins and Flywheel\u2019s dogged help, you can follow this blog on Mastodon if you search for @blog@piperhaywood.com or https://piperhaywood.com/@blog. \nFor future reference, I think that this is the NGINX config tweak that got ActivityPub and Webfinger working on Flywheel with their Fastly caching setup:\nlocation ~* /.well-known/webfinger {\n\tallow all;\n\ttry_files $uri $uri/ /index.php?$args;\n\tadd_header Vary Accept;\n}\n\nlocation = / {\n\tadd_header Vary Accept;\n}\nI don\u2019t have access to the config directly though, so am hoping to confirm this with the Flywheel crew as well.\nI\u2019m interested to see how replies work, so excited about this. \ud83d\ude42"
    },
    "name": "SUCCESSFUL Adventures in setting up ActivityPub + Webfinger on a Flywheel-hosted WordPress site",
    "post-type": "article",
    "_id": "39294313",
    "_source": "251",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@raf",
        "url": "https://mastodon.cloud/@raf",
        "photo": null
    },
    "url": "https://mastodon.cloud/@raf/111306950105483256",
    "content": {
        "html": "<p><a href=\"https://mastodon.cloud/tags/untested\">#<span>untested</span></a> 030: Weekly Summary 43</p><p>- Frank Sidebottom<br />- Galician Snakes<br />- Doing Nothing (together)</p><p><a href=\"https://untested.sonnet.io/TIL/weekly/43\"><span>https://</span><span>untested.sonnet.io/TIL/weekly/</span><span>43</span></a></p><p><a href=\"https://mastodon.cloud/tags/writing\">#<span>writing</span></a> <a href=\"https://mastodon.cloud/tags/indieweb\">#<span>indieweb</span></a></p>",
        "text": "#untested 030: Weekly Summary 43- Frank Sidebottom\n- Galician Snakes\n- Doing Nothing (together)https://untested.sonnet.io/TIL/weekly/43#writing #indieweb"
    },
    "published": "2023-10-27T12:21:12+00:00",
    "post-type": "note",
    "_id": "39289995",
    "_source": "7235",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@accordionpolar",
        "url": "https://indieweb.social/@accordionpolar",
        "photo": null
    },
    "url": "https://indieweb.social/@accordionpolar/111305884378474489",
    "content": {
        "html": "<p><a href=\"https://indieweb.social/tags/webrings\">#<span>webrings</span></a> watch No. 25</p><p>*nixRing \ud83d\udc27 <br /><a href=\"https://teethinvitro.neocities.org/webring/linuxring/\"><span>https://</span><span>teethinvitro.neocities.org/web</span><span>ring/linuxring/</span></a></p><p>Do you own a website? Do you use a Unix-like operating system? Are you an enthusiast of the GNU/Linux kernel? Then this is the place is for you, join today!</p><p><a href=\"https://indieweb.social/tags/linux\">#<span>linux</span></a> <a href=\"https://indieweb.social/tags/tech\">#<span>tech</span></a> <a href=\"https://indieweb.social/tags/retro\">#<span>retro</span></a> <a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://indieweb.social/tags/foss\">#<span>foss</span></a> <a href=\"https://indieweb.social/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://indieweb.social/tags/webdev\">#<span>webdev</span></a> <a href=\"https://indieweb.social/tags/html\">#<span>html</span></a> <a href=\"https://indieweb.social/tags/code\">#<span>code</span></a> <a href=\"https://indieweb.social/tags/programming\">#<span>programming</span></a> <a href=\"https://indieweb.social/tags/web\">#<span>web</span></a> <a href=\"https://indieweb.social/tags/gnu\">#<span>gnu</span></a> <a href=\"https://indieweb.social/tags/webring\">#<span>webring</span></a></p>",
        "text": "#webrings watch No. 25*nixRing \ud83d\udc27 \nhttps://teethinvitro.neocities.org/webring/linuxring/Do you own a website? Do you use a Unix-like operating system? Are you an enthusiast of the GNU/Linux kernel? Then this is the place is for you, join today!#linux #tech #retro #indieweb #foss #smallweb #webdev #html #code #programming #web #gnu #webring"
    },
    "published": "2023-10-27T07:50:11+00:00",
    "post-type": "note",
    "_id": "39288222",
    "_source": "7235",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@dv",
        "url": "https://social.glyphy.com/@dv",
        "photo": null
    },
    "url": "https://social.glyphy.com/@dv/111304694850506769",
    "content": {
        "html": "<p>It\u2019s still POSSE if I self-host Mastodon on a (sub)domain I own, right? <a href=\"https://social.glyphy.com/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://press.coop/@verge/111284792814846697\"><span>https://</span><span>press.coop/@verge/111284792814</span><span>846697</span></a></p>",
        "text": "It\u2019s still POSSE if I self-host Mastodon on a (sub)domain I own, right? #IndieWeb https://press.coop/@verge/111284792814846697"
    },
    "published": "2023-10-27T02:47:40+00:00",
    "post-type": "note",
    "_id": "39286815",
    "_source": "7235",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@artlung",
        "url": "https://xoxo.zone/@artlung",
        "photo": null
    },
    "url": "https://xoxo.zone/@artlung/111303548885606260",
    "content": {
        "html": "<p>At the <a href=\"https://xoxo.zone/tags/indieweb\">#<span>indieweb</span></a> meetup online last night my pal <span class=\"h-card\"><a class=\"u-url\" href=\"https://fed.brid.gy/r/https://gregorlove.com/\">@<span>gregorlove.com</span></a></span> mentioned that he hated when infinitely scrolling pages prevented getting to footer links. On my personal site ( built in <a href=\"https://xoxo.zone/tags/WordPress\">#<span>WordPress</span></a> ) I recently added that to some pages and I thought: why not put those dumb links things in the main navigation? To do that I wrote some code. I created a gist to do it. It's not at all generic but it was useful for me maybe it'll be that for someone else too. <a href=\"https://gist.github.com/artlung/71a6af202e5ff8287331735bd4a36ad4\"><span>https://</span><span>gist.github.com/artlung/71a6af</span><span>202e5ff8287331735bd4a36ad4</span></a></p>",
        "text": "At the #indieweb meetup online last night my pal @gregorlove.com mentioned that he hated when infinitely scrolling pages prevented getting to footer links. On my personal site ( built in #WordPress ) I recently added that to some pages and I thought: why not put those dumb links things in the main navigation? To do that I wrote some code. I created a gist to do it. It's not at all generic but it was useful for me maybe it'll be that for someone else too. https://gist.github.com/artlung/71a6af202e5ff8287331735bd4a36ad4"
    },
    "published": "2023-10-26T21:56:14+00:00",
    "post-type": "note",
    "_id": "39285207",
    "_source": "7235",
    "_is_read": false
}

Adventures in setting up ActivityPub + Webfinger on a Flywheel-hosted WordPress site

{
    "type": "entry",
    "author": {
        "name": "Piper Haywood",
        "url": "https://piperhaywood.com/",
        "photo": null
    },
    "url": "https://piperhaywood.com/adventures-in-setting-up-activitypub-webfinger-on-a-flywheel-hosted-wordpress-site/",
    "published": "2023-10-26T18:51:53+00:00",
    "content": {
        "html": "<p>I recently moved my hosting from <a href=\"https://www.nearlyfreespeech.net/\">NFSN</a> to <a href=\"https://github.com/pfefferle/wordpress-webmention\">Flywheel</a>. NFSN had served me beautifully for years, very economically, but I just don\u2019t have as much time for admin anymore and Flywheel\u2019s managed WordPress hosting was a useful move to cut down on that stress. </p>\n<p>Alongside the hosting move, I\u2019ve been trying to set up the very talented <a href=\"https://github.com/pfefferle\">Matthias Pfefferle</a>\u2019s <a href=\"https://github.com/Automattic/wordpress-activitypub\">ActivityPub</a> and <a href=\"https://github.com/pfefferle/wordpress-webmention\">Webfinger</a> WordPress plugins to get this site on Mastodon.</p>\n<p>Unfortunately, Flywheel doesn\u2019t seem to play super nicely with the plugins. Part of this is Flywheel\u2019s NGINX configuration which they lock down tight with good reason. But the bigger sticking point is Flywheel\u2019s full-page caching mechanism. Though their caching provider supports content negotiation, Flywheel itself does not. This causes issues where JSON can end up being cached instead of HTML on various pages, most notably the homepage. (Apologies if you saw a JSON blob when visiting this site recently!) We tried to get around this by forcing the content type on the homepage and Webfinger endpoints, but JSON was still served up on the homepage whenever a client sent through a header with <code>Accept: application/activity+json</code>.</p>\n<p>For now, I\u2019ve deactivated the plugins. I\u2019m hoping that Flywheel might look in to supporting them more broadly, but that realistically depends on demand from their customers. For posterity since I hope to revisit this in the future \ud83e\udd1e, <a href=\"https://github.com/Automattic/wordpress-activitypub/discussions/446\">here is the discussion about all of the above within the Webfinger repo</a>, including some tips from Matthias. </p>\n<p>Flywheel\u2019s support staff have been pretty fantastic through all of this and I\u2019ve been really happy with the hosting thus far so I\u2019m not tempted to move hosts (again) for this. Not yet at least!</p>",
        "text": "I recently moved my hosting from NFSN to Flywheel. NFSN had served me beautifully for years, very economically, but I just don\u2019t have as much time for admin anymore and Flywheel\u2019s managed WordPress hosting was a useful move to cut down on that stress. \nAlongside the hosting move, I\u2019ve been trying to set up the very talented Matthias Pfefferle\u2019s ActivityPub and Webfinger WordPress plugins to get this site on Mastodon.\nUnfortunately, Flywheel doesn\u2019t seem to play super nicely with the plugins. Part of this is Flywheel\u2019s NGINX configuration which they lock down tight with good reason. But the bigger sticking point is Flywheel\u2019s full-page caching mechanism. Though their caching provider supports content negotiation, Flywheel itself does not. This causes issues where JSON can end up being cached instead of HTML on various pages, most notably the homepage. (Apologies if you saw a JSON blob when visiting this site recently!) We tried to get around this by forcing the content type on the homepage and Webfinger endpoints, but JSON was still served up on the homepage whenever a client sent through a header with Accept: application/activity+json.\nFor now, I\u2019ve deactivated the plugins. I\u2019m hoping that Flywheel might look in to supporting them more broadly, but that realistically depends on demand from their customers. For posterity since I hope to revisit this in the future \ud83e\udd1e, here is the discussion about all of the above within the Webfinger repo, including some tips from Matthias. \nFlywheel\u2019s support staff have been pretty fantastic through all of this and I\u2019ve been really happy with the hosting thus far so I\u2019m not tempted to move hosts (again) for this. Not yet at least!"
    },
    "name": "Adventures in setting up ActivityPub + Webfinger on a Flywheel-hosted WordPress site",
    "post-type": "article",
    "_id": "39284332",
    "_source": "251",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "@erikKroes",
        "url": "https://mastodon.social/@erikKroes",
        "photo": null
    },
    "url": "https://mastodon.social/@erikKroes/111301401345837636",
    "content": {
        "html": "<p>\u23f0 It's time for the semi-regular question! What are your favorite RSS-feeds?</p><p>\ud83d\udd0e <a href=\"https://mastodon.social/tags/accessibility\">#<span>accessibility</span></a> <a href=\"https://mastodon.social/tags/diversity\">#<span>diversity</span></a> <a href=\"https://mastodon.social/tags/ux\">#<span>ux</span></a> <a href=\"https://mastodon.social/tags/webdev\">#<span>webdev</span></a> <a href=\"https://mastodon.social/tags/inclusiveDesign\">#<span>inclusiveDesign</span></a> <a href=\"https://mastodon.social/tags/indieWeb\">#<span>indieWeb</span></a><br />and any topic I'm forgetting here</p>",
        "text": "\u23f0 It's time for the semi-regular question! What are your favorite RSS-feeds?\ud83d\udd0e #accessibility #diversity #ux #webdev #inclusiveDesign #indieWeb\nand any topic I'm forgetting here"
    },
    "published": "2023-10-26T12:50:05+00:00",
    "post-type": "note",
    "_id": "39280747",
    "_source": "7235",
    "_is_read": true
}

{
    "type": "entry",
    "author": {
        "name": "@mort8088",
        "url": "https://toot.wales/@mort8088",
        "photo": null
    },
    "url": "https://toot.wales/@mort8088/111301297620393621",
    "content": {
        "html": "<p>The poster\u2019s guide to the internet of the future<br />---<br />The platform era is ending. Rather than build new Twitters and Facebooks, we can create a stuff-posting system that works better for everybody.</p><p><a href=\"https://www.theverge.com/2023/10/23/23928550/posse-posting-activitypub-standard-twitter-tumblr-mastodon\"><span>https://www.</span><span>theverge.com/2023/10/23/239285</span><span>50/posse-posting-activitypub-standard-twitter-tumblr-mastodon</span></a> <a href=\"https://toot.wales/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://toot.wales/tags/smallweb\">#<span>smallweb</span></a></p>",
        "text": "The poster\u2019s guide to the internet of the future\n---\nThe platform era is ending. Rather than build new Twitters and Facebooks, we can create a stuff-posting system that works better for everybody.https://www.theverge.com/2023/10/23/23928550/posse-posting-activitypub-standard-twitter-tumblr-mastodon #indieweb #smallweb"
    },
    "published": "2023-10-26T12:23:42+00:00",
    "post-type": "note",
    "_id": "39279656",
    "_source": "7235",
    "_is_read": true
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://makai.chaotic.ninja/notes/9laokpcrd3",
    "content": {
        "html": "<p><span>So I've been dabbling in </span><a href=\"https://makai.chaotic.ninja/tags/web\">#web</a><span> </span><a href=\"https://makai.chaotic.ninja/tags/banners\">#banners</a><span> for my website at </span><a href=\"http://geidontei.chaotic.ninja/usr/mima/\">http://geidontei.chaotic.ninja/usr/mima/</a><span>, and I've come up with this banner where I slapped a Mini </span><a href=\"https://makai.chaotic.ninja/tags/Mima\">#Mima</a><span> on it lol.<br /><br />If you want to exchange banners please feel free to use this one and link back, and reply with your banner (either in 88x31, 200x40, or 240x53)! </span>\u200b<img alt=\":alice_wine:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/701/061/original/06bf023a7417c466.webp\" title=\":alice_wine:\" width=\"16\" />\u200b<span><br /><br /></span><a href=\"https://makai.chaotic.ninja/tags/Touhou\">#Touhou</a><span> </span><a href=\"https://makai.chaotic.ninja/tags/%E6%9D%B1%E6%96%B9Project\">#\u6771\u65b9Project</a><span> </span><a href=\"https://makai.chaotic.ninja/tags/%E6%9D%B1%E6%96%B9\">#\u6771\u65b9</a><span> </span><a href=\"https://makai.chaotic.ninja/tags/%E6%9D%B1%E6%96%B9%E6%97%A7%E4%BD%9C\">#\u6771\u65b9\u65e7\u4f5c</a><span> </span><a href=\"https://makai.chaotic.ninja/tags/PC98\">#PC98</a><span> </span><a href=\"https://makai.chaotic.ninja/tags/Mima\">#Mima</a><span> </span><a href=\"https://makai.chaotic.ninja/tags/IndieWeb\">#IndieWeb</a><span> </span><a href=\"https://makai.chaotic.ninja/tags/SmallWeb\">#SmallWeb</a></p>",
        "text": "So I've been dabbling in #web #banners for my website at http://geidontei.chaotic.ninja/usr/mima/, and I've come up with this banner where I slapped a Mini #Mima on it lol.\n\nIf you want to exchange banners please feel free to use this one and link back, and reply with your banner (either in 88x31, 200x40, or 240x53)! \u200b\u200b\n\n#Touhou #\u6771\u65b9Project #\u6771\u65b9 #\u6771\u65b9\u65e7\u4f5c #PC98 #Mima #IndieWeb #SmallWeb"
    },
    "published": "2023-10-26T11:44:04+00:00",
    "post-type": "note",
    "_id": "39279385",
    "_source": "7235",
    "_is_read": true
}

{
    "type": "entry",
    "author": {
        "name": "@geffrey",
        "url": "https://pkm.social/@geffrey",
        "photo": null
    },
    "url": "https://pkm.social/@geffrey/111301042692446130",
    "content": {
        "html": "<p>Hey <a href=\"https://pkm.social/tags/indieweb\">#<span>indieweb</span></a> , I\u2019m having a hard time understanding all the protocols and formats. Is there a clear guide/article that you can recommend?</p>",
        "text": "Hey #indieweb , I\u2019m having a hard time understanding all the protocols and formats. Is there a clear guide/article that you can recommend?"
    },
    "published": "2023-10-26T11:18:52+00:00",
    "post-type": "note",
    "_id": "39279193",
    "_source": "7235",
    "_is_read": true
}

{
    "type": "entry",
    "author": {
        "name": "@accordionpolar",
        "url": "https://indieweb.social/@accordionpolar",
        "photo": null
    },
    "url": "https://indieweb.social/@accordionpolar/111300390958362553",
    "content": {
        "html": "<p><a href=\"https://indieweb.social/tags/webrings\">#<span>webrings</span></a> watch No. 24</p><p>Lainchan <a href=\"https://indieweb.social/tags/webring\">#<span>webring</span></a> <br /><a href=\"https://sizeof.cat/post/lainring/\"><span>https://</span><span>sizeof.cat/post/lainring/</span><span></span></a></p><p>Started by yukinu.com, this webring is incredibly unique. Diverse and decentralized, the project is a testament to what strangers can accomplish when they come together online. Consider contributing today!</p><p><a href=\"https://indieweb.social/tags/anime\">#<span>anime</span></a> <a href=\"https://indieweb.social/tags/tech\">#<span>tech</span></a> <a href=\"https://indieweb.social/tags/retro\">#<span>retro</span></a> <a href=\"https://indieweb.social/tags/90s\">#<span>90s</span></a> <a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://indieweb.social/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://indieweb.social/tags/webdev\">#<span>webdev</span></a> <a href=\"https://indieweb.social/tags/html\">#<span>html</span></a> <a href=\"https://indieweb.social/tags/code\">#<span>code</span></a> <a href=\"https://indieweb.social/tags/programming\">#<span>programming</span></a> <a href=\"https://indieweb.social/tags/web\">#<span>web</span></a> <a href=\"https://indieweb.social/tags/cyberpunk\">#<span>cyberpunk</span></a></p>",
        "text": "#webrings watch No. 24Lainchan #webring \nhttps://sizeof.cat/post/lainring/Started by yukinu.com, this webring is incredibly unique. Diverse and decentralized, the project is a testament to what strangers can accomplish when they come together online. Consider contributing today!#anime #tech #retro #90s #indieweb #SmallWeb #webdev #html #code #programming #web #cyberpunk"
    },
    "published": "2023-10-26T08:33:08+00:00",
    "post-type": "note",
    "_id": "39278177",
    "_source": "7235",
    "_is_read": true
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://pleroma.envs.net/objects/f1130a27-3b4d-43e4-bc4d-0219b192bf55",
    "content": {
        "html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://bitbang.social/@thelastpsion\">@<span>thelastpsion</span></a></span> I recommend going the <a href=\"https://pleroma.envs.net/tag/indieweb\">#IndieWeb</a> route: just post on your site normally and <a href=\"https://indieweb.org/POSSE\">POSSE</a> to Fedi. Use s service like <a href=\"https://brid.gy\">Bridgy</a> to convert replies on the Fediverse to Webmentions. Hugo\u2019s <code>getJSON</code> can pull Webmentions from your preferred receiver to render comments.</p><p>That\u2019s how I implement comments on <a href=\"http://seirdy.one\">seirdy.one</a>. It\u2019s nice because comments can come from anywhere\u2014Fedi, personal sites, Reddit, etc\u2014and they\u2019ll all be rendered just the same. Any webpage that links to your page can turn into a comment on it.</p>",
        "text": "@thelastpsion I recommend going the #IndieWeb route: just post on your site normally and POSSE to Fedi. Use s service like Bridgy to convert replies on the Fediverse to Webmentions. Hugo\u2019s getJSON can pull Webmentions from your preferred receiver to render comments.That\u2019s how I implement comments on seirdy.one. It\u2019s nice because comments can come from anywhere\u2014Fedi, personal sites, Reddit, etc\u2014and they\u2019ll all be rendered just the same. Any webpage that links to your page can turn into a comment on it."
    },
    "published": "2023-10-26T06:56:51+00:00",
    "post-type": "note",
    "_id": "39277715",
    "_source": "7235",
    "_is_read": true
}

{
    "type": "entry",
    "author": {
        "name": "@weirdwriter",
        "url": "https://tweesecake.social/@weirdwriter",
        "photo": null
    },
    "url": "https://tweesecake.social/@weirdwriter/111299157904448450",
    "content": {
        "html": "<p>OMG! A list of fiction blogs and other fantastic writers? I can't thank you enough, <span class=\"h-card\"><a class=\"u-url\" href=\"https://indiepocalypse.social/@JessMahler\">@<span>JessMahler</span></a></span>   I've been reading the blogs on this list all day and I just love it <a href=\"https://thewritersblockwebring.neocities.org/siteslist\"><span>https://</span><span>thewritersblockwebring.neociti</span><span>es.org/siteslist</span></a>  <a href=\"https://tweesecake.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://tweesecake.social/tags/WebRing\">#<span>WebRing</span></a></p>",
        "text": "OMG! A list of fiction blogs and other fantastic writers? I can't thank you enough, @JessMahler   I've been reading the blogs on this list all day and I just love it https://thewritersblockwebring.neocities.org/siteslist  #IndieWeb #WebRing"
    },
    "published": "2023-10-26T03:19:33+00:00",
    "post-type": "note",
    "_id": "39276624",
    "_source": "7235",
    "_is_read": true
}

A cohesive and unified identity for IndieWeb protocols

{
    "type": "entry",
    "author": {
        "name": "Paul Robert Lloyd",
        "url": "https://paulrobertlloyd.com",
        "photo": null
    },
    "url": "https://paulrobertlloyd.com/2023/298/a1/indieweb_identity/",
    "published": "2023-10-25T19:45:00+00:00",
    "content": {
        "html": "<p>While Twitter\u2019s current owner continues to seek the spotlight, his manic stewardship of the platform has seen most peoples attention move to alternative social networks and ways of connecting with each other.</p><p>Mastodon, ActivityPub and the Fediverse have captured the imagination of developers and the media alike (if not the general public). And, as proven by <a href=\"https://www.theverge.com/2023/10/23/23928550/posse-posting-activitypub-standard-twitter-tumblr-mastodon\">David Pierce\u2019s recent article in The Verge</a>, the IndieWeb is part of this conversation too. Now is the moment for this movement\u2019s decade of work to shine!</p><p>As I\u2019m often reminded by Jeremy, at its simplest the IndieWeb is about having a website at your own domain. Great ideas don\u2019t need icons to help their adoption. However, given its grassroots and somewhat anarchic nature, the protocols underlying the most exciting and powerful ideas on the IndieWeb lack a clear and consistent identity \u2013 if they have an identity at all.</p><p>This is not a problem complementary technologies face \u2013 communities formed around <a href=\"https://activitypub.rocks/\">ActivityPub</a>, <a href=\"https://www.mozilla.org/en-US/foundation/feed-icon-guidelines/\">RSS</a>, <a href=\"https://github.com/manton/JSONFeed/tree/master/graphics\">JSON Feed</a> and <a href=\"http://microformats.org/wiki/spread-microformats\">Microformats</a> quickly settled on icons for their respective projects.</p><h2>Current branding used by the IndieWeb</h2><p>Branding and design already features within the movement, with the <a href=\"https://indieweb.org/principles\">seventh principle</a> stating that user experience is more important than any technical underpinnings.</p><p>IndieWebCamp has <a href=\"https://indieweb.org/logo\">a clear and well-defined logo</a> which has proven adaptable enough to be used for <a href=\"https://indieweb.org/Homebrew_Website_Club#Logos_and_Graphics\">Homebrew Website Club</a>.</p><p><a href=\"https://indieweb.org/IndieAuth\">IndieAuth</a> and <a href=\"https://indieweb.org/Webmention\">Webmention</a> have icons, though undocumented, applied inconsistently and with little agreement about what colour they should use. <a href=\"https://indieweb.org/Micropub\">Micropub</a> doesn\u2019t have an icon, although there have been <a href=\"https://github.com/indieweb/branding/issues/11\">discussions about what this might look like</a>. <a href=\"https://indieweb.org/Microsub\">Microsub</a> is currently icon-less too.</p><p>Others have reached the same conclusion that there needs to be a set of related icons to represent these protocols.</p><p>In 2016, Shane Becker \u2013 designer of the current IndieWebCamp logo \u2013 while <a href=\"https://veganstraightedge.com/articles/2016/10/31/indie-web-logo-study-first-draft\">considering a logo to represent the IndieWeb</a> wrote:</p><blockquote><p>Part of my thinking for this design was to build it in such a way that it could be a part of larger design system for indie web related things. Namely, I want to design logos for all of the building blocks [\u2026] and those building block logos to be able to work together in a coherent way.</p></blockquote><p>In 2018, Sebastian Lasse adapted the IndieWebCamp logo to create <a href=\"https://github.com/sebilasse/indieweb-origami/blob/master/CI.pdf\">a set of derivative icons</a> which he used for a series of posters about the IndieWeb.</p><p>None of these proposals to my knowledge have been developed further. There does however appear to be consensus that any icons should have a relationship to an identity used for the wider movement, and share a common design language.</p><h2>Proposal</h2><p>I often find myself noodling on ideas for how these logos might work. In the run up to this weekend\u2019s IndieWebCamp in Nuremberg, I had another go.</p><p>While not by any means my final proposal, what I\u2019m sharing here, I think, could provide a starting point for kicking off a discussion about what a cohesive identity for these protocols might look like.</p><img src=\"https://paulrobertlloyd.com/media/2023/298/a1/image.png\" alt=\"A set of six icons arranged in a grid.\" />Initial icon proposal for POSSE, Micropub, Webmention, IndieAuth, Microsub and Vouch.<p>This design attempts to bring together a set of icons that share the concept of a node \u2013 a line and a point \u2013 and use this to add counters to each letter shape. This serves as a nod to <a href=\"https://indiewebcamp.com/File:indiewebcamp_logo_1600px.png\">the original logo for IndieWebCamp designed in 2013 by Crystal Beasley</a>, and reflects <a href=\"https://indieweb.org/File:POSSE-2012-312.jpeg\">the POSSE diagram</a> drawn by Tantek.</p><p>I\u2019ve tried to incorporate existing ideas where available while trying to create a relationship between each icon. For example, the IndieAuth icon retains the shape of the existing icon while adjusting the counter to use the node motif, while the Webmention icon retains the top right arrow.</p><p>Colours for each icon are taken from that used on the corresponding validator sites (for example the green used on <a href=\"https://micropub.rocks/\">Micropub.rocks</a>) and share a colour palette that complements that used by the IndieWebCamp logo.</p><h2>Next steps</h2><p>There\u2019s a lot more to be said of these ideas and discussion to be had around them, but my train is slowly approaching Nuremberg.</p><p>I\u2019m going to suggest a session on this topic at this weekends event, but regardless of whether we end up discussing it or not, I will add my thoughts to relevant pages on <a href=\"https://indieweb.org/\">the wiki</a>. Hopefully a resolution can be found there soon.</p><p>(Long time readers of this site may recognise the title of this post. In 2009 <a href=\"https://paulrobertlloyd.com/2009/271/a1/a_cohesive_and_unified_identity_for_british_government/\">I bemoaned the lack of any common identity across UK Government</a> and that got fixed, so\u2026)</p><p>Reply via email</p>",
        "text": "While Twitter\u2019s current owner continues to seek the spotlight, his manic stewardship of the platform has seen most peoples attention move to alternative social networks and ways of connecting with each other.Mastodon, ActivityPub and the Fediverse have captured the imagination of developers and the media alike (if not the general public). And, as proven by David Pierce\u2019s recent article in The Verge, the IndieWeb is part of this conversation too. Now is the moment for this movement\u2019s decade of work to shine!As I\u2019m often reminded by Jeremy, at its simplest the IndieWeb is about having a website at your own domain. Great ideas don\u2019t need icons to help their adoption. However, given its grassroots and somewhat anarchic nature, the protocols underlying the most exciting and powerful ideas on the IndieWeb lack a clear and consistent identity \u2013 if they have an identity at all.This is not a problem complementary technologies face \u2013 communities formed around ActivityPub, RSS, JSON Feed and Microformats quickly settled on icons for their respective projects.Current branding used by the IndieWebBranding and design already features within the movement, with the seventh principle stating that user experience is more important than any technical underpinnings.IndieWebCamp has a clear and well-defined logo which has proven adaptable enough to be used for Homebrew Website Club.IndieAuth and Webmention have icons, though undocumented, applied inconsistently and with little agreement about what colour they should use. Micropub doesn\u2019t have an icon, although there have been discussions about what this might look like. Microsub is currently icon-less too.Others have reached the same conclusion that there needs to be a set of related icons to represent these protocols.In 2016, Shane Becker \u2013 designer of the current IndieWebCamp logo \u2013 while considering a logo to represent the IndieWeb wrote:Part of my thinking for this design was to build it in such a way that it could be a part of larger design system for indie web related things. Namely, I want to design logos for all of the building blocks [\u2026] and those building block logos to be able to work together in a coherent way.In 2018, Sebastian Lasse adapted the IndieWebCamp logo to create a set of derivative icons which he used for a series of posters about the IndieWeb.None of these proposals to my knowledge have been developed further. There does however appear to be consensus that any icons should have a relationship to an identity used for the wider movement, and share a common design language.ProposalI often find myself noodling on ideas for how these logos might work. In the run up to this weekend\u2019s IndieWebCamp in Nuremberg, I had another go.While not by any means my final proposal, what I\u2019m sharing here, I think, could provide a starting point for kicking off a discussion about what a cohesive identity for these protocols might look like.Initial icon proposal for POSSE, Micropub, Webmention, IndieAuth, Microsub and Vouch.This design attempts to bring together a set of icons that share the concept of a node \u2013 a line and a point \u2013 and use this to add counters to each letter shape. This serves as a nod to the original logo for IndieWebCamp designed in 2013 by Crystal Beasley, and reflects the POSSE diagram drawn by Tantek.I\u2019ve tried to incorporate existing ideas where available while trying to create a relationship between each icon. For example, the IndieAuth icon retains the shape of the existing icon while adjusting the counter to use the node motif, while the Webmention icon retains the top right arrow.Colours for each icon are taken from that used on the corresponding validator sites (for example the green used on Micropub.rocks) and share a colour palette that complements that used by the IndieWebCamp logo.Next stepsThere\u2019s a lot more to be said of these ideas and discussion to be had around them, but my train is slowly approaching Nuremberg.I\u2019m going to suggest a session on this topic at this weekends event, but regardless of whether we end up discussing it or not, I will add my thoughts to relevant pages on the wiki. Hopefully a resolution can be found there soon.(Long time readers of this site may recognise the title of this post. In 2009 I bemoaned the lack of any common identity across UK Government and that got fixed, so\u2026)Reply via email"
    },
    "name": "A cohesive and unified identity for IndieWeb protocols",
    "post-type": "article",
    "_id": "39274853",
    "_source": "3686",
    "_is_read": true
}