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
{
"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
}
{
"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
}
⏰ It's time for the semi-regular question! What are your favorite RSS-feeds?
🔎 #accessibility #diversity #ux #webdev #inclusiveDesign #indieWeb
and any topic I'm forgetting here
{
"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
}
The poster’s guide to the internet of the future
---
The 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
{
"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
}
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.
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)!
#Touhou #東方Project #東方 #東方旧作 #PC98 #Mima #IndieWeb #SmallWeb
{
"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
}
Hey #indieweb , I’m having a hard time understanding all the protocols and formats. Is there a clear guide/article that you can recommend?
{
"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
}
#webrings watch No. 24
Lainchan #webring
https://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
{
"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
}
@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’s getJSON
can pull Webmentions from your preferred receiver to render comments.
That’s how I implement comments on seirdy.one. It’s nice because comments can come from anywhere—Fedi, personal sites, Reddit, etc—and they’ll all be rendered just the same. Any webpage that links to your page can turn into a comment on it.
{
"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
}
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
{
"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
}
{
"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
}
I'm diving deep back into #indieweb stuff today, though I’m quickly starting to wonder if my choice for a SvelteKit-powered site was a bad idea, especially as I look at implementing Webmentions.
{
"type": "entry",
"author": {
"name": "@Alanmoo",
"url": "https://xoxo.zone/@Alanmoo",
"photo": null
},
"url": "https://xoxo.zone/@Alanmoo/111297609454961908",
"content": {
"html": "<p>I'm diving deep back into <a href=\"https://xoxo.zone/tags/indieweb\">#<span>indieweb</span></a> stuff today, though I\u2019m quickly starting to wonder if my choice for a SvelteKit-powered site was a bad idea, especially as I look at implementing Webmentions.</p>",
"text": "I'm diving deep back into #indieweb stuff today, though I\u2019m quickly starting to wonder if my choice for a SvelteKit-powered site was a bad idea, especially as I look at implementing Webmentions."
},
"published": "2023-10-25T20:45:45+00:00",
"post-type": "note",
"_id": "39274645",
"_source": "7235",
"_is_read": true
}
{
"type": "entry",
"author": {
"name": "@paulrobertlloyd",
"url": "https://mastodon.social/@paulrobertlloyd",
"photo": null
},
"url": "https://mastodon.social/@paulrobertlloyd/111297194060420896",
"content": {
"html": "<p>Train blogging! <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://paulrobertlloyd.com/2023/298/a1/indieweb_identity/\"><span>https://</span><span>paulrobertlloyd.com/2023/298/a</span><span>1/indieweb_identity/</span></a></p>",
"text": "Train blogging! #indieweb https://paulrobertlloyd.com/2023/298/a1/indieweb_identity/"
},
"published": "2023-10-25T19:00:07+00:00",
"post-type": "note",
"_id": "39273521",
"_source": "7235",
"_is_read": true
}
My webhost just did a server upgrade, so the IP address changed. That meant I needed to update the "A" records on Cloudflare, which took a while to figure out how to do. It's all working now.
The 3rd party domain registrar records already pointed to Cloudflare so that didn't have to change.
I realize for geeks, this is super basic stuff. For most people this might as well be witchcraft.*
I'm a believer in the value of the #indieweb but, yikes, for most people even the basic infrastructure maintenance is likely going to prove too daunting.
*Actually, witchcraft is easier because it's all made up. If you point your nameservers wrong, your website won't work.
{
"type": "entry",
"author": {
"name": "@Mikal",
"url": "https://sfba.social/@Mikal",
"photo": null
},
"url": "https://sfba.social/@Mikal/111297136751764912",
"content": {
"html": "<p>My webhost just did a server upgrade, so the IP address changed. That meant I needed to update the \"A\" records on Cloudflare, which took a while to figure out how to do. It's all working now.</p><p>The 3rd party domain registrar records already pointed to Cloudflare so that didn't have to change.</p><p>I realize for geeks, this is super basic stuff. For most people this might as well be witchcraft.*</p><p>I'm a believer in the value of the <a href=\"https://sfba.social/tags/indieweb\">#<span>indieweb</span></a> but, yikes, for most people even the basic infrastructure maintenance is likely going to prove too daunting.</p><p>*Actually, witchcraft is easier because it's all made up. If you point your nameservers wrong, your website won't work.</p>",
"text": "My webhost just did a server upgrade, so the IP address changed. That meant I needed to update the \"A\" records on Cloudflare, which took a while to figure out how to do. It's all working now.The 3rd party domain registrar records already pointed to Cloudflare so that didn't have to change.I realize for geeks, this is super basic stuff. For most people this might as well be witchcraft.*I'm a believer in the value of the #indieweb but, yikes, for most people even the basic infrastructure maintenance is likely going to prove too daunting.*Actually, witchcraft is easier because it's all made up. If you point your nameservers wrong, your website won't work."
},
"published": "2023-10-25T18:45:32+00:00",
"post-type": "note",
"_id": "39273206",
"_source": "7235",
"_is_read": true
}
Gutted to be missing this week's #bordernone and #IndieWebCamp - however, I'm going to be in touch with the IndieWeb folks in an hour!
It's been a while, but this evening, I will be hosting Homebrew Website Club Europe/London! ✨
Join us via Zoom to discuss things like:
- Demos of personal website breakthroughs;
- Discussion around the independent web
- Get to know other members of the #IndieWeb
No need to RSVP, just turn up!
https://events.indieweb.org/2023/10/homebrew-website-club-europe-london-EGwYcCQw7FMz
{
"type": "entry",
"author": {
"name": "@ohhelloana",
"url": "https://mastodon.social/@ohhelloana",
"photo": null
},
"url": "https://mastodon.social/@ohhelloana/111296720144419308",
"content": {
"html": "<p>Gutted to be missing this week's <a href=\"https://mastodon.social/tags/bordernone\">#<span>bordernone</span></a> and <a href=\"https://mastodon.social/tags/IndieWebCamp\">#<span>IndieWebCamp</span></a> - however, I'm going to be in touch with the IndieWeb folks in an hour!</p><p>It's been a while, but this evening, I will be hosting Homebrew Website Club Europe/London! \u2728 </p><p>Join us via Zoom to discuss things like:<br />- Demos of personal website breakthroughs;<br />- Discussion around the independent web<br />- Get to know other members of the <a href=\"https://mastodon.social/tags/IndieWeb\">#<span>IndieWeb</span></a> </p><p>No need to RSVP, just turn up! </p><p><a href=\"https://events.indieweb.org/2023/10/homebrew-website-club-europe-london-EGwYcCQw7FMz\"><span>https://</span><span>events.indieweb.org/2023/10/ho</span><span>mebrew-website-club-europe-london-EGwYcCQw7FMz</span></a></p>",
"text": "Gutted to be missing this week's #bordernone and #IndieWebCamp - however, I'm going to be in touch with the IndieWeb folks in an hour!It's been a while, but this evening, I will be hosting Homebrew Website Club Europe/London! \u2728 Join us via Zoom to discuss things like:\n- Demos of personal website breakthroughs;\n- Discussion around the independent web\n- Get to know other members of the #IndieWeb No need to RSVP, just turn up! https://events.indieweb.org/2023/10/homebrew-website-club-europe-london-EGwYcCQw7FMz"
},
"published": "2023-10-25T16:59:36+00:00",
"post-type": "note",
"_id": "39272204",
"_source": "7235",
"_is_read": true
}
POSSE é a sigla para “ Publish (on your) Own Site, Syndicate Everywhere”.
É a melhor estratégia para quem escreve, desenha, fotografa, etc.
Primeiro você publica no seu próprio site e depois replica nas redes sociais.
https://www.theverge.com/2023/10/23/23928550/posse-posting-activitypub-standard-twitter-tumblr-mastodon
#POSSE #fediverse #IndieWeb
{
"type": "entry",
"author": {
"name": "@ivanjeronimo",
"url": "https://vira-lata.org/@ivanjeronimo",
"photo": null
},
"url": "https://vira-lata.org/@ivanjeronimo/111295345716409707",
"content": {
"html": "<p>POSSE \u00e9 a sigla para \u201c Publish (on your) Own Site, Syndicate Everywhere\u201d.</p><p>\u00c9 a melhor estrat\u00e9gia para quem escreve, desenha, fotografa, etc. </p><p>Primeiro voc\u00ea publica no seu pr\u00f3prio site e depois replica nas redes sociais.</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></p><p><a href=\"https://vira-lata.org/tags/POSSE\">#<span>POSSE</span></a> <a href=\"https://vira-lata.org/tags/fediverse\">#<span>fediverse</span></a> <a href=\"https://vira-lata.org/tags/IndieWeb\">#<span>IndieWeb</span></a></p>",
"text": "POSSE \u00e9 a sigla para \u201c Publish (on your) Own Site, Syndicate Everywhere\u201d.\u00c9 a melhor estrat\u00e9gia para quem escreve, desenha, fotografa, etc. Primeiro voc\u00ea publica no seu pr\u00f3prio site e depois replica nas redes sociais.https://www.theverge.com/2023/10/23/23928550/posse-posting-activitypub-standard-twitter-tumblr-mastodon#POSSE #fediverse #IndieWeb"
},
"published": "2023-10-25T11:10:03+00:00",
"post-type": "note",
"_id": "39272205",
"_source": "7235",
"_is_read": true
}
This is a really great podcast talking about the #indieweb https://overcast.fm/+QN1rDn3t0
{
"type": "entry",
"author": {
"name": "@hack13",
"url": "https://cyberfurz.social/@hack13",
"photo": null
},
"url": "https://cyberfurz.social/@hack13/111296278027437199",
"content": {
"html": "<p>This is a really great podcast talking about the <a href=\"https://cyberfurz.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://overcast.fm/+QN1rDn3t0\"><span>https://</span><span>overcast.fm/+QN1rDn3t0</span><span></span></a></p>",
"text": "This is a really great podcast talking about the #indieweb https://overcast.fm/+QN1rDn3t0"
},
"published": "2023-10-25T15:07:10+00:00",
"post-type": "note",
"_id": "39270937",
"_source": "7235",
"_is_read": true
}
{
"type": "entry",
"author": {
"name": "@thelonelyghost",
"url": "https://tech.lgbt/@thelonelyghost",
"photo": null
},
"url": "https://tech.lgbt/@thelonelyghost/111295433607964354",
"content": {
"html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.social/@searls\">@<span>searls</span></a></span> welcome to POSSE: <a href=\"https://indieweb.org/POSSE\"><span>https://</span><span>indieweb.org/POSSE</span><span></span></a></p><p><a href=\"https://tech.lgbt/tags/IndieWeb\">#<span>IndieWeb</span></a></p>",
"text": "@searls welcome to POSSE: https://indieweb.org/POSSE#IndieWeb"
},
"published": "2023-10-25T11:32:25+00:00",
"post-type": "note",
"_id": "39268994",
"_source": "7235",
"_is_read": true
}
#webrings watch No. 23
#a11y #webring club
https://a11y-webring.club/
Made for digital accessibility practitioners and managed by @eric
Digital accessibility is the practice of making technology able to be used by disabled people. Join today!
#accessibility #retro #indieweb #smallweb #webdev #html #code #programming #web #css
{
"type": "entry",
"author": {
"name": "@accordionpolar",
"url": "https://indieweb.social/@accordionpolar",
"photo": null
},
"url": "https://indieweb.social/@accordionpolar/111295188571112473",
"content": {
"html": "<p><a href=\"https://indieweb.social/tags/webrings\">#<span>webrings</span></a> watch No. 23</p><p><a href=\"https://indieweb.social/tags/a11y\">#<span>a11y</span></a> <a href=\"https://indieweb.social/tags/webring\">#<span>webring</span></a> club<br /><a href=\"https://a11y-webring.club/\"><span>https://</span><span>a11y-webring.club/</span><span></span></a></p><p>Made for digital accessibility practitioners and managed by <span class=\"h-card\"><a class=\"u-url\" href=\"https://social.ericwbailey.website/@eric\">@<span>eric</span></a></span> </p><p>Digital accessibility is the practice of making technology able to be used by disabled people. Join today!</p><p><a href=\"https://indieweb.social/tags/accessibility\">#<span>accessibility</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/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/css\">#<span>css</span></a></p>",
"text": "#webrings watch No. 23#a11y #webring club\nhttps://a11y-webring.club/Made for digital accessibility practitioners and managed by @eric Digital accessibility is the practice of making technology able to be used by disabled people. Join today!#accessibility #retro #indieweb #smallweb #webdev #html #code #programming #web #css"
},
"published": "2023-10-25T10:30:06+00:00",
"post-type": "note",
"_id": "39268554",
"_source": "7235",
"_is_read": true
}
I wrote a priority list for anyone starting a blog:
1. Write your first blog post
2. Add RSS feed
3. Write more
https://hamatti.org/posts/priority-order-when-you-start-blogging/
#blogging #writing #IndieWeb #RSS
{
"type": "entry",
"author": {
"name": "@hamatti",
"url": "https://mastodon.world/@hamatti",
"photo": null
},
"url": "https://mastodon.world/@hamatti/111294629216974455",
"content": {
"html": "<p>I wrote a priority list for anyone starting a blog:</p><p>1. Write your first blog post<br />2. Add RSS feed<br />3. Write more</p><p><a href=\"https://hamatti.org/posts/priority-order-when-you-start-blogging/\"><span>https://</span><span>hamatti.org/posts/priority-ord</span><span>er-when-you-start-blogging/</span></a></p><p><a href=\"https://mastodon.world/tags/blogging\">#<span>blogging</span></a> <a href=\"https://mastodon.world/tags/writing\">#<span>writing</span></a> <a href=\"https://mastodon.world/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://mastodon.world/tags/RSS\">#<span>RSS</span></a></p>",
"text": "I wrote a priority list for anyone starting a blog:1. Write your first blog post\n2. Add RSS feed\n3. Write morehttps://hamatti.org/posts/priority-order-when-you-start-blogging/#blogging #writing #IndieWeb #RSS"
},
"published": "2023-10-25T08:07:51+00:00",
"post-type": "note",
"_id": "39267883",
"_source": "7235",
"_is_read": true
}
{
"type": "entry",
"published": "2023-10-25T00:11:06-04:00",
"url": "https://david.shanske.com/2023/10/25/new-thoughts-on-ticketing-for-indieauth/",
"name": "New Thoughts on Ticketing for IndieAuth - October 25, 2023",
"author": {
"type": "card",
"name": "David Shanske",
"url": "https://david.shanske.com/",
"photo": "https://david.shanske.com/avatar/dshanske?s=96"
},
"post-type": "article",
"_id": "39266707",
"_source": "5",
"_is_read": true
}