shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

270
active users

#smalltech

3 posts2 participants2 posts today
Aral Balkan<p>So a few hours ago, I quietly switched the Small Technology Foundation web site over from the Hugo-based static site running on Site.js to the new dynamic version I built using 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></p><p>What I initially thought would be a weekend project turned into three months :) (During which, Kitten improved a huge amount thanks to issues that surfaced while porting the site and implementing a custom CMS for it.)</p><p>I’ve tried not to break any links and my focus was on porting existing content first. If you notice any glaring issues please ping me. In the coming days I’ll be updating stuff (with my lovely new admin panel) and writing more about the porting process.</p><p>Also, with this, our last site using Site.js has been ported to Kitten so I’ll be archiving Site.js this week.</p><p>:kitten:💕</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><a href="https://mastodon.ar.al/tags/SmallTedhnologyFoundation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTedhnologyFoundation</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/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a></p>
Aral Balkan<p>Just noticed an issue with Look Over There!¹ where some of the sites I was forwarding to archive.org began to fail.</p><p>I’ve now documented the proper way to redirect to archive.org in Look Over There! and I also wrote a brief post on the relevant Reddit to alert the folks at The Internet Archive about this and suggest an improvement that could benefit findability on sites with redirects in general:</p><p><a href="https://www.reddit.com/r/theinternetarchive/comments/1ksndno/sites_that_redirect_to_archived_versions_of/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">reddit.com/r/theinternetarchiv</span><span class="invisible">e/comments/1ksndno/sites_that_redirect_to_archived_versions_of/</span></a></p><p>¹ e.g., See our instance for Small Technology Foundation at <a href="https://look-over-there.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">look-over-there.small-web.org</span><span class="invisible"></span></a></p><p>CC <span class="h-card" translate="no"><a href="https://mastodon.archive.org/@textfiles" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>textfiles</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.archive.org/@brewsterkahle" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>brewsterkahle</span></a></span> </p><p><a href="https://mastodon.ar.al/tags/TheInternetArchive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TheInternetArchive</span></a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LookOverThere</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/archiving" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>archiving</span></a></p>
Aral Balkan<p>So in 2019 we were debating the motion “Entrepreneurs today do more harm than good” against the provost and one of the professors at Singapore Management University and we managed to flip an initial audience vote of 28% for / 72% against to 52% for / 48% against, thereby winning the debate.</p><p>The video of the event was locked in Facebook so, as part of my work on the new version of the Small Technology Foundation website, I just liberated it.</p><p>You can watch it at:<br><a href="https://vimeo.com/1086336391" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">vimeo.com/1086336391</span><span class="invisible"></span></a></p><p><a href="https://mastodon.ar.al/tags/BigTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BigTech</span></a> <a href="https://mastodon.ar.al/tags/SiliconValley" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SiliconValley</span></a> <a href="https://mastodon.ar.al/tags/surveillance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surveillance</span></a> <a href="https://mastodon.ar.al/tags/capitalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>capitalism</span></a> <a href="https://mastodon.ar.al/tags/PeopleFarming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PeopleFarming</span></a> <a href="https://mastodon.ar.al/tags/debate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>debate</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a></p>
Greg Laudeman<p><span class="h-card" translate="no"><a href="https://mastodon.social/@Daojoan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Daojoan</span></a></span> it's going to take a lot more than "radical transparency." Tech companies are totally disconnected from the values and concerns of regular folks and treats them as things to be exploited. It's going to take <a href="https://mastodon.social/tags/radicalhumility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>radicalhumility</span></a>. I don't think tech companies, especially the larger ones, have a clue or care to get one. We need <a href="https://mastodon.social/tags/smalltech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smalltech</span></a></p>
Aral Balkan<p>…And there are more interesting tid-bits in there too:</p><p>• See how I’m pushing Kitten’s Streaming HTML to its logical conclusion and streaming JavaScript from the server to the client to keep all logic on the server while implementing a client-side feature (copy to clipboard): <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/CopyButton.component.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/src/branch/main/CopyButton.component.js</span></a></p><p>• Following on from that, note how the Toast component that’s triggered when something is copied looks (under the hood, Streaming HTML is htmx + WebSockets + some Kitten-specific magic and glues it all together and adds syntactic sugar): <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/Toast.fragment.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/src/branch/main/Toast.fragment.js</span></a></p><p>• Finally, check out how layout components and slots work: <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/Site.layout.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/src/branch/main/Site.layout.js</span></a></p><p>I think that’s all the intersting stuff I can spot at the moment.</p><p>Have fun!</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/SmallTechnologyFoundation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTechnologyFoundation</span></a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LookOverThere</span></a> <a href="https://mastodon.ar.al/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</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/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>htmx</span></a> <a href="https://mastodon.ar.al/tags/websockets" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>websockets</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>
Aral Balkan<p>You can really get a feel for what authoring a simple web app is like in Kitten (with the latest techniques/features), by checking out the source code for Look Over There!, the multi-site forwarding app with TLS forwarding support that I built recently:</p><p><a href="https://codeberg.org/small-web/look-over-there" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there</span></a></p><p>There’s an instance of it I’m hosting for us at <a href="https://look-over-there.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">look-over-there.small-web.org</span><span class="invisible"></span></a> to forward our archived sites – e.g., <a href="https://web0.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">web0.small-web.org</span><span class="invisible"></span></a> – to archive.org so we don’t break links on the web.</p><p>If you want to run it locally, install Kitten (<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>) and then type: kitten run <a href="https://codeberg.org/small-web/look-over-there.git" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there.git</span></a> (you can also clone the git repo manually and just run kitten from the working directory).</p><p>Interesting places to look:</p><p>• The index page (shows use of a Markdown page that imports and uses Kitten components) <a href="https://codeberg.org/small-web/look-over-there/raw/branch/main/index.page.md" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/raw/branch/main/index.page.md</span></a></p><p>• The admin page (notice the lock emoji at the end of the name? That’s all you need to add to a route to make use of Kitten’s automatic authentication. Since every Kitten site/app is protected by public-key encryption and we don’t have the concept of users (each site/app on the Small Web is owned by one person), the whole process can be automated for you. <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/admin%F0%9F%94%92.page.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/src/branch/main/admin%F0%9F%94%92.page.js</span></a></p><p>• The Redirection component. This is what does all the hard work on the admin page. Along with the admin page, they showcase Kitten’s new/alternative (and as-of-yet mostly undocumented) class-based component model with event bubbling on the component hierarchy on the server. (Since this is resource intensive, it’s recommended you use it only when implementing authenticated routes where you’re sure only the site’s owner will be accessing the route.) <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/Redirection.component.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/src/branch/main/Redirection.component.js</span></a></p><p>In any case, as Kitten and the rest of the Small Web ecosystem matures further, I’ll be documenting all this better and there will be even more examples and tutorials but, in case you’re one of those inquisitive types and you want to see what web development can be like if you’re *not* building centralised people farming machinery for Big Tech, have a play with Kitten.</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/SmallTechnologyFoundation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTechnologyFoundation</span></a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LookOverThere</span></a> <a href="https://mastodon.ar.al/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</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>
Aral Balkan<p>TL;DR: I’m excited about recent developments with the Small Web project. It’s all coming together 💕 </p><p>***</p><p>The way I approach what I’m building with the Small Web is quite intuitive. I’ve been making things with computers since I was seven years old so it’s not work or a profession for me – it’s just something I’ve always done. And with what I’m building now – which is likely what I’ll be working on for the rest of my life – I’m giving myself the room to let the project breathe. If some foundational piece I need is not quite there yet, I’m OK spending a few years working on a different part of the project. It’s not easy to do financially to keep something like this going for six years now but I don’t know any other way to let it be what it can be.</p><p>And it is starting to pay off. </p><p>Just read an exciting announcement lower in the stack that means lots of extra work for me but will drastically improve the ease of getting started and the decentralisation properties of the Small Web. And another development that has taken a few years to come about independently (although this time prodded by yours truly) will mean Small Web places require zero admin.</p><p>Also, because of these developments – and with Laura’s help in brainstorming this morning – I believe we finally have the names of the three components just right.</p><p>Look forward to hearing lots of details about all this in the coming days and months.</p><p>Since the changes I need to make are tied to the timeline of a third party, this means the Kitten hosting service and the peer-to-peer personal social web app written in Kitten (both of which now have their final names, which I’ll announce properly later) will launch in 2026.</p><p>Just a quick update to let you know where we are with the Small Web project.</p><p>PS. If you want to support our work, please consider becoming a patron: <a href="https://small-tech.org/fund-us/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">small-tech.org/fund-us/</span><span class="invisible"></span></a></p><p><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/statusUpdate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>statusUpdate</span></a></p>
Aral Balkan<p>New Kitten Release 🥳</p><p>To OCSP¹ or not to OCSP…</p><p>• Turns on OCSP support in the server only if the site’s certificate has the OCSP stapling extension.</p><p>This is to support both servers that still have OCSP stapling in their certs as well as new ones that don’t. (Let’s Encrypt sunset OCSP support yesterday and there is a transitionary period where Kitten servers will have both types of certificates. This update is to ensure we support both without issues.)</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>Also updated, if you’re interested in playing lower in the stack:</p><p>• @small-tech/https: <a href="https://codeberg.org/small-tech/https" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codeberg.org/small-tech/https</span><span class="invisible"></span></a><br>• @small-tech/auto-encrypt: <a href="https://codeberg.org/small-tech/auto-encrypt" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/auto-e</span><span class="invisible">ncrypt</span></a></p><p>Enjoy!<br>:kitten:💕</p><p>¹ Online Certificate Status Protocol (<a href="https://en.wikipedia.org/wiki/Online_Certificate_Status_Protocol" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">en.wikipedia.org/wiki/Online_C</span><span class="invisible">ertificate_Status_Protocol</span></a>). Yes, I hate abbreviations too :)</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/KittenRelease" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KittenRelease</span></a> <a href="https://mastodon.ar.al/tags/TLS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TLS</span></a> <a href="https://mastodon.ar.al/tags/OCSP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OCSP</span></a> <a href="https://mastodon.ar.al/tags/OCSPStapling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OCSPStapling</span></a> <a href="https://mastodon.ar.al/tags/LetsEncrypt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LetsEncrypt</span></a></p>
Jan Penfrat<p><a href="https://eupolicy.social/tags/DigitalSovereignty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalSovereignty</span></a> doesn't mean tech for sovereign nations, it means tech for sovereign people.</p><p>Tech in the hands of a European billionaire class is hardly any better than what we have now.</p><p>Free it up, give people control, open source it, decentralise it, remove choke points and gatekeepers, encrypt all the things, remove the <a href="https://eupolicy.social/tags/SurveillanceAds" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SurveillanceAds</span></a> industry from the equation, enable <a href="https://eupolicy.social/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SelfHosting</span></a> and <a href="https://eupolicy.social/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a>. And then let's talk <a href="https://eupolicy.social/tags/GoEuropean" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GoEuropean</span></a>.</p>
Aral Balkan<p>New Kitten Release 🎉</p><p>• Improved instructions for adding a git webhook on Codeberg in Kitten Settings → App.</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>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/KittenRelease" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KittenRelease</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/git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>git</span></a> <a href="https://mastodon.ar.al/tags/webhook" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webhook</span></a> <a href="https://mastodon.ar.al/tags/Codeberg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Codeberg</span></a> <a href="https://mastodon.ar.al/tags/Forgejo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Forgejo</span></a></p>
Aral Balkan<p>New Kitten Release 🥳</p><p>• Implements cascading archives support</p><p><a href="https://kitten.small-web.org/reference/#cascading-archives" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/reference</span><span class="invisible">/#cascading-archives</span></a></p><p>Cascading archives¹ is useful if you have a static archive of the old version of your site and you don’t want to host it somewhere else and use the 404→307 (evergreen web) technique (<a href="https://kitten.small-web.org/reference/#evergreen-web-404-307" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/reference</span><span class="invisible">/#evergreen-web-404-307</span></a>) (the latter is useful if the old version of your site is a dynamic site and you cannot take a static archive of it).</p><p>If a URL cannot be found on your app, Kitten will trying it in the archive folders:</p><p>__archive__1<br>__archive__2<br>__archive__3</p><p>(In that order.)</p><p>So you can three older static versions of your site served without breaking older URLs unless they are shadowed by newer URLs in your site/app.</p><p>Enjoy!</p><p>:kitten:💕</p><p>¹ This is a feature that I originally implemented in Site.js (that’s going to be shut down tomorrow when Let’s Encrypt stops issuing certificates with OCSP-stapling – I don’t have the bandwidth to maintain two servers/frameworks; Kitten is Site.js’s successor). I’m planning on implementing this differently in Kitten going forward (so you can use the Settings interface to upload a zipped archive and it will serve it) but I need this for my own site for tomorrow’s shutdown so we have this simpler implementation in the meanwhile. Leaving things to the last minute? Who? Me? Never! ;)</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/archiving" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>archiving</span></a> <a href="https://mastodon.ar.al/tags/evergreenWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>evergreenWeb</span></a> <a href="https://mastodon.ar.al/tags/dontBreakTheWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dontBreakTheWeb</span></a> <a href="https://mastodon.ar.al/tags/links" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>links</span></a> <a href="https://mastodon.ar.al/tags/URLs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>URLs</span></a></p>
Aral Balkan<p>Just documented Kitten’s &lt;page&gt; tag in the reference. It should be comprehensive unless I’ve missed something :)</p><p><a href="https://kitten.small-web.org/reference/#the-page-tag" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/reference</span><span class="invisible">/#the-page-tag</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/pageTag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pageTag</span></a> <a href="https://mastodon.ar.al/tags/documentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>documentation</span></a></p>
Aral Balkan<p>I just whipped up a simple icon search for Kitten Icons (based on Phosphor Icons). It’s not complete yet – I have a few other things to do before I can get back to it today – but you can play with it here:</p><p><a href="https://kitten.small-web.org/reference/#finding-icons" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/reference</span><span class="invisible">/#finding-icons</span></a></p><p>And see the code for it here:</p><p><a href="https://codeberg.org/kitten/site/src/branch/main/reference/IconExplorer.fragment.js" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/kitten/site/src/b</span><span class="invisible">ranch/main/reference/IconExplorer.fragment.js</span></a></p><p>I popped the event handler into the Markdown page itself. Not the cleanest but works in a pinch:</p><p><a href="https://codeberg.org/kitten/site/raw/branch/main/reference/index.page.md" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/kitten/site/raw/b</span><span class="invisible">ranch/main/reference/index.page.md</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/icons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>icons</span></a> <a href="https://mastodon.ar.al/tags/PhosphorIcons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PhosphorIcons</span></a> <a href="https://mastodon.ar.al/tags/iconExplorer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iconExplorer</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/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a> <a href="https://mastodon.ar.al/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</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/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/reference" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>reference</span></a></p>
Aral Balkan<p>New Kitten Release 🎉</p><p>• Breaking change: `kitten.icons` namespace is now flat (not alphabetically sharded). This should make it much nicer to author with. (The alphabetical sharding was an attempt to work around a size limitation with large objects when using automatic type inference in the TypeScript language server. Since I’m now generating a TypeScript type definition for the entire data structure, the limitation no longer applies and thus the sharding is no longer necessary.) <a href="https://kitten.small-web.org/reference/#icons" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/reference</span><span class="invisible">/#icons</span></a></p><p>• The `tags` and `categories` hash tables on `kitten.icons` – which are included as authoring-time aids to help you find icons using metadata searches in your editor – are now marked as unenumerable properties so they no longer pollute the root icons namespace so you can, for example, safely iterate through all icons with a simple loop.</p><p>• I’ve started a change log even though Kitten is still pre-release so there is a better place to find them than looking through my Mastodon release notification posts :) <a href="https://codeberg.org/kitten/app/src/branch/main/CHANGELOG.md" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/kitten/app/src/br</span><span class="invisible">anch/main/CHANGELOG.md</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/KittenRelease" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KittenRelease</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/icons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>icons</span></a> <a href="https://mastodon.ar.al/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svg</span></a> <a href="https://mastodon.ar.al/tags/PhosphorIcons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PhosphorIcons</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>
Aral Balkan<p>New Kitten Release 🥳</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>(Run `kitten update` to update your dev machines. Production machines will automatically update in a couple of hours.)</p><p>• You can now add a generic script block to your markdown pages (see <a href="https://mastodon.ar.al/@aral/114432417394114105" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.ar.al/@aral/114432417</span><span class="invisible">394114105</span></a>)</p><p>• Markdown pages can now be `KittenPage` instances and attach `KittenComponent` instances (so you get a full server-side component hierarchy with an event-based workflow; ideal for authenticated pages where you can be use only the author of the page will be accessing them and thus the additional memory and processing overhead are not issues. Isn’t the Small Web great? Only having instances of one makes it possible to optimise so many things for the human experience instead of vertical scale of the data farming machine.)</p><p>• Two new examples showcase the new features: <a href="https://codeberg.org/kitten/app/src/branch/main/examples/streaming-html/markdown-script-simple-components" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/kitten/app/src/br</span><span class="invisible">anch/main/examples/streaming-html/markdown-script-simple-components</span></a> and <a href="https://codeberg.org/kitten/app/src/branch/main/examples/streaming-html/markdown-kitten-components" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/kitten/app/src/br</span><span class="invisible">anch/main/examples/streaming-html/markdown-kitten-components</span></a></p><p>• Attributes with object values are no longer serialised into the DOM (but your components’ render functions will continue to receive them, of course.) This is because only string values make sense for attributes in the context of the HTML DOM. (You can still, of course, have stringified representations of objects in attributes, as used by the `data` attribute to pass data from nodes to event handers on the server.)</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/kittenRelease" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>kittenRelease</span></a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a> <a href="https://mastodon.ar.al/tags/scripting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>scripting</span></a> <a href="https://mastodon.ar.al/tags/OOP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OOP</span></a> <a href="https://mastodon.ar.al/tags/eventModel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eventModel</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>
Aral Balkan<p>Morning all! I was supposed to join <span class="h-card" translate="no"><a href="https://me.dm/@screwlisp" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>screwlisp</span></a></span> for their Lispy Gopher Show podcast yesterday but time zone differences meant I had to send a recording instead which they discussed with questions from their mud (yep, it’s a geeky community) :)</p><p>I touched on the history of computing, the current challenge to our human rights and democracy with technofascism, and how the Small Web is one attempt to safeguard our freedoms by creating a peer-to-peer web owned and controlled by everyday people who use technology as an everyday thing. (And the role of design and simplicity in making that possible.)</p><p>Anyway, here’s the full recording I sent (as it skips around a bit in the show):</p><p><a href="https://vimeo.com/1079992713" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">vimeo.com/1079992713</span><span class="invisible"></span></a></p><p>And here’s the recording of the show itself with commentary by screwlisp and the community:</p><p><a href="https://communitymedia.video/w/kTjUgHSYCZsJwucUPVoLgx" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">communitymedia.video/w/kTjUgHS</span><span class="invisible">YCZsJwucUPVoLgx</span></a></p><p>Thanks for having me on and sorry I couldn’t be there in person.</p><p>💕 </p><p><a href="https://mastodon.ar.al/tags/LispyGopherShow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LispyGopherShow</span></a> <a href="https://mastodon.ar.al/tags/lispyGopherClimate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lispyGopherClimate</span></a> <a href="https://mastodon.ar.al/tags/screwlisp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>screwlisp</span></a> <a href="https://mastodon.ar.al/tags/podcast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>podcast</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/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/Domain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Domain</span></a> <a href="https://mastodon.ar.al/tags/Place" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Place</span></a> <a href="https://mastodon.ar.al/tags/peerToPeer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>peerToPeer</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/HumanRights" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HumanRights</span></a> <a href="https://mastodon.ar.al/tags/Democracy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Democracy</span></a> <a href="https://mastodon.ar.al/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a></p>
Aral Balkan<p>Ooh, what’s this?… Look Over There!<br>(With apologies to Jaida Essence Hall)</p><p>So the little app I teased earlier is ready and deployed and I have our own instance running at:</p><p><a href="https://look-over-there.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">look-over-there.small-web.org</span><span class="invisible"></span></a></p><p>Look Over There! lets you forward multiple domains to different URLs with full HTTPS support.</p><p>Why?</p><p>We have a number of older sites that are becoming a chore/expensive to maintain and yet I don’t want to break the web. So I thought, hey, I’ll just use the “url forwarding” feature of my domain registrar to forward them to their archived versions on archive.org.</p><p>Ah, not so fast, young cricket… seems some domain registrars’ implementations of this feature do not work if the domain being forwarded is accessed via HTTPS (yes, in 2025).</p><p>So, given Kitten¹ uses Auto Encrypt² to automatically provision Let’s Encrypt certificates, I added a domain forwarding feature to it and created Look Over There! as a friendly/simple app that provides a visual interface to it.</p><p>To see it in action, hit <a href="https://cleanuptheweb.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">cleanuptheweb.org</span><span class="invisible"></span></a> and you should get forwarded to the archived version of it on archive.org. I’m going to be adding more of our sites to the list in the coming days as part of an effort to reduce my maintenance load and cut down our expenses at Small Technology Foundation.</p><p>Since it’s Small Web, this particular instance is just for us. However, you can run your own copy on a VPS (or even a little single-board computer at home, etc.) A link to the source code repository is on the site. Once Domain³ is ready for use (later this year 🤞), setting up your own instance of a Small Web app at your own server will take less than a minute.</p><p>I hope this little tool, along with the 404→307 (evergreen web) technique⁴, helps us to nurture an evergreen web and avoid link rot. (And the source code, as little as there is because Kitten does so much for you, is a good resource if you want to learn about Kitten’s new class-based component and page model which I haven’t yet had a chance to properly document.)</p><p>Enjoy!</p><p>:kitten:💕</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><br>² <a href="https://codeberg.org/small-tech/auto-encrypt" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-tech/auto-e</span><span class="invisible">ncrypt</span></a><br>³ <a href="https://codeberg.org/domain/app" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codeberg.org/domain/app</span><span class="invisible"></span></a><br>⁴ <a href="https://4042307.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">4042307.org</span><span class="invisible"></span></a></p><p><a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LookOverThere</span></a> <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/archiving" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>archiving</span></a> <a href="https://mastodon.ar.al/tags/evergreenWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>evergreenWeb</span></a> <a href="https://mastodon.ar.al/tags/dontBreakTheWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dontBreakTheWeb</span></a> <a href="https://mastodon.ar.al/tags/LetsEncrypt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LetsEncrypt</span></a> <a href="https://mastodon.ar.al/tags/https" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>https</span></a> <a href="https://mastodon.ar.al/tags/TLS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TLS</span></a> <a href="https://mastodon.ar.al/tags/webForwarding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webForwarding</span></a> <a href="https://mastodon.ar.al/tags/urlForwarding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>urlForwarding</span></a> <a href="https://mastodon.ar.al/tags/Domain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Domain</span></a></p>
John Wilker 👨🏽‍💻<p><span class="h-card" translate="no"><a href="https://fosstodon.org/@travisfw" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>travisfw</span></a></span> I tend to agree. I think there’s a need for more <a href="https://wandering.shop/tags/smalltech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smalltech</span></a> efforts. Not everything needs to be Amazon. Very few things should be, LOL. </p><p>Outside my Apple Lock in, I’m slowly moving from locked silos to more open things, from smaller companies. I don’t want to roll my own anything, but am more ok with things not being Apple/MS/Etc.</p><p>Mad bonus for tech that is respectful, green, etc</p>
Travis F W<p><span class="h-card" translate="no"><a href="https://wandering.shop/@jwilker" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jwilker</span></a></span> I got another "favorite" on that post. I've considered for a while trying to define <a href="https://fosstodon.org/tags/BigTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BigTech</span></a> not just as what it is that repulses us; I sense a need for a definition of what we are that big tech isn't. What is good tech? Respectful tech? Humanistic tech? I like <a href="https://fosstodon.org/tags/smallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallTech</span></a>, by their demonstrable ethos, and the implication that we can have enough without "scaling" but very many who are not big tech are doing big things. I could go on, but do you have thoughts on this?</p>
Aral Balkan<p>Just liberated the video of one of my talks from YouTube and uploaded a copy to our Vimeo account:</p><p>Big Brother Awards 2014: Moving beyond the clouds (we need an ethical approach to design)</p><p><a href="https://vimeo.com/1075963646" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">vimeo.com/1075963646</span><span class="invisible"></span></a></p><p>(Imagine what a different world we’d be living in today if folks in tech had heeded our warnings back then. But I guess they were too busy making mint.)</p><p>PS. yt-dlp is your friend (on Mac: brew install yt-dlp). Also make sure you have ffmpeg installed (brew install ffmpeg). Finally, I had to manually tell yt-dlp where to find ffmpeg although your mileage may vary based on installation method: yt-dlp "&lt;URL&gt;" --write-subs --ffmpeg-location=/opt/homebrew/bin/ffmpeg (--write-subs saves the subtitles if there are any to a file in a format you can use on the web).</p><p><a href="https://mastodon.ar.al/tags/EthicalDesignManifesto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EthicalDesignManifesto</span></a> <a href="https://mastodon.ar.al/tags/ethics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ethics</span></a> <a href="https://mastodon.ar.al/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mastodon.ar.al/tags/ethicalDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ethicalDesign</span></a> <a href="https://mastodon.ar.al/tags/AralBalkan" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AralBalkan</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/BigBrotherAwards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BigBrotherAwards</span></a> <a href="https://mastodon.ar.al/tags/BitsOfFreedom" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BitsOfFreedom</span></a> <a href="https://mastodon.ar.al/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> <a href="https://mastodon.ar.al/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://mastodon.ar.al/tags/BigTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BigTech</span></a> <a href="https://mastodon.ar.al/tags/panopticon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>panopticon</span></a> <a href="https://mastodon.ar.al/tags/surveillance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>surveillance</span></a> <a href="https://mastodon.ar.al/tags/capitalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>capitalism</span></a> <a href="https://mastodon.ar.al/tags/peopleFarming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>peopleFarming</span></a> <a href="https://mastodon.ar.al/tags/fascism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fascism</span></a> <a href="https://mastodon.ar.al/tags/technofascism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technofascism</span></a> <a href="https://mastodon.ar.al/tags/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Google</span></a> <a href="https://mastodon.ar.al/tags/Facebook" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Facebook</span></a></p>