new post on XHTML, change file extensions to .xhtml

Signed-off-by: wl <zayd@disroot.org>
This commit is contained in:
wl 2025-04-13 03:05:18 -04:00
parent a1613de710
commit 56bf70aead
No known key found for this signature in database
GPG key ID: 531E06E93F21354C
16 changed files with 128 additions and 617 deletions

View file

@ -19,6 +19,7 @@ title = "wanderlost"
# Whether to do syntax highlighting
# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
highlight_code = true
highlight_theme = "one-dark"
[link_checker]
skip_prefixes = []

View file

@ -8,7 +8,8 @@
<div class="post">
<h1 class="post-title">{{ page.title }}</h1>
<h2 class="post-date">{{ page.date | date(format="%Y-%m-%d") }}</h2>
{{ page.content | replace(from="%5B", to="[") | replace(from="%5D", to="]") | safe }}
<!-- if Zola just generated compliant XHTML on its own that would be great, but looks like this will have to do -->
{{ page.content | replace(from="%5B", to="[") | replace(from="%5D", to="]") | replace(from=' data-lang="xhtml"', to="") | safe }}
</div>
{% endblock content %}

View file

@ -3,6 +3,6 @@ description = "man I just want a custom theme"
tags = [] # wtf is this for
license = "GPLv3"
homepage = "https://goatse.cx"
homepage = "https://none.null"
min_version = "0.4.0"
demo = ""

View file

@ -120,3 +120,8 @@ a:hover {
color: white;
font-size: 15px;
}
code {
font-family: FiraCode;
color: #8470ff;
}

View file

@ -1,56 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover" />
<title>wanderlost - Zaydsite now</title>
<link rel="stylesheet" href="/assets/css/main.css" />
<link rel="alternate"
type="application/rss+xml"
title="Atom"
href="/blog/atom.xml" />
<link rel="alternate"
type="application/rss+xml"
title="RSS"
href="/blog/rss.xml" />
</head>
<body>
<div class="navbar">
<h1 class="title"><a href="/">wanderlost</a></h1>
<a href="/blog/">index</a>
<a href="/blog/atom.xml">atom</a>
<a href="/blog/rss.xml">rss</a>
</div>
<div class="main">
<hr />
<div class="post">
<h1 class="post-title">Zaydsite now</h1>
<h2 class="post-date">2025-01-24</h2>
<p>Recently got everything working on the new site, hopefully it doesn't look too boring. I plan to
actually use this thing and not leave it to rot, so subscribe to the Atom feed if you want to get
updates on the shit I say.</p>
<p>Everything other than the blog is managed manually, the blog uses Zola. It's pretty cool and makes
it fairly easy to make custom themes compared to other static site generators. There's no JavaScript
on this site and it's kept fairly light in general. Everything <em>should</em> work in browsers like EWW,
w3m, links, etc. All the fonts here are WOFF2 though, so some browsers like Dillo won't fetch those
properly.</p>
<p>There is a Tor version of this site available <a href="http://dhrglakamniet5jtehkb7rp7zdqhzw6trkum3dieoeenszttgcjle6yd.onion/">here</a>
if you're not already reading this there. I2P and Yggdrasil might also come soon, not sure about those.</p>
<p>There seems to be a bug with importing my Atom feed to RSS Guard making the entries really tall for
some reason, no idea what's causing it, but I'll try to fix that soon.</p>
</div>
</div>
</body>
</html>

View file

@ -1,73 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover" />
<title>wanderlost - Server up</title>
<link rel="stylesheet" href="/assets/css/main.css" />
<link rel="alternate"
type="application/rss+xml"
title="Atom"
href="/blog/atom.xml" />
<link rel="alternate"
type="application/rss+xml"
title="RSS"
href="/blog/rss.xml" />
</head>
<body>
<div class="navbar">
<h1 class="title"><a href="/">wanderlost</a></h1>
<a href="/blog/">index</a>
<a href="/blog/atom.xml">atom</a>
<a href="/blog/rss.xml">rss</a>
</div>
<div class="main">
<hr />
<div class="post">
<h1 class="post-title">Server up</h1>
<h2 class="post-date">2025-02-04</h2>
<p>After waiting way too long, I finally have a server online. Nothing big, just a RPi 5 running
Alpine to provide some services for myself and other. I'm trying to focus on hosting sites
built to be minimal, without the bloat much of the modern web has. It also exclusively serves
on dark/altnets (Yggdrasil and Tor currently, I'll hopefully have I2P stuff running within a
week or so) to promote using that over the clearnet. The service's name is "Midgard", I felt like
that fits the theme of creating a more human web and goes with "Yggdrasil" nicely.</p>
<p>Current services are forums (running Simple Machines Forum) and sites (using Caddy). The forums
still have some work that needs to get done (selfhosting jQuery, fixing resource fetching outside
of Tor) but it should fully work on Tor. You can access it
<a href="http://forum.zyae5rxcjcezkozdbjb6oabzegiu6erx5e3o6mcl73qzzphhu2adu5yd.onion/index.php">here</a>, but I
have it set so accounts require approval as I'm currently a frequent target of spam commonly
including things I very much do not want to be hosting.</p>
<p>I also host personal sites for me and some others.</p>
<ul>
<li>Me <a href="http://wl.zyae5rxcjcezkozdbjb6oabzegiu6erx5e3o6mcl73qzzphhu2adu5yd.onion/">Tor</a>, <a href="http://[300:5506:25eb:d0d9:1000:1000:1000:1000]/">Yggdrasil</a></li>
<li>Array in a Matrix <a href="http://array.zyae5rxcjcezkozdbjb6oabzegiu6erx5e3o6mcl73qzzphhu2adu5yd.onion/">Tor</a>, <a href="http://[300:5506:25eb:d0d9:1000:1000:1000:1001]/">Yggdrasil</a></li>
<li>Purplebored <a href="http://purplebored.zyae5rxcjcezkozdbjb6oabzegiu6erx5e3o6mcl73qzzphhu2adu5yd.onion/">Tor</a>, <a href="http://[300:5506:25eb:d0d9:1000:1000:1000:1002]/">Yggdrasil</a></li>
</ul>
<p>The home page for Midgard isn't done yet, but it's going to be done soon.
<a href="http://zyae5rxcjcezkozdbjb6oabzegiu6erx5e3o6mcl73qzzphhu2adu5yd.onion/">Tor link</a>,
<a href="http://[200:5506:25eb:d0d9:4c64:92a6:42a6:f4b0]">Yggdrasil Link</a></p>
<p>Planned services include Vaultwarden (a password manager) and Forgejo (a Git forge). Not sure
if/when they'll come.</p>
<p>If you want a site hosted on Midgard, feel free to reach out to me on <a href="xmpp:zayd@telepath.im">XMPP</a>
with a Git repo link, a brief description, and I might set it up for you if the site isn't too big
and bloated and it isn't something I wouldn't want on my machines (please no pedo/zoo shit, no hate
speech or anything like that, no malware obviously). Also don't rely on me too hard for maintaining
uptime. Things have been going fairly smoothly so far but I'm still pretty new to self hosting so
I can't guarantee much in the way of stability.</p>
</div>
</div>
</body>
</html>

View file

@ -1,126 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover" />
<title>wanderlost - The Internet Sucks</title>
<link rel="stylesheet" href="/assets/css/main.css" />
<link rel="alternate"
type="application/rss+xml"
title="Atom"
href="/blog/atom.xml" />
<link rel="alternate"
type="application/rss+xml"
title="RSS"
href="/blog/rss.xml" />
</head>
<body>
<div class="navbar">
<h1 class="title"><a href="/">wanderlost</a></h1>
<a href="/blog/">index</a>
<a href="/blog/atom.xml">atom</a>
<a href="/blog/rss.xml">rss</a>
</div>
<div class="main">
<hr />
<div class="post">
<h1 class="post-title">The Internet Sucks</h1>
<h2 class="post-date">2025-03-24</h2>
<p>Over the past few years, I have noticed that the internet is in a state of decay. If you've found my
site, there's a fair chance you think the same too, or have at least heard people say this. The
amount of fun one can really have online is rapidly decreasing. Everything has pretty much been
ruined.</p>
<h2 id="the-problems">The problems</h2>
<h3 id="bloat">Bloat</h3>
<p>The web is bloated. Every time I go to look up something I get dozens of articles containing popups
where I have to agree to getting tracked by every site's 800+ "partners", slowing everything
down. Then there's the JavaShit dependency so many sites have. It's even spread to "small" personal
sites that I have to wait for megabytes worth of JS to load in before I can read anything. My own
site is constantly getting edited in an attempt to make it as easy to use as possible on even the
most barebones browsers.</p>
<h3 id="social-networks">"Social" networks.</h3>
<p>I hate concept of social media. Microblogging is shit. Short form video content is shit. Instagram
is shit. Reddit is shit. Yes, this very much includes your free and open source "ethical"
alternative. The Fediverse, Bluesky, Nostr, whatever else don't fix this. The idea itself is heavily
flawed no matter who develops it. I have too much to say about this for putting it in here, but to
keep it short, I strongly believe being on those places just slowly makes you more and more
retarded. Everything is optimized to get as many internet points as possible and well thought out
posts that actually express the author's point are discouraged with tiny character limits and
replies from children complaining about how long the text is.</p>
<h3 id="surveillance">Surveillance</h3>
<p>Shouldn't have to explain this one much, there's surveillance problems on nearly every mainstream
platform that's been treated as normal for as long as it's been around. If you're here, you probably
already have strong feelings about this one.</p>
<h3 id="clearnet">Clearnet</h3>
<p>I think the clearnet is beyond saving at this point and that we should not make an attempt to rescue
it. The damage has been done and will continue unless you do something about it. Everything is
centralized, and the system is a mess. CAs are centralized and you have to give them full trust to
not do anything bad to your site, which they can do. ICANN is how everybody gets their domains, and
they care more about making money than stopping things like parking for reselling or making the
process more private. It also is harder to work with clearnet hosting than it is to work with an
overlay network, which I see as something that gets in the way of people hosting their own things.</p>
<h2 id="how-do-we-fix-it">How do we fix it?</h2>
<p>Unfortunately, there isn't a perfect solution to fully escaping the bullshit, but there are things
you and I can do to help.</p>
<h3 id="overlay-networks">Overlay networks</h3>
<p>Explore overlay networks like I2P, Tor, and Yggdrasil. There's others out there too. I'll go over
this more in a later post, but to keep it short, Yggdrasil serves as internet done right (and about
how one would expect) while I2P and Tor focus specifically on being anonymous.</p>
<h3 id="write-your-own-site">Write your own site</h3>
<p>Write a site for yourself and/or your projects! Instead of a Facebook page or a Twitter profile, get
out a text editor and write some CSS and HTML, or even better, XHTML! It really isn't that hard to
do, and you get full control over your own content and design. You can use static site generators
like Hugo, Jekyll, Zola and many more to help if you need to mass produce templated pages. This site
uses Zola, which does have its quirks but I find it to be the best to work with out of the ones I've
tried. If you're running a blog or have other regularly updated content like news or updates, make
Atom (and RSS if you want) feeds too to so your visitors can subscribe to your sites and get those
updates instantly. A lot of static site generators have this built in. I'll tell you to self host so
you're fully independent in the next section, but if you really can't, I can help with getting your
site online over on Midgard.</p>
<h3 id="alternative-protocols">Alternative protocols?</h3>
<p>HTTP, or the Web, is not the only way of creating a "site" for yourself. There are other protocols,
though all of them (or at least all I know about) are far more minimal than what you can create on a
website even with just XHTML and a stylesheet. I don't have a full list of these protocols, but some
are <a href="https://en.wikipedia.org/wiki/Gopher_(protocol)">Gopher</a>,
<a href="https://geminiprotocol.net/">Gemini</a>, and <a href="https://nightfall.city/nex/info/specification.txt">Nex</a>.
I don't hear much about Gopher nor have I got around to setting up a server for it yet but Gemini
has been gaining a lot of popularity from what I've seen lately. Nex is much more obscure but I like
it for how extremely simple it is, literally just plaintext served over TCP on port 1900.</p>
<h3 id="self-host">Self Host</h3>
<p>The best way to get full control over your sites and services is to self host them. Not on some
managed hosting service, not on a VPS, not anywhere in the cloud, <em>actually</em> self hosted on a
machine in a location you can physically access. This way, you have 100% control over your own
things and will truly own your services. Many ISPs do not want people self hosting and will put
people behind CGNATs, but if you use overlay networks and don't host on clearnet, then that won't
really matter. With Tor, hosting your own XMPP server using Prosody is pretty easy and you can throw
an IRCd onto pretty much any network. Running your own media server on Yggdrasil is entirely doable
and I use my Jellyfin running over it daily. Almost any service that doesn't involve S2S can be set
up on Yggdrasil, given that the client software is able to use IPv6.</p>
<h3 id="contribute">Contribute!</h3>
<p>If you're able to, start running nodes/peers for I2P, Tor, and Yggdrasil or any combo of
those. Those networks always could use more peers available to help make things faster and more
reliable for everybody.</p>
<h3 id="do-it-now">Do it NOW</h3>
<p>Stop waiting for the current internet to get worse. If you already host a personal site, start
mirroring it on the darknets! For all of them it's as easy as installing the daemons, editing a few
configs for them, and adding the names to your <code>server_name</code> on nginx or the equivalent for your
webserver of choice.</p>
<hr />
<p>In the future I'll write a more full guide to the overlay networks, but I feel like this has been
long enough of a rant by now.</p>
</div>
</div>
</body>
</html>

View file

@ -1,3 +0,0 @@
<!doctype html>
<title>404 Not Found</title>
<h1>404 Not Found</h1>

View file

@ -4,8 +4,70 @@
<link rel="self" type="application/atom+xml" href="/blog/atom.xml"/>
<link rel="alternate" type="text/html" href="/blog"/>
<generator uri="https://www.getzola.org/">Zola</generator>
<updated>2025-03-24T00:00:00+00:00</updated>
<updated>2025-04-13T00:00:00+00:00</updated>
<id>/blog/atom.xml</id>
<entry xml:lang="en">
<title>XHTML is good, actually</title>
<published>2025-04-13T00:00:00+00:00</published>
<updated>2025-04-13T00:00:00+00:00</updated>
<author>
<name>
wanderlost
</name>
</author>
<link rel="alternate" type="text/html" href="/blog/2025-04-13-xhtml-is-good-actually/"/>
<id>/blog/2025-04-13-xhtml-is-good-actually/</id>
<content type="html" xml:base="/blog/2025-04-13-xhtml-is-good-actually/">&lt;p&gt;About a month or two ago, I finally converted everything I run and currently maintain to XHTML 1.1.
I had been considering it for months and finally decided it was the right decision, and came to the
conclusion that XHTML is far better than HTML.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;an-open-web-needs-real-standards&quot;&gt;An open web needs real standards&lt;&#x2F;h1&gt;
&lt;p&gt;Unlike the SGML-based HTML, documents in XHTML must be valid. Browsers will let you get away with
some mild errors, but it&#x27;s far less lenient than normal HTML. While this is one of the most common
things people criticize XHTML for, it&#x27;s a good thing. Had everyone used XHTML and followed its
standards when it first came out, maybe we wouldn&#x27;t have the browser monopoly we have today, or at
least not to such a severe extent. The web needs well-formed XML documents, not the sloppily thrown
together garbage HTML allows and borderline encourages. At the start, XHTML was designed with the
intention of fixing this, but many people kept clinging onto their shitty documents. Now so many
pages are still so annoying to parse that only a couple companies actually do it. XHTML could&#x27;ve
helped fix this.&lt;&#x2F;p&gt;
&lt;p&gt;XHTML tags must be properly closed, so it will not let you use &lt;code&gt;&amp;lt;br&amp;gt;&lt;&#x2F;code&gt; instead of &lt;code&gt;&amp;lt;br &#x2F;&amp;gt;&lt;&#x2F;code&gt;. XHTML
will not let you uppercase your elements and attributes, so you can&#x27;t &lt;code&gt;&amp;lt;IMG SRC=&lt;&#x2F;code&gt;. XHTML will not
let you mess up nesting (even though some browsers will), so you can&#x27;t (or at least shouldn&#x27;t) do
the following:&lt;&#x2F;p&gt;
&lt;pre data-lang=&quot;xhtml&quot; style=&quot;background-color:#2b303b;color:#6c7079;&quot; class=&quot;language-xhtml &quot;&gt;&lt;code class=&quot;language-xhtml&quot; data-lang=&quot;xhtml&quot;&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;p&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; Here&amp;#39;s a list of some things
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; &amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;ul&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; &amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;li&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;Item&amp;lt;&#x2F;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;li&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; &amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;li&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;Item&amp;lt;&#x2F;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;li&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; &amp;lt;&#x2F;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;ul&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;lt;&#x2F;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;p&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;As much as people like to make fun of this, it&#x27;s a positive to have well formed documents be
enforced.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;your-own-sanity&quot;&gt;Your own sanity&lt;&#x2F;h1&gt;
&lt;p&gt;XHTML forcing documents to be well formed isn&#x27;t only good for maintaining a true standard, it also
helps you, the author. By requiring everything be valid, it strongly discourages poor formatting,
leaving it easier for you to maintain your site and edit in the future. Using XHTML puts you in
better habits for writing sites and it&#x27;s yet another reason why its strictness is a good thing.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;negatives&quot;&gt;Negatives&lt;&#x2F;h1&gt;
&lt;p&gt;As XHTML is an older standard (the oldest full release being the second edition of XHTML 1.1
in late 2010), it misses out on some newer features HTML5 and others brought in. It doesn&#x27;t have
&lt;code&gt;&amp;lt;summary&amp;gt;&lt;&#x2F;code&gt; or &lt;code&gt;&amp;lt;details&amp;gt;&lt;&#x2F;code&gt;, it doesn&#x27;t have semantic elements like &lt;code&gt;&amp;lt;main&amp;gt;&lt;&#x2F;code&gt; (though I don&#x27;t
really think this matters as much), and it doesn&#x27;t have inline SVG. I don&#x27;t think any of these
are really an absolute necessity, but the &lt;code&gt;&amp;lt;summary&amp;gt;&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;&amp;lt;details&lt;&#x2F;code&gt;&amp;gt; tags would be pretty nice.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;further-reading&quot;&gt;Further reading&lt;&#x2F;h1&gt;
&lt;p&gt;This will be expanded if&#x2F;when I find more relevant articles.&lt;&#x2F;p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https:&#x2F;&#x2F;web.archive.org&#x2F;web&#x2F;20250405011146&#x2F;https:&#x2F;&#x2F;www.nuegia.net&#x2F;articles&#x2F;open%20letter%20to%20webmasters.xhtml&quot;&gt;https:&#x2F;&#x2F;web.archive.org&#x2F;web&#x2F;20250405011146&#x2F;https:&#x2F;&#x2F;www.nuegia.net&#x2F;articles&#x2F;open%20letter%20to%20webmasters.xhtml&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
</content>
</entry>
<entry xml:lang="en">
<title>The Internet Sucks</title>
<published>2025-03-24T00:00:00+00:00</published>

View file

@ -1,65 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover" />
<title>wanderlost</title>
<link rel="stylesheet" href="/assets/css/main.css" />
<link rel="alternate"
type="application/rss+xml"
title="Atom"
href="/blog/atom.xml" />
<link rel="alternate"
type="application/rss+xml"
title="RSS"
href="/blog/rss.xml" />
</head>
<body>
<div class="navbar">
<h1 class="title"><a href="/">wanderlost</a></h1>
<a href="/blog/">index</a>
<a href="/blog/atom.xml">atom</a>
<a href="/blog/rss.xml">rss</a>
</div>
<div class="main">
<hr />
<div class="posts">
<h3 class="post-title">
2025-03-24 -
<a href="/blog/2025-03-24-the-internet-sucks/">
The Internet Sucks
</a>
</h3>
<p>Yet another internet random complains about the state of things blog post</p>
<h3 class="post-title">
2025-02-04 -
<a href="/blog/2025-02-04-servers-up/">
Server up
</a>
</h3>
<p>Finally got my server online, now hosting some stuff</p>
<h3 class="post-title">
2025-01-24 -
<a href="/blog/2025-01-24-new-blog/">
Zaydsite now
</a>
</h3>
<p>site finally launches, blog online</p>
</div>
</div>
</body>
</html>

View file

@ -7,7 +7,58 @@
<generator>Zola</generator>
<language>en</language>
<atom:link href="/blog/rss.xml" rel="self" type="application/rss+xml"/>
<lastBuildDate>Mon, 24 Mar 2025 00:00:00 +0000</lastBuildDate>
<lastBuildDate>Sun, 13 Apr 2025 00:00:00 +0000</lastBuildDate>
<item>
<title>XHTML is good, actually</title>
<pubDate>Sun, 13 Apr 2025 00:00:00 +0000</pubDate>
<author>wanderlost</author>
<link>/blog/2025-04-13-xhtml-is-good-actually/</link>
<guid>/blog/2025-04-13-xhtml-is-good-actually/</guid>
<description xml:base="/blog/2025-04-13-xhtml-is-good-actually/">&lt;p&gt;About a month or two ago, I finally converted everything I run and currently maintain to XHTML 1.1.
I had been considering it for months and finally decided it was the right decision, and came to the
conclusion that XHTML is far better than HTML.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;an-open-web-needs-real-standards&quot;&gt;An open web needs real standards&lt;&#x2F;h1&gt;
&lt;p&gt;Unlike the SGML-based HTML, documents in XHTML must be valid. Browsers will let you get away with
some mild errors, but it&#x27;s far less lenient than normal HTML. While this is one of the most common
things people criticize XHTML for, it&#x27;s a good thing. Had everyone used XHTML and followed its
standards when it first came out, maybe we wouldn&#x27;t have the browser monopoly we have today, or at
least not to such a severe extent. The web needs well-formed XML documents, not the sloppily thrown
together garbage HTML allows and borderline encourages. At the start, XHTML was designed with the
intention of fixing this, but many people kept clinging onto their shitty documents. Now so many
pages are still so annoying to parse that only a couple companies actually do it. XHTML could&#x27;ve
helped fix this.&lt;&#x2F;p&gt;
&lt;p&gt;XHTML tags must be properly closed, so it will not let you use &lt;code&gt;&amp;lt;br&amp;gt;&lt;&#x2F;code&gt; instead of &lt;code&gt;&amp;lt;br &#x2F;&amp;gt;&lt;&#x2F;code&gt;. XHTML
will not let you uppercase your elements and attributes, so you can&#x27;t &lt;code&gt;&amp;lt;IMG SRC=&lt;&#x2F;code&gt;. XHTML will not
let you mess up nesting (even though some browsers will), so you can&#x27;t (or at least shouldn&#x27;t) do
the following:&lt;&#x2F;p&gt;
&lt;pre data-lang=&quot;xhtml&quot; style=&quot;background-color:#2b303b;color:#6c7079;&quot; class=&quot;language-xhtml &quot;&gt;&lt;code class=&quot;language-xhtml&quot; data-lang=&quot;xhtml&quot;&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;p&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; Here&amp;#39;s a list of some things
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; &amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;ul&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; &amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;li&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;Item&amp;lt;&#x2F;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;li&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; &amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;li&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;Item&amp;lt;&#x2F;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;li&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt; &amp;lt;&#x2F;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;ul&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;lt;&#x2F;&lt;&#x2F;span&gt;&lt;span style=&quot;color:#eb6772;&quot;&gt;p&lt;&#x2F;span&gt;&lt;span style=&quot;color:#abb2bf;&quot;&gt;&amp;gt;
&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;As much as people like to make fun of this, it&#x27;s a positive to have well formed documents be
enforced.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;your-own-sanity&quot;&gt;Your own sanity&lt;&#x2F;h1&gt;
&lt;p&gt;XHTML forcing documents to be well formed isn&#x27;t only good for maintaining a true standard, it also
helps you, the author. By requiring everything be valid, it strongly discourages poor formatting,
leaving it easier for you to maintain your site and edit in the future. Using XHTML puts you in
better habits for writing sites and it&#x27;s yet another reason why its strictness is a good thing.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;negatives&quot;&gt;Negatives&lt;&#x2F;h1&gt;
&lt;p&gt;As XHTML is an older standard (the oldest full release being the second edition of XHTML 1.1
in late 2010), it misses out on some newer features HTML5 and others brought in. It doesn&#x27;t have
&lt;code&gt;&amp;lt;summary&amp;gt;&lt;&#x2F;code&gt; or &lt;code&gt;&amp;lt;details&amp;gt;&lt;&#x2F;code&gt;, it doesn&#x27;t have semantic elements like &lt;code&gt;&amp;lt;main&amp;gt;&lt;&#x2F;code&gt; (though I don&#x27;t
really think this matters as much), and it doesn&#x27;t have inline SVG. I don&#x27;t think any of these
are really an absolute necessity, but the &lt;code&gt;&amp;lt;summary&amp;gt;&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;&amp;lt;details&lt;&#x2F;code&gt;&amp;gt; tags would be pretty nice.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;further-reading&quot;&gt;Further reading&lt;&#x2F;h1&gt;
&lt;p&gt;This will be expanded if&#x2F;when I find more relevant articles.&lt;&#x2F;p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https:&#x2F;&#x2F;web.archive.org&#x2F;web&#x2F;20250405011146&#x2F;https:&#x2F;&#x2F;www.nuegia.net&#x2F;articles&#x2F;open%20letter%20to%20webmasters.xhtml&quot;&gt;https:&#x2F;&#x2F;web.archive.org&#x2F;web&#x2F;20250405011146&#x2F;https:&#x2F;&#x2F;www.nuegia.net&#x2F;articles&#x2F;open%20letter%20to%20webmasters.xhtml&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
</description>
</item>
<item>
<title>The Internet Sucks</title>
<pubDate>Mon, 24 Mar 2025 00:00:00 +0000</pubDate>

View file

@ -15,4 +15,8 @@
<loc>/blog/2025-03-24-the-internet-sucks/</loc>
<lastmod>2025-03-24</lastmod>
</url>
<url>
<loc>/blog/2025-04-13-xhtml-is-good-actually/</loc>
<lastmod>2025-04-13</lastmod>
</url>
</urlset>

View file

@ -1,45 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/assets/css/main.css" />
<title>wanderlost</title>
</head>
<body>
<div class="navbar">
<h1 class="title"><a href="/">wanderlost</a></h1>
<a href="/links.xht">links</a>
<a href="/blog/">blog</a>
<a href="/mirrors.xht">mirrors</a>
</div>
<div class="main">
<hr />
<h2 class="title">Home</h2>
<p>
Welcome! This is my home on the web. The site is now primarily on my own machine,
but thanks to FSKY for continuing to mirror my site for clearnet and on another Tor
address.
</p>
<p>
You probably already know me by now but I'm Zayd. I have a blog here where I
sometimes write about things I like. My interests include software, privacy, overlay
networks, music, archival, and more. I'm a bit of a lazy writer so posts won't be
super often though.
</p>
<p>
If you need to contact me, my JID (XMPP address) is <a href="xmpp:zayd@telepath.im">
zayd@telepath.im</a>. Please use OMEMO for encryption. I also have a public chatroom
if you want to join that, it's on <a href="xmpp:home@room.telepath.im?join">XMPP</a> and
<a href="ircs://irc.telepath.im:6697/#souljaville">IRC (clearnet, SSL)</a>, also available on
<a href="irc+insecure://[200:7f:cdc2:733a:9eb5:4de7:8fa2:9d5a]:6667/#souljaville">
Yggdrasil</a>
</p>
</div>
<div class="footer">
<img src="/assets/svg/kopimi.svg" alt="" style="vertical-align: middle; width: 15px" />
<a href="/kopimi.xht">Kopimi</a> 2025
</div>
</body>
</html>

View file

@ -1,31 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/assets/css/main.css" />
<title>wanderlost - kopimi</title>
</head>
<body>
<div class="navbar">
<h1 class="title"><a href="/">wanderlost</a></h1>
<a href="/links.xht">links</a>
<a href="/blog/">blog</a>
<a href="/mirrors.xht">mirrors</a>
</div>
<div class="main">
<hr />
<h2 class="title">Copying</h2>
<p>
This site is <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC
BY-SA 4.0</a>. Copying and sharing is not only permitted but encouraged given that
this notice is preserved.
</p>
</div>
<div class="footer">
<img src="/assets/svg/kopimi.svg" alt="" style="vertical-align: middle; width: 15px" />
<a href="/kopimi.xht">Kopimi</a> 2025
</div>
</body>
</html>

180
links.xht
View file

@ -1,180 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="/assets/css/main.css" />
<title>wanderlost - links</title>
</head>
<body>
<div class="header">
<div class="navbar">
<h1 class="title"><a href="/">wanderlost</a></h1>
<a href="/links.xht">links</a>
<a href="/blog/">blog</a>
<a href="/mirrors.xht">mirrors</a>
</div>
</div>
<div class="main">
<hr />
<h2>Links</h2>
<p>Here's some links to sites I like</p>
<h3>Link to me</h3>
<p>Yes, I know it's lazy. I'll probably redo it sometime. Don't hotlink these ever.</p>
<a rel="noopener noreferrer" href="https://zayd.fsky.io">
<img src="/assets/images/badges/mine/zayd-v1.png"
alt="Zayd" />
</a>
<h3>People I know and their organizations</h3>
<a href="http://array.zyae5rxcjcezkozdbjb6oabzegiu6erx5e3o6mcl73qzzphhu2adu5yd.onion">
<img src="/assets/images/badges/associated/array.gif"
alt="Array in a Matrix" />
</a>
<a rel="noopener noreferrer" href="https://authenyo.xyz">
<img src="/assets/images/badges/associated/authenyo.gif"
alt="authenyo" />
</a>
<a rel="noopener noreferrer" href="https://vea.st">
<img src="/assets/images/badges/associated/chloe.png"
alt="chloe vea.st" />
</a>
<a rel="noopener noreferrer" href="https://frost.fsky.io">
<img src="/assets/images/badges/associated/frost.png"
alt="Frost" />
</a>
<a rel="noopener noreferrer" href="https://fsky.io/">
<img src="/assets/images/badges/associated/fsky.png"
alt="FSKY" />
</a>
<a rel="noopener noreferrer" href="https://moody.im">
<img src="/assets/images/badges/associated/georgemoody.png"
alt="georgemoody" />
</a>
<a rel="noopener noreferrer" href="https://h2.gay/">
<img src="/assets/images/badges/associated/hydrogen.gif"
alt="Hydrogen" />
</a>
<a rel="noopener noreferrer" href="https://freetards.xyz/">
<img src="/assets/images/badges/associated/lda.png"
alt="LDA" />
</a>
<a rel="noopener noreferrer" href="https://themcgovern.net">
<img src="/assets/images/badges/associated/mcneb.gif"
alt="mcneb10" />
</a>
<a rel="noopener noreferrer" href="https://nyx.everypizza.im">
<img src="/assets/images/badges/associated/nyx.png"
alt="Nyx" />
</a>
<a rel="noopeneer noreferrer" href="https://pea.moe">
<img src="/assets/images/badges/associated/pea.png"
alt="Pea" />
</a>
<a rel="noopener noreferrer" href="https://squarebowl.club">
<img src="/assets/images/badges/associated/plate.gif"
alt="Plate" />
</a>
<a rel="noopener noreferrer" href="https://purplebored.pl">
<img src="/assets/images/badges/associated/purplebored.png"
alt="Purplebored" />
</a>
<a rel="noopener noreferrer" href="https://redcatho.de">
<img src="/assets/images/badges/associated/red.webp"
alt="red" />
</a>
<a rel="noopener noreferrer" href="https://isekai.rocks">
<img src="/assets/images/badges/associated/snit.svg"
style="max-width: 88px; max-height: 31px"
alt="Snit was here" />
</a>
<a rel="noopener noreferrer" href="https://telepath.im">
<img src="/assets/images/badges/associated/telepath.png"
alt="Telepath" />
</a>
<a rel="noopener noreferrer" href="https://voxel.fsky.io">
<img src="/assets/images/badges/associated/voxel.gif"
alt="Voxel" />
</a>
<a rel="noopener noreferrer" href="https://xameren.fsky.io">
<img src="/assets/images/badges/associated/xameren.png"
alt="Xameren" />
</a>
<h3>Other nice sites</h3>
<a rel="noopener noreferrer" href="https://archive.org">
<img src="/assets/images/badges/sites/internetarchive.gif"
alt="Internet Archive" />
</a>
<h3>Cool software</h3>
<a rel="noopener noreferrer" href="https://alpinelinux.org">
<img src="/assets/images/badges/software/alpine.png"
alt="Alpine Linux" />
</a>
<a rel="noopener noreferrer" href="https://alpinelinux.org">
<img src="/assets/images/badges/software/alpine2.png"
alt="Alpine Linux" />
</a>
<a rel="noopener noreferrer" href="https://alpinelinux.org">
<img src="/assets/images/badges/software/alpine3.png"
alt="Alpine Linux" />
</a>
<a rel="noopener noreferrer" href="https://archlinux.org">
<img src="/assets/images/badges/software/archlinux.gif"
alt="Arch Linux" />
</a>
<a rel="noopener noreferrer" href="https://artixlinux.org">
<img src="/assets/images/badges/software/artix.gif"
alt="Artix Linux" />
</a>
<a rel="noopener noreferrer" href="https://gnu.org/software/emacs">
<img src="/assets/images/badges/software/made-with-emacs.png"
alt="Made with GNU Emacs" />
</a>
<a rel="noopener noreferrer" href="https://geti2p.net/en/">
<img src="/assets/images/badges/software/i2p.gif"
alt="I2P" />
</a>
<a rel="noopener noreferrer" href="https://jellyfin.org">
<img src="/assets/images/badges/software/jellyfin.gif"
alt="Jellyfin" />
</a>
<a rel="noopener noreferrer" href="https://kde.org">
<img src="/assets/images/badges/software/kde.gif"
alt="KDE" />
</a>
<a rel="noopener noreferrer" href="https://kernel.org">
<img src="/assets/images/badges/software/linux.gif"
alt="Linux" />
</a>
<a rel="noopener noreferrer" href="https://navidrome.org">
<img src="/assets/images/badges/software/navidrome.gif"
alt="Navidrome" />
</a>
<a rel="noopener noreferrer" href="https://qbittorrent.org">
<img src="/assets/images/badges/software/qbittorrent.png"
alt="qBitTorrent" />
</a>
<a rel="noopener noreferrer" href="https://torproject.org">
<img src="/assets/images/badges/software/tor.gif"
alt="Tor" />
</a>
<a rel="noopener noreferrer" href="https://yggdrasil-network.github.io/">
<img src="/assets/images/badges/software/yggdrasil.png"
alt="Yggdrasil" />
</a>
<h3>Misc</h3>
<img src="/assets/images/badges/misc/discord-no-way.gif"
alt="Discord? No way!" />
<img src="/assets/images/badges/misc/sucks.gif"
alt="This website sucks" />
</div>
<div class="footer">
<img src="/assets/svg/kopimi.svg" width="15px" alt="" style="vertical-align: middle" />
<a href="/kopimi.xht">Kopimi</a> 2025
</div>
</body>
</html>

View file

@ -1,34 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/assets/css/main.css" />
<title>wanderlost - mirrors</title>
</head>
<body>
<div class="navbar">
<h1 class="title"><a href="/">wanderlost</a></h1>
<a href="/links.xht">links</a>
<a href="/blog/">blog</a>
<a href="/mirrors.xht">mirrors</a>
</div>
<div class="main">
<hr />
<h2 class="title">Mirrors</h2>
<ul>
<li><a href="https://zayd.fsky.io/">Clearnet (mirrored by FSKY)</a></li>
<li><a href="http://wanderlost.i2p/?i2paddresshelper=NhKbLIrZkPpGSe3BuwKnyjn3PgAfdOtfdoEkL2go1yU2EpssitmQ-kZJ7cG7AqfKOfc-AB906192gSQvaCjXJTYSmyyK2ZD6RkntwbsCp8o59z4AH3TrX3aBJC9oKNclNhKbLIrZkPpGSe3BuwKnyjn3PgAfdOtfdoEkL2go1yU2EpssitmQ-kZJ7cG7AqfKOfc-AB906192gSQvaCjXJTYSmyyK2ZD6RkntwbsCp8o59z4AH3TrX3aBJC9oKNclNhKbLIrZkPpGSe3BuwKnyjn3PgAfdOtfdoEkL2go1yU2EpssitmQ-kZJ7cG7AqfKOfc-AB906192gSQvaCjXJTYSmyyK2ZD6RkntwbsCp8o59z4AH3TrX3aBJC9oKNclNhKbLIrZkPpGSe3BuwKnyjn3PgAfdOtfdoEkL2go1yU2EpssitmQ-kZJ7cG7AqfKOfc-AB906192gSQvaCjXJXGPxAQRUxBRB27ytEW21Vdu66yzoT7xQq~~-E9Gf8dDBQAEAAcAAA==">I2P (AH)</a></li>
<li><a href="http://om6mzpwesghr4quaiyvmwe7prgb2bmypb74ehsjmz56u4lah2q5a.b32.i2p/">I2P (b32)</a></li>
<li><a href="http://dhrglakamniet5jtehkb7rp7zdqhzw6trkum3dieoeenszttgcjle6yd.onion/">Tor (FSKY)</a></li>
<li><a href="http://wl.zyae5rxcjcezkozdbjb6oabzegiu6erx5e3o6mcl73qzzphhu2adu5yd.onion/">Tor (self-hosted)</a></li>
<li><a href="http://[300:5506:25eb:d0d9:1000:1000:1000:1000]/">Yggdrasil</a></li>
</ul>
</div>
<div class="footer">
<img src="/assets/svg/kopimi.svg" alt="" style="vertical-align: middle; width: 15px" />
<a href="/kopimi.xht">Kopimi</a> 2025
</div>
</body>
</html>