Announcing the end of Offpunk and the release of XKCDpunk 1.0
https://ploum.net/2025-04-01-xkcdpunk.html
New website : https://xkcdpunk.net
ploum.netGoodbye Offpunk, Welcome XKCDpunk!
More from 
ploum
Recent searches
Search options
#SmallWeb
10 posts9 participants1 post today
"Just make something, even if it’s laughably bad. Make it yours."
Great piece by @j
JanerationXIn the Beginning.. - JanerationX
More from 
J 
New Kitten update
• 
Kitten HTML templates and kitten.Component render functions can now be async.
This is quite a big one and it took me finally biting the bullet and getting my head around generators in JavaScript to implement properly.
So now you can mix synchronous and asynchronous components as you like and if there are any asynchronous components in your templates they will automatically be awaited (even if you forget to use await) ;)
I’ll write a proper post/tutorial/documentation for it soon but for the time being enjoy the screenshots where a layout template gets the latest three posts from my mock fediverse public timeline service and displays them on the page.
The kitten.Component version also has a refresh button that streams a different three to the page.
For those of you unfamiliar with Kitten, this is all the code in either example. No scaffolding, nothing. Pop either into a file called index.page.js and run kitten in that folder and visit https://localhost to see the example run.
Enjoy!
![const BasicLayoutTemplate = async ({ title, SLOT }) => {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(0, 3)
return kitten.html`
<main>
<page css>
<h1>${title}</h1>
${SLOT}
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</main>
`
}
export default async () => await kitten.html`
<${BasicLayoutTemplate} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`](https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/114/258/812/670/834/838/original/228733ad125b57f4.png "const BasicLayoutTemplate = async ({ title, SLOT }) => {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(0, 3)
return kitten.html`
<main>
<page css>
<h1>${title}</h1>
${SLOT}
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</main>
`
}
export default async () => await kitten.html`
<${BasicLayoutTemplate} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`")
![class BasicLayoutTemplate extends kitten.Component {
async html ({title, SLOT}) {
return kitten.html`
<main id='page' morph>
<page css>
<h1>${title}</h1>
${SLOT}
<${FediversePosts.connectedTo(this)} />
</main>
`
}
}
class FediversePosts extends kitten.Component {
async html () {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(Math.floor(Math.random()*6), 3)
return kitten.html`
<div id='posts' morph>
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<button name='refresh' connect>Refresh</button>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</div>
`
}
onRefresh () { this.update() }
}
export default class MyPage extends kitten.Page {
async html () {
return kitten.html`
<${BasicLayoutTemplate.connectedTo(this)} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`
}
}](https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/114/258/813/076/463/648/original/22f714259e01b4f8.png "class BasicLayoutTemplate extends kitten.Component {
async html ({title, SLOT}) {
return kitten.html`
<main id='page' morph>
<page css>
<h1>${title}</h1>
${SLOT}
<${FediversePosts.connectedTo(this)} />
</main>
`
}
}
class FediversePosts extends kitten.Component {
async html () {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(Math.floor(Math.random()*6), 3)
return kitten.html`
<div id='posts' morph>
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<button name='refresh' connect>Refresh</button>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</div>
`
}
onRefresh () { this.update() }
}
export default class MyPage extends kitten.Page {
async html () {
return kitten.html`
<${BasicLayoutTemplate.connectedTo(this)} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`
}
}")
Un site collaboratif de photos de chats dans des gares
https://bahnhofskatzen.de.cool
via @robyngeorgiab@tiktok.com (TikTok est sur ActivityPub oui ?)
bahnhofskatzen.de.coolBahnhofskatzenDiese Karte zeigt Fotos von Bahnhoskatzen.
And it's here. The post we've all been waiting for. My god, it even has movies!
https://michal.sapka.pl/2025/msite/
"My new Emacs (and Ruby) based Static Site Generator"
michal.sapka.plMy new Emacs (and Ruby) based Static Site GeneratorWhat a beautiful site, you might say. I'm sure it runs Hugo, you might add. WRONG! This site is built using a custom, state of
Cool, got my first #geminiprotocol site online! Just syntax tests but:
gemini://gemini.jakesmolka.com
Typing it like that looks super redundant though 
Flashback Friday #3 – Geocities & Angelfire
Before social media took over, Geocities and Angelfire were where the internet’s real creativity happened. These free web hosting platforms let people build anything they wanted—from personal diaries to deep-dive fan shrines to completely bizarre conspiracy hubs.
%url%
@indieweb @smallweb @neocities ##angelfire ##geocities ##indieweb ##nostalgia ##oldweb ##smallweb ##webdesign ##webdev ##webrevival
https://smallweb.thecozy.cat/blog/%f0%9f%92%99-flashback-friday-3-%f0%9f%92%99-geocities-angelfire/
Fun find: https://marginalia-search.com/
it's a search engine designed to find niche things rather than what's most popular
* has filters for blogs, forums, smallweb, and it doesnt hide stuff just for being old
* really good for finding community made stuff and hobbyist stuff
* prioritises non commercial content
It's really a different use case entirely to things like google, but has so much more interesting content not just generic seo made articles
#SmallWeb #RetroWeb #AntiCorporate #AntiCapitalist
Marginalia SearchMarginalia Search Engine - Marginalia SearchMarginalia Search is a small independent do-it-yourself search engine for surprising but content-rich websites that never ask you to accept cookies or subscribe to newsletters. The goal is to bring you the sort of grass fed, free range HTML your grandma used to write.
Let’s Encrypt at risk from Trump cuts to OTF: “Let’s Encrypt received around $800,000 in funding from the OTF”
Dear @EUCommission, get your heads out of your arses and let’s find @letsencrypt €1M/year (a rounding error in EU finances) and have them move to the EU.
If Let’s Encrypt is fucked, the web is fucked, and the Small Web is fucked too. So how about we don’t let that happen, yeah?
(In the meanwhile, if the Let’s Encrypt folks want to make a point about how essential they are, it might be an idea to refuse certificates to republican politicians. See how they like their donation systems breaking in real time…)
CC @nlnet @NGIZero@mastodon.xyz
#USA #fascism #OpenTechFund #LetsEncrypt #SSL #TLS #encryption #EU #web #tech #SmallWeb #SmallTech https://mastodon.social/@publictorsten/114223873439053263
Mastodonpublictorsten (@publictorsten@mastodon.social)Wenn Let’s Encrypt plötzlich nicht mehr klappt, wird das halbe Internet aus Zertifikatsfehlern bestehen. https://www.heise.de/news/Nach-Trump-Dekret-Kampf-um-US-Foerdermittel-fuer-Tor-F-Droid-und-Let-s-Encrypt-10328226.html
(he/him) How to make big silly theatre props out of cardboard! A 3-part summary of everything I have learned about cheap and environmentally sustainable prop-making, from participating in Club Wormhole - an alt comedy cabaret in Nottingham
https://improvlaurie.co.uk/blg-whprops1/
#craft #upcycling #recycling #arts #handmade #DIY #eco #comedy #theatre #props #costume #blog #handmadeweb #smallweb
improvlaurie.co.ukWormhole Props Part 1 - How to make a big silly prop, start here • Laurie Owen's NotesTheatre portfolio and personal journal for Laurie Owen. From here you can see my current productions, and read my writing.
just found a treasure trove of extremely obscure BBS history stashed away on IA
thank you hard-working book scanners for preserving this rarity.
if you're familiar with BBSing in the 90s, you'll remember just how fast the vast majority of boards disappeared in 1995. it went from multinode 24/7 bbses to disconnected phone numbers in just a few months
this book accounts for the very small number of BBSes that made the transition from telco-only to "telBBS" or telnettable/web-accessible boards
3/4 of the book is a carefully curated list of 500 boards with screenshots of their homepages and bbs login/title screens. most importantly, the URLs of these boards is preserved so we have a chance to look them up on WBM some day.
I stopped writing alt-text to most images here https://crys.site/blog/2025/no-alt-text/
crys.siteI stopped writing alt-text to most images here
More from 
mms 
+ 
+ 
im looking for a #blog system for my personal website. preferably php that is very basic and doesnt use lot of javascript or external libraries, im trying to keep it as lightweight as possible, trying to avoid external bloated libraries that arenet needed. Ideally I should just write something but I dont feel the need to reinvent the wheel. Plus theres the time factor. I've seen a couple but just wanted other peopels recommendations to try as well.
#SmallWeb #webdev #php
New Kitten release
• Now leaves <style> tags within <template> tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.
(Kitten’s Streaming HTML workflow¹ – which uses htmx and WebSockets under the hood – combined with built-in support for slots, etc., in Kitten components² means the use of declarative shadow DOM is mostly useful if you want scoped styles. Ideally, of course, use classes to scope styles to your components and be specific in your CSS selectors in general so as not to pollute elements in your components. Although that’s a bit like saying you should floss everyday. Yeah, we all know we should…) :)
Update: All that said, I’d highly recommend you don’t use Shadow DOM in your Kitten apps. For one thing, htmx’s WebSocket extension doesn’t seem to play well with it. And for another, you really don’t need it and definitely not just to get scoped CSS.
Enjoy!
¹ https://kitten.small-web.org/tutorials/streaming-html/
² https://kitten.small-web.org/tutorials/components-and-fragments/
Feedle is not only a nicely done index of RSS feeds. Every search query is its own RSS feed! This is so cool!
feedlefeedle - Top stories from across the blogosphereChanging the news narrative: stories of progress and hope.
Hello! My name's Aevisia & I'm working hard on a marketing campaign to help bring the #smallweb / #indieweb movement to mainstream.
This is a movement I've been part of for a little over two years now & have become really passionate about it. I have a bit of education in #socialmedia #marketing & #business I really want to use to help benefit this movement.
I'll be sharing fun posts daily. Please consider sharing to help these posts reach more people. Thanks for your help! 
#Esittely Nyt kun Mastodon alkaa tuntua kotoisalta on varmaan hyvä esitellä itseni.
Olen ylläpitänyt kotisivuja ja lukuisia blogeja 2000-luvun taitteesta. Oli mulla silloin joskus ihan kuunneltu podcastikin. Blogeja olen kirjoittanut töiksenikin, samoin some-alustoja, some-markkinoinnistakin olen vastannut kolmessa työpaikassa. Jaiku oli minulle se ensimmäinen ja rakkain. Facebookista lähdin ensimmäisen kerran, kun muut tulivat. Oli ikävä nähdä itse-tehdyn netin ja blogistanin kuolema. Nyt siis Mastodonissa. Ja kotisivukin löytyy taas, ja kaksi aktiivista #blogi a.
Se netistä. Teen tällä hetkellä työharjoittelua uudelle alalle ja käyn töissä henkilökohtaisena avustajana. Yllättävän antoisaa molemmat. Roudauskeikkojakin runttaan menemään jos tarjotaan. Työluvat saan toivottavasti kesäkuussa. Ai että jos pääsisi taas aikuisten palkoille pitkän kuivuuden jälkeen.
Palkoilla ostaisin lautaa mökkisaunan pintaremppaan ja taimia #metsäpuutarha an, ja nupillisen auton jolla kuskata olkea ja paskaa kasvimaalle. Maakellarikin pitäisi, ja porauttaa uusi kaivo. #puutarhanhoito ja #kasvimaa ovat lähellä sydäntä, ja metsät. Kouluttauduin joskus #metsäekologia maisteriksi työskennellen vuosia ympäristöjärjestössä #metsiensuojelu tehtävissä, ja #permakulttuuri diplomikin löytyy Richard Perkinsin allekirjoituksella. Olen epäaktiivisena tuottajajäsenenä Oma maa luomuosuuskunnassa. Semihippi siis, tai ehkä liian anarkisti skeneilyyn. Toivottavasti en, sillä tavoitteenani on olla ei mitään, saavuttaa Ei-mitään ja kadota. Ja tavoite on este sille.
#Bonsai t ovat uusi innostuksen ja uudenoppimisen lähteeni. Samoin #smallweb eli #smolweb. Tee-se-ite eikö vain.
Muuten tykkään lukea ja kirjoittaa, eli #kirjamastodon ja #Kirjoittaja kai sitten. Sain juuri lähetettyä ensimmäisen romaanini kustantamoille.
Kaksi semiaikuista muksuakin löytyy.
Kaikki mitä teen on osa henkistä harjoitustani. Käännyin muslimiksi reilu kaksi vuotta sitten, kun löysin itseni #Kadiri suufiveljeskunnan kokoontumisesta Keravalta. Tunsin suufirunoilijoiden runot pitkään lähimmiksi ja kauneimmiksi tavoiksi kuvailla sitä kaiken syleilevää hiljaisuutta ja armoa, mikä todellisuus itsen tarinoiden takana on. Olen valtavan kiitollinen, että saan seurata 1400 vuotta vanhan mestariketjun opetuksia kohti Ykseyttä ja, inshallaah, lopulta hukkua siihen, jos Hän suo. Kuolla ennen kuolemaa Häneen. Siksi ehdottomasti #islam #suufilaisuus ja #tasawwuf. Alhamdulillaah 
Kotisivulta löytyy linkit blogiin, pixelfediin ja blueskyhyn. Roikkuu instalinkkikin siellä vielä. https://sampsa.fun/
Kiva olla täällä 
Replied in thread
Similarly, Gemini protocol sites: https://opensource.com/article/20/10/gemini-internet-protocol
Otherwise the #SmallWeb in general: https://benhoyt.com/writings/the-small-web-is-beautiful/
Opensource.comSimplify your web experience with this internet protocol alternativeIf you've been on the internet for a very long time or you're just very resourceful, you might remember an early text-sharing protocol called
New Kitten release
• Socket routes now have precendence in the router.
This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.
e.g., Previously, the following route:
/videos/index_[slug].page.js
Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.
Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).
Learn more about Kitten’s Streaming HTML workflow here:
https://kitten.small-web.org/tutorials/streaming-html/
Enjoy!
now that kiki - my super lo-fi wiki/blog/website software - is running pretty darn smoothly, i'd like to think about adding support for weird protocols
telnettable bbs with menuing? gopherspace? gemini?
