155 lines
9.2 KiB
Django/Jinja
155 lines
9.2 KiB
Django/Jinja
{% from "energy.html.j2" import energy %}
|
||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
|
||
"http://www.w3.org/TR/1998/REC-html40-19980424/loose.dtd">
|
||
<html lang="en">
|
||
<head>
|
||
<title>Wes' Retro Site</title>
|
||
<link rel="stylesheet" href="basics.css" type="text/css">
|
||
<meta name="viewport" content="width=640, initial-scale=1">
|
||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
|
||
</head>
|
||
<body bgcolor="#f9f9f9">
|
||
<basefont face="sans-serif" size="3">
|
||
<table width="600" align="center">
|
||
<tr valign="middle">
|
||
<td width="70%" height="75">
|
||
<h1>Wes’ Retro Site</h1>
|
||
</td>
|
||
<td width="15%" align="right"><a href=".">Home</a></td>
|
||
<td width="15%" align="right"><a href="cgi-bin/about.cgi">About</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">
|
||
<img src="welcome_sun_mc.gif" alt="A sun with sunglasses on top of the text: Welcome" class="pixelate" width="120" height="60">
|
||
<p>
|
||
Welcome to <a href="https://www.wezm.net/">my</a> retro website! It's about some retro things and implemented with retro tech
|
||
like HTML4 and tables. You can read more about how it was built in this post on my blog:
|
||
<a href="https://www.wezm.net/v2/posts/2025/website-fit-for-1999/">Building a Website Fit for 1999</a>.
|
||
</p>
|
||
|
||
<p>
|
||
This site is available
|
||
over <a href="https://home.wezm.net/~wmoore/">https</a> for modern browsers,
|
||
and <a href="http://home.wezm.net/~wmoore/">http</a> for retro browsers.
|
||
</p>
|
||
|
||
<h2>Menu</h2>
|
||
|
||
<table width="100%" cellpadding="5">
|
||
<tr valign="middle">
|
||
<td>
|
||
<a href="computers.html"><img src="mac.gif" class="pixelate" border="0" alt="Mac icon" width="32" height="32"></a>
|
||
<a href="computers.html">Computers</a>
|
||
</td>
|
||
<td>
|
||
<a href="calculators.html"><img src="ti89.gif" class="pixelate" border="0" alt="TI-89 icon" width="32" height="32"></a>
|
||
<a href="calculators.html">Calculators</a>
|
||
</td>
|
||
<td>
|
||
<a href="pineapples.html"><img src="pineapple.gif" class="pixelate" border="0" alt="Pineapple icon" width="32" height="32"></a>
|
||
<a href="pineapples.html">Pineapples</a>
|
||
</td>
|
||
<td align="center" valign="middle">
|
||
<a href="cgi-bin/sunshinecoast.cgi"><img src="sun_yellow.gif" class="pixelate" border="0" alt="Sun icon" width="32" height="30"></a>
|
||
<a href="cgi-bin/sunshinecoast.cgi">Sunshine Coast</a>
|
||
</td>
|
||
</tr>
|
||
<tr valign="middle">
|
||
<td>
|
||
<a href="artefacts.html"><img src="sapphire.gif" class="pixelate" border="0" alt="Sapphire icon" width="32" height="32"></a>
|
||
<a href="artefacts.html">Artefacts</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<h2>News <a href="news.xml"><img src="rss.gif" alt="Subscribe via RSS" width="36" height="14" border="0" class="pixelate"></a></h2>
|
||
|
||
<ul>
|
||
{% for item in news %}
|
||
<li id="news{{ item.uuid }}">{{ item.date }} · {{ item.text|safe }}</li>
|
||
{% endfor %}
|
||
</ul>
|
||
|
||
<h2>Energy</h2>
|
||
|
||
{% if tasmota.type == "Pending" %}
|
||
<p>Pending, try again in 10 seconds.</p>
|
||
{% elif tasmota.type == "Ok" %}
|
||
<p>Live energy stats for the server:</p>
|
||
|
||
{{ energy(tasmota.StatusSNS) }}
|
||
{% elif tasmota.type == "Failed" %}
|
||
<p>The last update failed with this error: {{ tasmota.error }}.</p>
|
||
|
||
{% if tasmota.last_good %}
|
||
<p>The last known good values from {{ tasmota.last_good.StatusSNS | default({'Time': 'unknown'}) | attr('Time') }} were:</p>
|
||
|
||
{{ energy(tasmota.last_good.StatusSNS) }}
|
||
{% endif %}
|
||
{% endif %}
|
||
|
||
<a name="friends" id="friends"></a>
|
||
<h2>Friends of the Old Web</h2>
|
||
|
||
<p>Other websites that serve as inspiration or have things in common with this one:</p>
|
||
|
||
<ul>
|
||
<li><a href="https://solar.stfn.pl/en/">stfn's sun powered website</a> ~ hosted by a solar powered Pi Zero at home.</li>
|
||
<li><a href="https://lisagui.com/">LisaGUI</a> ~ a 1-bit web UI inspired by the Apple Lisa.</li>
|
||
<li><a href="https://peetz0r.nl/">Peetz0r's website</a> ~ home page with great laptop and phone collections.</li>
|
||
<li><a href="https://dressupgeekout.com/classic-macos/">Charlotte's Classic Mac OS pages</a> ~ interesting posts, also featuring NetBSD.</li>
|
||
<li><a href="https://classicmacdemos.com/">Classic Macintosh Game Demos</a> ~ what is says on the tin!.</li>
|
||
<li><a href="https://ashk.au/"</a><img src="badges/ashkyd.gif" alt="Ash Kyd" width="88" height="31" border="0" class="pixelate"></a> ~ Ask Kyd's Windows 95 themed web site.</li>
|
||
<li>
|
||
<a href="http://retro.rubenerd.com/"><font color="FUCHSIA">Ruben's</font></a>
|
||
<a href="http://retro.rubenerd.com/"><font color="CYAN">Retro</font></a>
|
||
<a href="http://retro.rubenerd.com/"><font color="LIME">Corner</font></a>
|
||
~ Retro computing galore.
|
||
</li>
|
||
<li><a href="https://joelhumphries.com.au/">Joel Humphries</a> ~ hosted on a Raspberry Pi at home.</li>
|
||
<li>
|
||
<a href="https://macthemes.garden/" valign="middle"><img src="badges/macthemes.garden.gif" alt="Mac Themes Garden" width="88" height="31" border="0" class="pixelate"></a>
|
||
~ an archive of classic Mac OS <a href="https://en.wikipedia.org/wiki/Kaleidoscope_(software)">Kaleidoscope</a> themes.
|
||
</li>
|
||
<li>
|
||
<a href="https://infinitemac.org/" valign="middle"><img src="badges/infinite-mac.gif" alt="Infinite Mac" width="88" height="31" border="0" class="pixelate"></a>
|
||
~ run classic Mac OS in your browser.
|
||
</li>
|
||
</ul>
|
||
|
||
<br>
|
||
<hr>
|
||
<br>
|
||
|
||
<center>
|
||
<a href="https://chimera-linux.org/"><img class="pixelate" src="badges/chimera-linux.gif" alt="Hosted on Chimera Linux" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://nginx.org/"><img class="pixelate" src="badges/nginx.gif" alt="Served by Nginx" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://www.rust-lang.org/"><img class="pixelate" src="badges/rust.gif" alt="Generated with Rust" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://neovim.io/"><img class="pixelate" src="badges/neovim.gif" alt="Edited with Neovim" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://infinitemac.org/"><img class="pixelate" src="badges/classic-compatible.gif" alt="Mac OS Classic Compatible" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://zed.dev/"><img class="pixelate" src="badges/zed.gif" alt="Edited in Zed" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://kernel.org/"><img class="pixelate" src="badges/linux.gif" alt="Linux Powered" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://mastodon.decentralised.social/@wezm" rel="me"><img class="pixelate" src="badges/mastodon.gif" alt="Follow me on the Fediverse" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://validator.w3.org/check?uri=http%3A%2F%2Fhome.wezm.net%2F~wmoore%2F"><img class="pixelate" src="badges/valid-html401.gif" alt="Valid HTML 4.01 Transitional" border="0" width="88" height="31"></a>
|
||
|
||
<a href="https://validator.w3.org/feed/check.cgi?url=http%3A%2F%2Fhome.wezm.net%2F~wmoore%2Fnews.xml"><img class="pixelate" src="badges/valid-rss-rogers.gif" alt="Valid RSS" border="0" width="88" height="31"></a>
|
||
<br><br>
|
||
<font size="-1">
|
||
By <a href="https://www.wezm.net/">Wesley Moore</a>. Generated {{ generated | trim }}.<br>
|
||
<a href="sitemap.html">Site map</a> |
|
||
<a href="{{ path|join('')}}news.xml">RSS</a>
|
||
</font>
|
||
</center>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</body>
|
||
</html>
|