photog.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A place for your photos and banter. Photog first is our motto Please refer to the site rules before posting.

Administered by:

Server stats:

238
active users

#lookoverthere

1 post1 participant0 posts today
Come On Giant Asteroid!<p><span class="h-card" translate="no"><a href="https://mstdn.social/@GottaLaff" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>GottaLaff</span></a></span> </p><p><a href="https://mastodon.radio/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LookOverThere</span></a></p>
Aral Balkan<p><span class="h-card" translate="no"><a href="https://fosstodon.org/@jonasgeiler" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jonasgeiler</span></a></span> <span class="h-card" translate="no"><a href="https://floss.social/@Habbie" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Habbie</span></a></span> Thanks, Jonas :)</p><p>Also see Look Over There! – which you can easily deploy yourself on a tiny VPS – it’s how I’m redirecting our old sites to archive.org (<a href="https://look-over-there.small-web.org/" rel="nofollow noopener" 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><a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/archiving" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>archiving</span></a> <a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LookOverThere</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" 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" 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" 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" target="_blank">@<span>brewsterkahle</span></a></span> </p><p><a href="https://mastodon.ar.al/tags/TheInternetArchive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TheInternetArchive</span></a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LookOverThere</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/archiving" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>archiving</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" 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" 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" 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" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/SmallTechnologyFoundation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTechnologyFoundation</span></a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LookOverThere</span></a> <a href="https://mastodon.ar.al/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StreamingHTML</span></a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://mastodon.ar.al/tags/websockets" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>websockets</span></a> <a href="https://mastodon.ar.al/tags/nodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodeJS</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" 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" 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" 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" 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" 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" 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" 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" 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" 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" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/SmallTechnologyFoundation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTechnologyFoundation</span></a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LookOverThere</span></a> <a href="https://mastodon.ar.al/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</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" 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" 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" 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" 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" 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" 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" target="_blank">#<span>LookOverThere</span></a> <a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/archiving" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>archiving</span></a> <a href="https://mastodon.ar.al/tags/evergreenWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>evergreenWeb</span></a> <a href="https://mastodon.ar.al/tags/dontBreakTheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dontBreakTheWeb</span></a> <a href="https://mastodon.ar.al/tags/LetsEncrypt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LetsEncrypt</span></a> <a href="https://mastodon.ar.al/tags/https" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>https</span></a> <a href="https://mastodon.ar.al/tags/TLS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TLS</span></a> <a href="https://mastodon.ar.al/tags/webForwarding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webForwarding</span></a> <a href="https://mastodon.ar.al/tags/urlForwarding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>urlForwarding</span></a> <a href="https://mastodon.ar.al/tags/Domain" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Domain</span></a></p>
Monica Rooney<p>Sounds like Trump Jaida Essence Hall-ed the dictator question <a href="https://mstdn.ca/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LookOverThere</span></a></p>
Mast0b1t<p><span class="h-card"><a href="https://infosec.exchange/@taosecurity" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>taosecurity</span></a></span> <span class="h-card"><a href="https://infosec.exchange/@kimzetter" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>kimzetter</span></a></span></p><p><a href="https://awscommunity.social/tags/UFOs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UFOs</span></a> <a href="https://awscommunity.social/tags/EdwardSnowden" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EdwardSnowden</span></a> <a href="https://awscommunity.social/tags/disinformation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>disinformation</span></a> <a href="https://awscommunity.social/tags/CIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CIA</span></a> <a href="https://awscommunity.social/tags/FalseFlag" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FalseFlag</span></a> <a href="https://awscommunity.social/tags/NewsCycle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NewsCycle</span></a> <a href="https://awscommunity.social/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LookOverThere</span></a> <a href="https://awscommunity.social/tags/nordstream2" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nordstream2</span></a> <a href="https://awscommunity.social/tags/SeymourHersh" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SeymourHersh</span></a></p><p><a href="https://seymourhersh.substack.com/p/how-america-took-out-the-nord-stream" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">seymourhersh.substack.com/p/ho</span><span class="invisible">w-america-took-out-the-nord-stream</span></a></p>