Out of context learning HTML:
#html #indieweb #webdev
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.art/@NiwlCraft/114397585136603247",
"content": {
"html": "<p>Out of context learning HTML:</p><p><a href=\"https://mastodon.art/tags/html\">#<span>html</span></a> <a href=\"https://mastodon.art/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.art/tags/webdev\">#<span>webdev</span></a></p>",
"text": "Out of context learning HTML:\n\n#html #indieweb #webdev"
},
"published": "2025-04-25T08:10:20+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/114/397/585/203/449/007/original/0273f063a8d75377.jpeg"
],
"post-type": "photo",
"_id": "44619752",
"_source": "8007",
"_is_read": false
}
For each FrESH I attach a unique background to myself during the Zoom, most of which have some significance to web technology history and are a sort of jumping off point for discussion and learning. #IndieWeb #FrontEnd https://codepen.io/artlung/full/zxxwYzE
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://xoxo.zone/@artlung/114396809436886449",
"content": {
"html": "<p>For each FrESH I attach a unique background to myself during the Zoom, most of which have some significance to web technology history and are a sort of jumping off point for discussion and learning. <a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://xoxo.zone/tags/FrontEnd\">#<span>FrontEnd</span></a> <a href=\"https://codepen.io/artlung/full/zxxwYzE\"><span>https://</span><span>codepen.io/artlung/full/zxxwYz</span><span>E</span></a></p>",
"text": "For each FrESH I attach a unique background to myself during the Zoom, most of which have some significance to web technology history and are a sort of jumping off point for discussion and learning. #IndieWeb #FrontEnd https://codepen.io/artlung/full/zxxwYzE"
},
"published": "2025-04-25T04:53:04+00:00",
"post-type": "note",
"_id": "44618679",
"_source": "8007",
"_is_read": false
}
If anyone notices any issues with the site menus I'd be interested to hear — I did come across a number of unexpected things while I set them up
#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://hachyderm.io/@reillypascal/114396143776275290",
"content": {
"html": "<p>If anyone notices any issues with the site menus I'd be interested to hear \u2014 I did come across a number of unexpected things while I set them up</p><p><a href=\"https://hachyderm.io/tags/WebDev\">#<span>WebDev</span></a> <a href=\"https://hachyderm.io/tags/HTML\">#<span>HTML</span></a> <a href=\"https://hachyderm.io/tags/CSS\">#<span>CSS</span></a> <a href=\"https://hachyderm.io/tags/Coding\">#<span>Coding</span></a> <a href=\"https://hachyderm.io/tags/Programming\">#<span>Programming</span></a> <a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://hachyderm.io/tags/SmallWeb\">#<span>SmallWeb</span></a></p>",
"text": "If anyone notices any issues with the site menus I'd be interested to hear \u2014 I did come across a number of unexpected things while I set them up\n\n#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb"
},
"published": "2025-04-25T02:03:47+00:00",
"post-type": "note",
"_id": "44617913",
"_source": "8007",
"_is_read": false
}
I updated my site dropdown menus so they only need CSS and (as far as I was able to ascertain) you can tab through with a keyboard!
https://reillyspitzfaden.com/
The secret seems to be using the CSS :focus and :focus-within selectors. I have a minimal CodePen example here (https://codepen.io/reillypascal/pen/PwwPewM?editors=1100), and here's the article where I got the idea: https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/
#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://hachyderm.io/@reillypascal/114396138059895636",
"content": {
"html": "<p>I updated my site dropdown menus so they only need CSS and (as far as I was able to ascertain) you can tab through with a keyboard! </p><p><a href=\"https://reillyspitzfaden.com/\"><span>https://</span><span>reillyspitzfaden.com/</span><span></span></a></p><p>The secret seems to be using the CSS :focus and :focus-within selectors. I have a minimal CodePen example here (<a href=\"https://codepen.io/reillypascal/pen/PwwPewM?editors=1100\"><span>https://</span><span>codepen.io/reillypascal/pen/Pw</span><span>wPewM?editors=1100</span></a>), and here's the article where I got the idea: <a href=\"https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/\"><span>https://</span><span>moderncss.dev/css-only-accessi</span><span>ble-dropdown-navigation-menu/</span></a></p><p><a href=\"https://hachyderm.io/tags/WebDev\">#<span>WebDev</span></a> <a href=\"https://hachyderm.io/tags/HTML\">#<span>HTML</span></a> <a href=\"https://hachyderm.io/tags/CSS\">#<span>CSS</span></a> <a href=\"https://hachyderm.io/tags/Coding\">#<span>Coding</span></a> <a href=\"https://hachyderm.io/tags/Programming\">#<span>Programming</span></a> <a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://hachyderm.io/tags/SmallWeb\">#<span>SmallWeb</span></a></p>",
"text": "I updated my site dropdown menus so they only need CSS and (as far as I was able to ascertain) you can tab through with a keyboard! \n\nhttps://reillyspitzfaden.com/\n\nThe secret seems to be using the CSS :focus and :focus-within selectors. I have a minimal CodePen example here (https://codepen.io/reillypascal/pen/PwwPewM?editors=1100), and here's the article where I got the idea: https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/\n\n#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb"
},
"published": "2025-04-25T02:02:20+00:00",
"post-type": "note",
"_id": "44617914",
"_source": "8007",
"_is_read": false
}
Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here’s a little badge:

Badge made with badge.design. Download badge in PNG or SVG format.
{
"type": "entry",
"published": "2025-04-24 15:25-0700",
"url": "https://gregorlove.com/2025/04/congratulations-to-joe-crawford/",
"category": [
"indieweb",
"badges"
],
"content": {
"text": "Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here\u2019s a little badge:\n\n\n\nBadge made with badge.design. Download badge in PNG or SVG format.",
"html": "<p>Congratulations to <a class=\"h-card\" href=\"https://artlung.com/\">Joe Crawford</a> for a year of organizing the <a href=\"https://indieweb.org/Front_End_Study_Hall\">Front End Study Hall</a> meetups! Here\u2019s a little badge:</p>\n\n<p><img alt=\"badge with a colored ring, bottom half of ring is orange, upper half is yellow (both are IndieWeb colors). Text 'One Year of Keeping it FrESH' curves around the top, a large number 1 in the middle, and text at the bottom: 'Awarded to artlung.com April 24, 2025 for one year of organizing Front End Study Hall'\" src=\"https://gregorlove.com/site/assets/files/7038/ff159818-5866-4f01-a077-bcd7c04556e8.png\" /></p>\n\n<p>Badge made with <a href=\"https://badge.design/\">badge.design</a>. Download badge in <a href=\"https://gregorlove.com/site/assets/files/7038/ff159818-5866-4f01-a077-bcd7c04556e8.png\">PNG</a> or <a href=\"https://gregorlove.com/site/assets/images/6c3aa920-c266-4d24-9224-bfdc5ce4e3ef.svg\">SVG</a> format.</p>"
},
"author": {
"type": "card",
"name": "gRegor Morrill",
"url": "https://gregorlove.com/",
"photo": "https://gregorlove.com/site/assets/files/6268/profile-2021-square.300x0.jpg"
},
"post-type": "note",
"_id": "44617383",
"_source": "179",
"_is_read": false
}
Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here’s a little badge:

Badge made with badge.design. Download badge in PNG or SVG format.
{
"type": "entry",
"published": "2025-04-24 15:25-0700",
"url": "https://gregorlove.com/2025/04/congratulations-to-joe-crawford/",
"category": [
"indieweb",
"badges"
],
"content": {
"text": "Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here\u2019s a little badge:\n\n\n\nBadge made with badge.design. Download badge in PNG or SVG format.",
"html": "<p>Congratulations to <a class=\"h-card\" href=\"https://artlung.com/\">Joe Crawford</a> for a year of organizing the <a href=\"https://indieweb.org/Front_End_Study_Hall\">Front End Study Hall</a> meetups! Here\u2019s a little badge:</p>\n\n<p><img alt=\"badge with a colored ring, bottom half of ring is orange, upper half is yellow (both are IndieWeb colors). Text 'One Year of Keeping it FrESH' curves around the top, a large number 1 in the middle, and text at the bottom: 'Awarded to artlung.com April 24, 2025 for one year of organizing Front End Study Hall'\" src=\"https://gregorlove.com/site/assets/files/7038/ff159818-5866-4f01-a077-bcd7c04556e8.png\" /></p>\n\n<p>Badge made with <a href=\"https://badge.design/\">badge.design</a>. Download badge in <a href=\"https://gregorlove.com/site/assets/files/7038/ff159818-5866-4f01-a077-bcd7c04556e8.png\">PNG</a> or <a href=\"https://gregorlove.com/site/assets/images/6c3aa920-c266-4d24-9224-bfdc5ce4e3ef.svg\">SVG</a> format.</p>"
},
"author": {
"type": "card",
"name": "gRegor Morrill",
"url": "https://gregorlove.com/",
"photo": "https://gregorlove.com/site/assets/files/6268/profile-2021-square.300x0.jpg"
},
"post-type": "note",
"_id": "44617276",
"_source": "95",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://xoxo.zone/@artlung/114395297240410549",
"content": {
"html": "<p>Next one in 2 weeks. See <a href=\"https://events.indieweb.org/\"><span>https://</span><span>events.indieweb.org/</span><span></span></a> <a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://xoxo.zone/tags/FrontEnd\">#<span>FrontEnd</span></a></p>",
"text": "Next one in 2 weeks. See https://events.indieweb.org/ #IndieWeb #FrontEnd"
},
"published": "2025-04-24T22:28:30+00:00",
"post-type": "note",
"_id": "44616901",
"_source": "8007",
"_is_read": false
}
Terrific first anniversary Front End Study Hall which ended up being about "art" and data visualization. And I got to monologue about how we all ought to make web pages. Thanks for participating/reading! The notes have tasty links. https://indieweb.org/events/2025-04-24-front-end-study-hall
#IndieWeb #FrontEnd
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://xoxo.zone/@artlung/114395270623247194",
"content": {
"html": "<p>Terrific first anniversary Front End Study Hall which ended up being about \"art\" and data visualization. And I got to monologue about how we all ought to make web pages. Thanks for participating/reading! The notes have tasty links. <a href=\"https://indieweb.org/events/2025-04-24-front-end-study-hall\"><span>https://</span><span>indieweb.org/events/2025-04-24</span><span>-front-end-study-hall</span></a></p><p><a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://xoxo.zone/tags/FrontEnd\">#<span>FrontEnd</span></a></p>",
"text": "Terrific first anniversary Front End Study Hall which ended up being about \"art\" and data visualization. And I got to monologue about how we all ought to make web pages. Thanks for participating/reading! The notes have tasty links. https://indieweb.org/events/2025-04-24-front-end-study-hall\n\n#IndieWeb #FrontEnd"
},
"published": "2025-04-24T22:21:44+00:00",
"post-type": "note",
"_id": "44616792",
"_source": "8007",
"_is_read": false
}
might make an article about safety when it comes to platforms like neocities. these are my two main points. is there anything i should add?
- many cameras including basically all smartphones save the location and time a photo was taken inside its metadata. unlike social media and chat services that remove it for you, static site hosts serve the exact file you uploaded, including that location and time data.
you should remove this metadata yourself if you don't want people to know exactly where and when the photo was taken. for most people, it's probably bad for people to know where you live, so this is especially important for photos taken in and near your home.
(i would then explain how to do it.)
- do not publish real-life secrets—the kind of stuff people really shouldn't know—in. args use things like html comments, base-64 strings, and invisible text precisely because they are meant to be solved in a reasonable amount of time. if you think you've found a clever way to hide a secret that nobody will find, no you haven't.
don't even upload encrypted archives with great passwords. having the encrypted data in the first place gets a bad actor a gigantic step closer to cracking it.
these methods are perfectly fine for fun little easter eggs, though.
#neocities #internet #indieweb #onlinesafety
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://wetdry.world/@maypop_neocities/114394707889170116",
"content": {
"html": "<p>might make an article about safety when it comes to platforms like neocities. these are my two main points. is there anything i should add?</p><ul><li>many cameras including basically all smartphones save the location and time a photo was taken inside its metadata. unlike social media and chat services that remove it for you, static site hosts serve the exact file you uploaded, including that location and time data.</li></ul><p>you should remove this metadata yourself if you don't want people to know exactly where and when the photo was taken. for most people, it's probably bad for people to know where you live, so this is especially important for photos taken in and near your home.</p><p>(i would then explain how to do it.)</p><ul><li>do not publish real-life secrets\u2014the kind of stuff people really shouldn't know\u2014in. args use things like html comments, base-64 strings, and invisible text precisely because they are meant to be solved in a reasonable amount of time. if you think you've found a clever way to hide a secret that nobody will find, <em>no you haven't</em>.</li></ul><p>don't even upload encrypted archives with great passwords. having the encrypted data in the first place gets a bad actor a gigantic step closer to cracking it.</p><p>these methods are perfectly fine for fun little easter eggs, though.</p><p><a href=\"https://wetdry.world/tags/neocities\">#<span>neocities</span></a> <a href=\"https://wetdry.world/tags/internet\">#<span>internet</span></a> <a href=\"https://wetdry.world/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://wetdry.world/tags/onlinesafety\">#<span>onlinesafety</span></a></p>",
"text": "might make an article about safety when it comes to platforms like neocities. these are my two main points. is there anything i should add?many cameras including basically all smartphones save the location and time a photo was taken inside its metadata. unlike social media and chat services that remove it for you, static site hosts serve the exact file you uploaded, including that location and time data.you should remove this metadata yourself if you don't want people to know exactly where and when the photo was taken. for most people, it's probably bad for people to know where you live, so this is especially important for photos taken in and near your home.\n\n(i would then explain how to do it.)do not publish real-life secrets\u2014the kind of stuff people really shouldn't know\u2014in. args use things like html comments, base-64 strings, and invisible text precisely because they are meant to be solved in a reasonable amount of time. if you think you've found a clever way to hide a secret that nobody will find, no you haven't.don't even upload encrypted archives with great passwords. having the encrypted data in the first place gets a bad actor a gigantic step closer to cracking it.\n\nthese methods are perfectly fine for fun little easter eggs, though.\n\n#neocities #internet #indieweb #onlinesafety"
},
"published": "2025-04-24T19:58:37+00:00",
"post-type": "note",
"_id": "44615796",
"_source": "8007",
"_is_read": false
}
So with threads.net switching to .com, I was a little worried about how this might impact the fediverse support. Thankfully looks like they’re sticking with .net for handles.
{
"type": "entry",
"author": {
"name": "Manton Reece",
"url": "https://www.manton.org/",
"photo": "https://avatars.micro.blog/avatars/2024/02/3.jpg"
},
"url": "https://www.manton.org/2025/04/24/so-with-threadsnet-switching-to.html",
"content": {
"html": "<p>So with threads.net switching to .com, I was a little worried about how this might impact the fediverse support. Thankfully looks like they\u2019re sticking with .net for handles.</p>",
"text": "So with threads.net switching to .com, I was a little worried about how this might impact the fediverse support. Thankfully looks like they\u2019re sticking with .net for handles."
},
"published": "2025-04-24T15:47:10-04:00",
"post-type": "note",
"_id": "44615789",
"_source": "12",
"_is_read": false
}
@Luke There is a calendar-ish thing on this page - https://events.indieweb.org/tag/frontend #indieweb
The iCal feed isn't functioning. I'm thinking of using @simon's GitScraper to monitor this page and build an alert from it (partly because I've wanted to use GitScraper for years).
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@vanderwal/114394454740786044",
"content": {
"html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://typo.social/@Luke\">@<span>Luke</span></a></span> There is a calendar-ish thing on this page - <a href=\"https://events.indieweb.org/tag/frontend\"><span>https://</span><span>events.indieweb.org/tag/fronte</span><span>nd</span></a> <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a></p><p>The iCal feed isn't functioning. I'm thinking of using <span class=\"h-card\"><a class=\"u-url\" href=\"https://fedi.simonwillison.net/@simon\">@<span>simon</span></a></span>'s GitScraper to monitor this page and build an alert from it (partly because I've wanted to use GitScraper for years).</p>\n<a class=\"u-mention\" href=\"https://fedi.simonwillison.net/@simon\"></a>\n<a class=\"u-mention\" href=\"https://typo.social/@Luke\"></a>",
"text": "@Luke There is a calendar-ish thing on this page - https://events.indieweb.org/tag/frontend #indieweb\n\nThe iCal feed isn't functioning. I'm thinking of using @simon's GitScraper to monitor this page and build an alert from it (partly because I've wanted to use GitScraper for years)."
},
"published": "2025-04-24T18:54:14+00:00",
"post-type": "note",
"_id": "44615242",
"_source": "8007",
"_is_read": false
}
Deeply enjoyable IndieWeb Study Hall today, where things got web arty.
I really needed this.
#indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@vanderwal/114394389963705627",
"content": {
"html": "<p>Deeply enjoyable IndieWeb Study Hall today, where things got web arty.</p><p>I really needed this.</p><p><a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "Deeply enjoyable IndieWeb Study Hall today, where things got web arty.\n\nI really needed this.\n\n#indieweb"
},
"published": "2025-04-24T18:37:46+00:00",
"post-type": "note",
"_id": "44615116",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@shankulkarny/114394157443193913",
"content": {
"html": "<p>I love dystopian movies, but are we slipping into one?<br /><a href=\"https://skny.uk/posts/6-silos-part-i/\"><span>https://</span><span>skny.uk/posts/6-silos-part-i/</span><span></span></a></p><p><a href=\"https://mastodon.social/tags/silo\">#<span>silo</span></a> <a href=\"https://mastodon.social/tags/dystopia\">#<span>dystopia</span></a> <a href=\"https://mastodon.social/tags/movies\">#<span>movies</span></a> <a href=\"https://mastodon.social/tags/scifi\">#<span>scifi</span></a> <a href=\"https://mastodon.social/tags/writing\">#<span>writing</span></a> <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "I love dystopian movies, but are we slipping into one?\nhttps://skny.uk/posts/6-silos-part-i/\n\n#silo #dystopia #movies #scifi #writing #indieweb"
},
"published": "2025-04-24T17:38:38+00:00",
"post-type": "note",
"_id": "44614809",
"_source": "8007",
"_is_read": false
}
An old post/rant from yesteryear's ask DNA about #web, #indieweb, #blogging, #socialmedia, blah blah blah.
https://askdna.coffee/perweb/
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://indieweb.social/tags/indieweb",
"photo": null
},
"url": "https://urusai.social/@askDNA/114393828848076090",
"content": {
"html": "<p>An old post/rant from yesteryear's ask DNA about <a href=\"https://urusai.social/tags/web\">#<span>web</span></a>, <a href=\"https://urusai.social/tags/indieweb\">#<span>indieweb</span></a>, <a href=\"https://urusai.social/tags/blogging\">#<span>blogging</span></a>, <a href=\"https://urusai.social/tags/socialmedia\">#<span>socialmedia</span></a>, blah blah blah.</p><p><a href=\"https://askdna.coffee/perweb/\"><span>https://</span><span>askdna.coffee/perweb/</span><span></span></a></p>",
"text": "An old post/rant from yesteryear's ask DNA about #web, #indieweb, #blogging, #socialmedia, blah blah blah.\n\nhttps://askdna.coffee/perweb/"
},
"published": "2025-04-24T16:15:04+00:00",
"post-type": "note",
"_id": "44613674",
"_source": "8007",
"_is_read": false
}
Sharing a little project I've been working on lately — a score-based habit tracker.
The idea is simple: create a set of habits (or actions) that you can do in a day and assign them a score, positive or negative. The goal is to have more days with good scores, meaning you will try to do more good things for yourself and fewer bad things.
PWA iOS, data stored only locally, no sync, but has export and import
https://znovu.app?pwa
Curious to know what you think?
#buildinpublic #indieweb #pwa
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://indieweb.social/@asci/114393645904165275",
"content": {
"html": "<p>Sharing a little project I've been working on lately \u2014 a score-based habit tracker.</p><p>The idea is simple: create a set of habits (or actions) that you can do in a day and assign them a score, positive or negative. The goal is to have more days with good scores, meaning you will try to do more good things for yourself and fewer bad things.</p><p>PWA iOS, data stored only locally, no sync, but has export and import</p><p><a href=\"https://znovu.app?pwa\"><span>https://</span><span>znovu.app?pwa</span><span></span></a></p><p>Curious to know what you think?</p><p><a href=\"https://indieweb.social/tags/buildinpublic\">#<span>buildinpublic</span></a> <a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://indieweb.social/tags/pwa\">#<span>pwa</span></a></p>",
"text": "Sharing a little project I've been working on lately \u2014 a score-based habit tracker.\n\nThe idea is simple: create a set of habits (or actions) that you can do in a day and assign them a score, positive or negative. The goal is to have more days with good scores, meaning you will try to do more good things for yourself and fewer bad things.\n\nPWA iOS, data stored only locally, no sync, but has export and import\n\nhttps://znovu.app?pwa\n\nCurious to know what you think?\n\n#buildinpublic #indieweb #pwa"
},
"published": "2025-04-24T15:28:32+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/114/393/645/928/007/011/original/549bbb431e931a46.png"
],
"post-type": "photo",
"_id": "44613202",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://indieweb.social/tags/indieweb",
"photo": null
},
"url": "https://indieweb.social/@thesmallweb/114393119563682674",
"content": {
"html": "<p>\ud83d\udc9a Thread Thursday #7 \ud83d\udc9a </p><p>What's one small detail on your site that makes you proud? Did you add it intentionally, or was it a happy accident? Let us know! \ud83d\udc47</p><p><a href=\"https://smallweb.thecozy.cat/blog/%F0%9F%92%9A-thread-thursday-7-%F0%9F%92%9A/\"><span>https://</span><span>smallweb.thecozy.cat/blog/%f0%</span><span>9f%92%9a-thread-thursday-7-%f0%9f%92%9a/</span></a></p><p><span class=\"h-card\"><a class=\"u-url\" href=\"https://a.gup.pe/u/indieweb\">@<span>indieweb</span></a></span> <span class=\"h-card\"><a class=\"u-url\" href=\"https://a.gup.pe/u/smallweb\">@<span>smallweb</span></a></span> <span class=\"h-card\"><a class=\"u-url\" href=\"https://a.gup.pe/u/neocities\">@<span>neocities</span></a></span> #<a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> #<a href=\"https://indieweb.social/tags/neocities\">#<span>neocities</span></a> #<a href=\"https://indieweb.social/tags/nostalgia\">#<span>nostalgia</span></a> #<a href=\"https://indieweb.social/tags/oldweb\">#<span>oldweb</span></a> #<a href=\"https://indieweb.social/tags/smallweb\">#<span>smallweb</span></a> #<a href=\"https://indieweb.social/tags/webdesign\">#<span>webdesign</span></a> #<a href=\"https://indieweb.social/tags/webdev\">#<span>webdev</span></a> #<a href=\"https://indieweb.social/tags/webrevival\">#<span>webrevival</span></a> <a href=\"https://indieweb.social/tags/Nekoweb\">#<span>Nekoweb</span></a></p>\n<a class=\"u-mention\" href=\"https://a.gup.pe/u/indieweb\"></a>\n<a class=\"u-mention\" href=\"https://a.gup.pe/u/neocities\"></a>\n<a class=\"u-mention\" href=\"https://a.gup.pe/u/smallweb\"></a>",
"text": "\ud83d\udc9a Thread Thursday #7 \ud83d\udc9a \n\nWhat's one small detail on your site that makes you proud? Did you add it intentionally, or was it a happy accident? Let us know! \ud83d\udc47\n\nhttps://smallweb.thecozy.cat/blog/%f0%9f%92%9a-thread-thursday-7-%f0%9f%92%9a/\n\n@indieweb @smallweb @neocities ##indieweb ##neocities ##nostalgia ##oldweb ##smallweb ##webdesign ##webdev ##webrevival #Nekoweb"
},
"published": "2025-04-24T13:14:41+00:00",
"photo": [
"https://cdn.masto.host/indiewebsocial/media_attachments/files/114/393/119/474/686/352/original/bacb56e7576fe417.jpg"
],
"post-type": "photo",
"_id": "44611966",
"_source": "8007",
"_is_read": false
}
If the #IndieWeb can do this to a blogger, then I'm honestly glad I don't participate in it's bullshit. I know what this is about. Hint. It has to deal with #MicroBlog and Transphobia. https://archive.ph/o/1bo9O/https://notes.neatnik.net/2025/02/silenced
And this post has links that will guide you to figuring out what happened. https://craney.uk/posts/leaving-microblog-heart-view
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://caneandable.social/@WeirdWriter/114392903571090773",
"content": {
"html": "<p>If the <a href=\"https://caneandable.social/tags/IndieWeb\">#<span>IndieWeb</span></a> can do this to a blogger, then I'm honestly glad I don't participate in it's bullshit. I know what this is about. Hint. It has to deal with <a href=\"https://caneandable.social/tags/MicroBlog\">#<span>MicroBlog</span></a> and Transphobia. <a href=\"https://archive.ph/o/1bo9O/https://notes.neatnik.net/2025/02/silenced\"><span>https://</span><span>archive.ph/o/1bo9O/https://not</span><span>es.neatnik.net/2025/02/silenced</span></a></p><p>And this post has links that will guide you to figuring out what happened. <a href=\"https://craney.uk/posts/leaving-microblog-heart-view\"><span>https://</span><span>craney.uk/posts/leaving-microb</span><span>log-heart-view</span></a></p>",
"text": "If the #IndieWeb can do this to a blogger, then I'm honestly glad I don't participate in it's bullshit. I know what this is about. Hint. It has to deal with #MicroBlog and Transphobia. https://archive.ph/o/1bo9O/https://notes.neatnik.net/2025/02/silenced\n\nAnd this post has links that will guide you to figuring out what happened. https://craney.uk/posts/leaving-microblog-heart-view"
},
"published": "2025-04-24T12:19:45+00:00",
"post-type": "note",
"_id": "44611423",
"_source": "8007",
"_is_read": false
}
Soupault 5.0.0, a static site generator based on HTML element tree rewriting, is now available: https://soupault.app/blog/soupault-5.0.0-release/
This release includes:
1. A built-in Markdown processor based on Cmarkit (in addition to configurable external convertors, not as a replacement for them).
2. A new built-in widget that feeds attributes and content of an HTML element to a template and replaces the element with that template's output (a simpler way to make "shortcodes" than writing Lua plugins).
3. Site index available to all pages by default, so things like a site-wide navigation sidebar are simpler and faster now.
4. A few smaller improvements and new plugin functions.
It also removes or reworks some obscure options, so existing configs may need small adjustments (hence the major version bump, read the post carefully!).
#webdev #html #indieweb #smallweb #foss #ocaml
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://functional.cafe/@dmbaturin/114392702116987293",
"content": {
"html": "<p>Soupault 5.0.0, a static site generator based on HTML element tree rewriting, is now available: <a href=\"https://soupault.app/blog/soupault-5.0.0-release/\"><span>https://</span><span>soupault.app/blog/soupault-5.0</span><span>.0-release/</span></a><br />This release includes:<br />1. A built-in Markdown processor based on Cmarkit (in addition to configurable external convertors, not as a replacement for them).<br />2. A new built-in widget that feeds attributes and content of an HTML element to a template and replaces the element with that template's output (a simpler way to make \"shortcodes\" than writing Lua plugins).<br />3. Site index available to all pages by default, so things like a site-wide navigation sidebar are simpler and faster now.<br />4. A few smaller improvements and new plugin functions.</p><p>It also removes or reworks some obscure options, so existing configs may need small adjustments (hence the major version bump, read the post carefully!).</p><p><a href=\"https://functional.cafe/tags/webdev\">#<span>webdev</span></a> <a href=\"https://functional.cafe/tags/html\">#<span>html</span></a> <a href=\"https://functional.cafe/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://functional.cafe/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://functional.cafe/tags/foss\">#<span>foss</span></a> <a href=\"https://functional.cafe/tags/ocaml\">#<span>ocaml</span></a></p>",
"text": "Soupault 5.0.0, a static site generator based on HTML element tree rewriting, is now available: https://soupault.app/blog/soupault-5.0.0-release/\nThis release includes:\n1. A built-in Markdown processor based on Cmarkit (in addition to configurable external convertors, not as a replacement for them).\n2. A new built-in widget that feeds attributes and content of an HTML element to a template and replaces the element with that template's output (a simpler way to make \"shortcodes\" than writing Lua plugins).\n3. Site index available to all pages by default, so things like a site-wide navigation sidebar are simpler and faster now.\n4. A few smaller improvements and new plugin functions.\n\nIt also removes or reworks some obscure options, so existing configs may need small adjustments (hence the major version bump, read the post carefully!).\n\n#webdev #html #indieweb #smallweb #foss #ocaml"
},
"published": "2025-04-24T11:28:31+00:00",
"post-type": "note",
"_id": "44611156",
"_source": "8007",
"_is_read": false
}
the 32-bit cafe's second event of 2025 is kicking off in a couple of days! we're creating free templates and themes to share with new website owners in a tea party.
https://32bit.cafe/spring25/
join us if you like to code and/or design!~ we'll be making a directory of layouts and templates to share on the world wide web. :)
#indie #indieweb #smallweb #32bitcafe #webdev #webdesign #themes #website #html #css #code #coding #codingisart #oldweb #personalweb #blog #blogging #blogger #blogs #web #internet #FreeTemplateTeaParty
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://tilde.zone/@xandra/114391771580753436",
"content": {
"html": "<p>the 32-bit cafe's second event of 2025 is kicking off in a couple of days! we're creating free templates and themes to share with new website owners in a tea party.</p><p><a href=\"https://32bit.cafe/spring25/\"><span>https://</span><span>32bit.cafe/spring25/</span><span></span></a></p><p>join us if you like to code and/or design!~ we'll be making a directory of layouts and templates to share on the world wide web. :)</p><p><a href=\"https://tilde.zone/tags/indie\">#<span>indie</span></a> <a href=\"https://tilde.zone/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://tilde.zone/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://tilde.zone/tags/32bitcafe\">#<span>32bitcafe</span></a> <a href=\"https://tilde.zone/tags/webdev\">#<span>webdev</span></a> <a href=\"https://tilde.zone/tags/webdesign\">#<span>webdesign</span></a> <a href=\"https://tilde.zone/tags/themes\">#<span>themes</span></a> <a href=\"https://tilde.zone/tags/website\">#<span>website</span></a> <a href=\"https://tilde.zone/tags/html\">#<span>html</span></a> <a href=\"https://tilde.zone/tags/css\">#<span>css</span></a> <a href=\"https://tilde.zone/tags/code\">#<span>code</span></a> <a href=\"https://tilde.zone/tags/coding\">#<span>coding</span></a> <a href=\"https://tilde.zone/tags/codingisart\">#<span>codingisart</span></a> <a href=\"https://tilde.zone/tags/oldweb\">#<span>oldweb</span></a> <a href=\"https://tilde.zone/tags/personalweb\">#<span>personalweb</span></a> <a href=\"https://tilde.zone/tags/blog\">#<span>blog</span></a> <a href=\"https://tilde.zone/tags/blogging\">#<span>blogging</span></a> <a href=\"https://tilde.zone/tags/blogger\">#<span>blogger</span></a> <a href=\"https://tilde.zone/tags/blogs\">#<span>blogs</span></a> <a href=\"https://tilde.zone/tags/web\">#<span>web</span></a> <a href=\"https://tilde.zone/tags/internet\">#<span>internet</span></a> <a href=\"https://tilde.zone/tags/FreeTemplateTeaParty\">#<span>FreeTemplateTeaParty</span></a></p>",
"text": "the 32-bit cafe's second event of 2025 is kicking off in a couple of days! we're creating free templates and themes to share with new website owners in a tea party.\n\nhttps://32bit.cafe/spring25/\n\njoin us if you like to code and/or design!~ we'll be making a directory of layouts and templates to share on the world wide web. :)\n\n#indie #indieweb #smallweb #32bitcafe #webdev #webdesign #themes #website #html #css #code #coding #codingisart #oldweb #personalweb #blog #blogging #blogger #blogs #web #internet #FreeTemplateTeaParty"
},
"published": "2025-04-24T07:31:53+00:00",
"post-type": "note",
"_id": "44609491",
"_source": "8007",
"_is_read": false
}
Great video! The IndieWeb community is a fun, supportive space to explore bringing back personal websites. I recommend checking out their virtual Homebrew Website Club meetups and the wiki, indieweb dot org. :)
{
"type": "entry",
"published": "2025-04-23 15:31-0700",
"url": "https://gregorlove.com/2025/04/great-video/",
"category": [
"indieweb"
],
"in-reply-to": [
"https://www.youtube.com/watch?v=oYlcUbLAFmw"
],
"content": {
"text": "Great video! The IndieWeb community is a fun, supportive space to explore bringing back personal websites. I recommend checking out their virtual Homebrew Website Club meetups and the wiki, indieweb dot org. :)",
"html": "<p>Great video! The IndieWeb community is a fun, supportive space to explore bringing back personal websites. I recommend checking out their virtual Homebrew Website Club meetups and the wiki, indieweb dot org. :)</p>"
},
"author": {
"type": "card",
"name": "gRegor Morrill",
"url": "https://gregorlove.com/",
"photo": "https://gregorlove.com/site/assets/files/6268/profile-2021-square.300x0.jpg"
},
"post-type": "reply",
"_id": "44608083",
"_source": "95",
"_is_read": false
}