donphan.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This generalist Mastodon server welcomes enthusiasts of the Pokémon franchise, to talk about it or anything else. Join the federation!

Server stats:

129
active users

#SmallWeb

5 posts5 participants1 post today
vga256<p>just found a treasure trove of extremely obscure BBS history stashed away on IA</p><p>thank you hard-working book scanners for preserving this rarity. </p><p>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</p><p>this book accounts for the very small number of BBSes that made the transition from telco-only to "telBBS" or telnettable/web-accessible boards</p><p>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.</p><p><a href="https://archive.org/details/internetbbss00rich" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">archive.org/details/internetbb</span><span class="invisible">ss00rich</span></a></p><p><a href="https://dialup.cafe/tags/bbs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bbs</span></a> <a href="https://dialup.cafe/tags/webHistory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webHistory</span></a> <a href="https://dialup.cafe/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a> <a href="https://dialup.cafe/tags/books" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>books</span></a></p>
Aral Balkan<p>New Kitten release</p><p>• Now leaves &lt;style&gt; tags within &lt;template&gt; tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.</p><p>(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…) :)</p><p>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.</p><p>Enjoy!</p><p>:kitten:💕</p><p>¹ <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/streaming-html/</span></a><br>² <a href="https://kitten.small-web.org/tutorials/components-and-fragments/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/components-and-fragments/</span></a></p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.ar.al/tags/CSSScoping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSScoping</span></a> <a href="https://mastodon.ar.al/tags/ShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ShadowDOM</span></a> <a href="https://mastodon.ar.al/tags/shadowRoot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shadowRoot</span></a> <a href="https://mastodon.ar.al/tags/DOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DOM</span></a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.ar.al/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.ar.al/tags/style" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>style</span></a> <a href="https://mastodon.ar.al/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.ar.al/tags/declarativeShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>declarativeShadowDOM</span></a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a></p>
The Small Web<p><a href="https://indieweb.social/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a></p><p>Hello! My name's Aevisia &amp; I'm working hard on a marketing campaign to help bring the <a href="https://indieweb.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a> / <a href="https://indieweb.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> movement to mainstream. </p><p>This is a movement I've been part of for a little over two years now &amp; have become really passionate about it. I have a bit of education in <a href="https://indieweb.social/tags/socialmedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>socialmedia</span></a> <a href="https://indieweb.social/tags/marketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>marketing</span></a> &amp; <a href="https://indieweb.social/tags/business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>business</span></a> I really want to use to help benefit this movement.</p><p>I'll be sharing fun posts daily. Please consider sharing to help these posts reach more people. Thanks for your help! ♥</p>
Joel :void: :casio:<p>I miss the times when <a href="https://fosstodon.org/tags/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Google</span></a> seemed kinda cool. There are many things in the web today that seem cool, but how will they end up? </p><p>This is day 38 of <a href="https://fosstodon.org/tags/100DaysToOffload" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysToOffload</span></a></p><p><a href="https://joelchrono.xyz/blog/when-google-was-cool(ish)" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">joelchrono.xyz/blog/when-googl</span><span class="invisible">e-was-cool(ish)</span></a></p><p><a href="https://fosstodon.org/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://fosstodon.org/tags/Blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blogging</span></a> <a href="https://fosstodon.org/tags/Degoogle" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Degoogle</span></a> <a href="https://fosstodon.org/tags/Nostalgia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nostalgia</span></a></p>
ploum<p>The offpunk-users mailing-list has suddenly seen a dramatic increase in volume. People are really starting to use <a href="https://mamot.fr/tags/offpunk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>offpunk</span></a> and asking questions, trying to understand how it works.</p><p><a href="https://lists.sr.ht/~lioploum/offpunk-users" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lists.sr.ht/~lioploum/offpunk-</span><span class="invisible">users</span></a></p><p>I’m doing my best to answer and helping people getting started. There’s now a "tutorial" command (which is simply redirecting you to <a href="https://offpunk.net/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">offpunk.net/</span><span class="invisible"></span></a> )</p><p>People are also asking me about <a href="https://mamot.fr/tags/gemini" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gemini</span></a> </p><p>Welcome to the <a href="https://mamot.fr/tags/smolnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smolnet</span></a> <a href="https://mamot.fr/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mamot.fr/tags/smallinternet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallinternet</span></a> <a href="https://mamot.fr/tags/unix" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>unix</span></a> , welcome to the <a href="https://mamot.fr/tags/resistance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>resistance</span></a> …</p>
Aral Balkan<p>New Kitten release</p><p>• Socket routes now have precendence in the router.</p><p>This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.</p><p>e.g., Previously, the following route:</p><p>/videos/index_[slug].page.js</p><p>Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.</p><p>Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).</p><p>Learn more about Kitten’s Streaming HTML workflow here:<br><a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/streaming-html/</span></a></p><p>Enjoy!</p><p>:kitten:💕</p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StreamingHTML</span></a> <a href="https://mastodon.ar.al/tags/routing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>routing</span></a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.ar.al/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a></p>
vga256<p>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</p><p>telnettable bbs with menuing? gopherspace? gemini?</p><p><a href="https://dialup.cafe/tags/smallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallWeb</span></a> <a href="https://dialup.cafe/tags/smolWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smolWeb</span></a> <a href="https://dialup.cafe/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>php</span></a> <a href="https://dialup.cafe/tags/bbs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bbs</span></a> <a href="https://dialup.cafe/tags/gopher" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gopher</span></a> <a href="https://dialup.cafe/tags/gemini" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gemini</span></a></p>
Shannon Kay<p>I'm checking out free web hosting providers that can be used for fun and personal websites. </p><p>I wanted to know what to recommend to people who want to make their own website, so I decided to try things out for myself! </p><p>Testing Free Website Hosts<br><a href="https://web.pixelshannon.com/freehosts" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">web.pixelshannon.com/freehosts</span><span class="invisible"></span></a></p><p><a href="https://bookstodon.com/tags/WebHost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebHost</span></a> <a href="https://bookstodon.com/tags/PersonalSites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PersonalSites</span></a> <a href="https://bookstodon.com/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://bookstodon.com/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://bookstodon.com/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://bookstodon.com/tags/PersonalWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PersonalWebsite</span></a></p>
Kagi HQ<p>We are committed to surfacing content from the Small Web in our search results, which makes Kagi uniquely different to any other search engine out there. </p><p>It is not only part of our mission to humanize the web but we genuinely feel that this improves the quality of search results and discoverability of high quality, relevant content (created by humans!)</p><p><a href="https://mastodon.social/tags/Kagi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kagi</span></a> <a href="https://mastodon.social/tags/Search" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Search</span></a> <a href="https://mastodon.social/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a></p>
sb arms & legs<p>I've been writing a new personal site from scratch. It's been a while since I've done a site design entirely by hand, without any frameworks to lean on.</p><p>It's been a lot of fun, and I've been honing my html5 and css3 skills - trying to do everything the *right* way. Making use of some of the more esoteric CSS properties I'd never bothered with before (like margin-inline or padding-block) .</p><p>I've made all the graphics myself using <a href="https://metroholografix.ca/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svg</span></a> (thanks <a href="https://metroholografix.ca/tags/inkscape" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>inkscape</span></a>!).</p><p>I'm focusing on having a *microscopic* footprint, with minimum connections (one markup, one stylesheet). </p><p><a href="https://metroholografix.ca/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://metroholografix.ca/tags/indieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieWeb</span></a> <a href="https://metroholografix.ca/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a></p>
alexandra<p>this is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> fun: things like the <a href="https://tilde.zone/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a>, the fediverse, the <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a>, and efforts to actively fight <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>enshittification</span></a>. submissions are open until MARCH 15.</p><p>check the submission guidelines or sign up for email alerts to be notified when we publish in may!</p><p><a href="https://goodinternetmagazine.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">goodinternetmagazine.com</span><span class="invisible"></span></a></p><p>if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital <a href="https://tilde.zone/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>art</span></a> piece, if you're passionate about the <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a> and want to write about it! :) bloggers, it's your time to shine!~ </p><p>i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!</p><p>thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. ❤️ please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.</p><p>thank you! 🤟 </p><p>original post: <a href="https://tilde.zone/@xandra/113913277766098384" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tilde.zone/@xandra/11391327776</span><span class="invisible">6098384</span></a></p><p><a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writing</span></a> <a href="https://tilde.zone/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://tilde.zone/tags/personalweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalweb</span></a> <a href="https://tilde.zone/tags/personalwebsites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsites</span></a> <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://tilde.zone/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://tilde.zone/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://tilde.zone/tags/magazine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>magazine</span></a> <a href="https://tilde.zone/tags/publishing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>publishing</span></a> <a href="https://tilde.zone/tags/codingisart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codingisart</span></a> <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indie</span></a> <a href="https://tilde.zone/tags/writers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writers</span></a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fediverse</span></a> <a href="https://tilde.zone/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://tilde.zone/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalart</span></a> <a href="https://tilde.zone/tags/artist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artist</span></a></p>
vga256<p>i can't believe it - went to bed last night with zero articles written on the new <a href="https://globaltalk.network" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">globaltalk.network</span><span class="invisible"></span></a> kiki, and woke up this morning with 5 new articles!! you folks work fast 🙏 </p><p>incredible to see it just --- working! my vile php demonolatry apparently worked</p><p><a href="https://dialup.cafe/tags/marchintosh" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>marchintosh</span></a> <a href="https://dialup.cafe/tags/vintageApple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vintageApple</span></a> <a href="https://dialup.cafe/tags/globaltalk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>globaltalk</span></a> <a href="https://dialup.cafe/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a></p>
Elena. (she/ her)<p><span>What I absolutely adore about the indie/ personal/ small web: Everybody's approach is very different. There are super modern looking websites and there are the ones who seem to come straight out of the 1990's/ early 2000's. There are ones that are specially made to work on the oldest computers. There are ones with and ones without Java Script. Ones made by pro web devs and ones made my people who are just starting to learn the basics. There are people who've been there from the beginning and those who are very new. And everything in between. People of all ages, backgrounds, and walks of life.<br>In visiting personal websites you are seeing and experiencing the diversity of the world. And it's glorious!<br><br></span><a href="https://ibe.social/tags/indieWeb" rel="nofollow noopener noreferrer" target="_blank">#indieWeb</a> <a href="https://ibe.social/tags/personalWeb" rel="nofollow noopener noreferrer" target="_blank">#personalWeb</a> <a href="https://ibe.social/tags/personalWebsite" rel="nofollow noopener noreferrer" target="_blank">#personalWebsite</a> <a href="https://ibe.social/tags/smallWeb" rel="nofollow noopener noreferrer" target="_blank">#smallWeb</a></p>
Phillip :usa_distress:<p>New instance, so time for a re <a href="https://social.lol/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a> post!</p><p>Hi all, I'm Phillip! 👋 I just moved from infosec.exchange (I still love you Jerry 🫶) I'm a 20-something guy living with my gf somewhere in the U.S. unfortunately. </p><p>Professionally, I am a solo <a href="https://social.lol/tags/it" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>it</span></a> admin/automation engineer at a smaller company.</p><p>Unprofessionally, I am into <a href="https://social.lol/tags/discgolf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>discgolf</span></a>, <a href="https://social.lol/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>music</span></a>, <a href="https://social.lol/tags/reading" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>reading</span></a>, <a href="https://social.lol/tags/houseplants" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>houseplants</span></a>, <a href="https://social.lol/tags/homelab" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>homelab</span></a>, <a href="https://social.lol/tags/gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gaming</span></a>, <a href="https://social.lol/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a>, and more. Check out my omg.lol page in my bio if you'd like. Feel free to say hi!</p>
Aral Balkan<p>New Kitten release</p><p>• Fixes edge case where the sign in page, if left open for longer than the length of a session, would throw an error on sign-in attempt (because the challenge for the public-key authentication Kitten apps use would have expired alongside).</p><p><a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kitten.small-web.org</span><span class="invisible"></span></a></p><p>:kitten:💕</p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/publicKeyAuthentication" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>publicKeyAuthentication</span></a> <a href="https://mastodon.ar.al/tags/sessions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sessions</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Alberto Venturini<p>The problem of closed walls on the Internet isn't due to big tech being "greedy", of course. Big Tech is just responding to the economical system in which it operates: namely, capitalism.</p><p>Under capitalism, you need to grow or else you'll succumb, and you need to keep generating profits for your shareholders. It follows almost logically that you will trick your users into giving you free data, you will treat them with contempt, and you will eventually dehumanise them. Pointing fingers at, e.g., Meta (and suggesting Signal as an alternative) doesn't solve the real issue.</p><p>It's similar to how criticising BP for making a u-turn on their green ambitions doesn't address the real issue: <a href="https://www.theguardian.com/commentisfree/2025/mar/03/bp-green-ambitions-climate-emergency-capitalism" rel="nofollow noopener noreferrer" target="_blank">https://www.theguardian.com/commentisfree/2025/mar/03/bp-green-ambitions-climate-emergency-capitalism</a></p><p><a href="https://gts.albertoventurini.com/tags/capitalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>capitalism</span></a> <a href="https://gts.albertoventurini.com/tags/openweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>openweb</span></a> <a href="https://gts.albertoventurini.com/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a> <a href="https://gts.albertoventurini.com/tags/climatecrisis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>climatecrisis</span></a> <a href="https://gts.albertoventurini.com/tags/bigtech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bigtech</span></a></p>
Aral Balkan<p>While working on porting the Small Technology Foundation web site¹ to Kitten², I took the opportunity to pull out base Model and Collection classes that I’ll likely end up including in Kitten proper:</p><p>• Model: <a href="https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/Model.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/kitten/app_modules/database/Model.js</span></a><br>• Collection: <a href="https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/Collection.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/kitten/app_modules/database/Collection.js</span></a></p><p>To see them in use, here’s the base Posts class (with RSS generation) that extends Collection:<br><a href="https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/Posts.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/kitten/app_modules/database/Posts.js</span></a> </p><p>And here’s the concrete EventPosts collection class that extends Posts:<br><a href="https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/EventPosts.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/kitten/app_modules/database/EventPosts.js</span></a></p><p>And the EventPost (showing an implementation of a calculated property):<br><a href="https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/EventPost.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/kitten/app_modules/database/EventPost.js</span></a></p><p>So all this is possible (persisting and reading back typed model collections, etc.) thanks to JSDB¹ (JavaScript database), a zero-dependency, transparent, in-memory, streaming write-on-update JavaScript database I wrote for the Small Web that persists to a JavaScript transaction log and is included as as first-class citizen in Kitten.</p><p><a href="https://codeberg.org/small-tech/jsdb" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codeberg.org/small-tech/jsdb</span><span class="invisible"></span></a></p><p>And if you want to know how the magic mapping of classes happens, see the Database App Module:</p><p><a href="https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/database.js#L34" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/site/s</span><span class="invisible">rc/branch/kitten/app_modules/database/database.js#L34</span></a></p><p>PS. For a much gentler introduction to persistence in Kitten, see the Kitten Persistence tutorial:<br><a href="https://kitten.small-web.org/tutorials/persistence/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/persistence/</span></a></p><p>Enjoy! :kitten:💕</p><p>¹ <a href="https://small-tech.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">small-tech.org</span><span class="invisible"></span></a><br>² <a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kitten.small-web.org</span><span class="invisible"></span></a></p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.ar.al/tags/database" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>database</span></a> <a href="https://mastodon.ar.al/tags/JSDB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JSDB</span></a> <a href="https://mastodon.ar.al/tags/typeSafety" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typeSafety</span></a> <a href="https://mastodon.ar.al/tags/JSDoc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JSDoc</span></a> <a href="https://mastodon.ar.al/tags/closureCompiler" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>closureCompiler</span></a> <a href="https://mastodon.ar.al/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.ar.al/tags/workInProgress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>workInProgress</span></a></p>
the furry computer club<p>And we are ONLINE in the Fediverse, thank you <span class="h-card" translate="no"><a href="https://digipres.club/@misty" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>misty</span></a></span> for the cosy home at <a href="https://digipres.club" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">digipres.club</span><span class="invisible"></span></a>!</p><p>Please check out our website at <a href="https://furrycomputer.club" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">furrycomputer.club</span><span class="invisible"></span></a> to get an understanding of who we are, what we aim to do and our conduct as a hackerspace.</p><p>Currently our IRL events are in Naarm (Melbourne, Australia), with a plan for a global discord to share projects. Let us know your ideas of how we can made this fun for you!</p><p><a href="https://digipres.club/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a> <a href="https://digipres.club/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fediverse</span></a></p>
Aral Balkan<p>New Kitten Release</p><p>• Automatic message routing: if the element that triggers an event on the client does not have a `name` attribute, Kitten now falls back to using its `id` instead to route the event to the correct server-side event handler on your live Kitten pages. </p><p>If neither attribute exists, Kitten will fail to route the message but no longer crash as it was due to a regression introduced when I implemented support for colons in element names.¹</p><p><a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kitten.small-web.org</span><span class="invisible"></span></a></p><p>For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:</p><p><a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/streaming-html/</span></a></p><p>Enjoy!</p><p>:kitten:💕</p><p>¹ A colon in an element name is ignored for message routing purposes, letting you, for example, give unique names to &lt;details&gt; elements, allowing more than one to be open at a time, while having their events be handled by the same handler.</p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hypermedia</span></a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htmx</span></a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebSocket</span></a> <a href="https://mastodon.ar.al/tags/beautifulDefaults" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>beautifulDefaults</span></a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StreamingHTML</span></a></p>
dem<p>I just came across this project from <a href="https://social.vivaldi.net/tags/kagi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>kagi</span></a>; the Kagi Small Web: <a href="https://kagi.com/smallweb/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kagi.com/smallweb/</span><span class="invisible"></span></a>.<br><a href="https://social.vivaldi.net/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a></p>