141 lines
6.8 KiB
Django/Jinja
141 lines
6.8 KiB
Django/Jinja
{% from "footer.html.j2" import footer %}
|
||
<!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>About 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="640" align="center">
|
||
<tr valign="middle">
|
||
<td width="70%" height="75">
|
||
<h1>About Wes’ Retro Site</h1>
|
||
</td>
|
||
<td width="15%" align="right"><a href="../">Home</a></td>
|
||
<td width="15%" align="right"><a href="about.cgi">About</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">
|
||
<p>
|
||
This website is hosted by a {{ age|fixed(1) }} year old fanless computer on my desk in
|
||
the <a href="sunshinecoast.cgi">Sunshine Coast</a> region of Queensland Australia.
|
||
</p>
|
||
|
||
<p><img src="../images/latte-panda.jpg" alt="Photo of the LattePanda in a passive cooling case" width="640" height="427"></p>
|
||
|
||
<table cellpadding="3">
|
||
<tr>
|
||
<th align="right">Model</th>
|
||
<td><a href="https://www.lattepanda.com/lattepanda-v1">LattePanda V1 single-board computer</a></td>
|
||
</tr>
|
||
<tr>
|
||
<th align="right">CPU</th>
|
||
<td>Quad core <a href="https://www.intel.com/content/www/us/en/products/sku/93361/intel-atom-x5z8350-processor-2m-cache-up-to-1-92-ghz/specifications.html">Intel Atom x5-Z8350</a></td>
|
||
</tr>
|
||
<tr>
|
||
<th align="right" valign="top">RAM</th>
|
||
<td>
|
||
<p>2Gb LPDDR3</p>
|
||
<pre>{{memory}}</pre>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th align="right" valign="top">Storage</th>
|
||
<td>
|
||
<p>32Gb eMMC</p>
|
||
<pre>{{storage}}</pre>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th align="right">OS</th>
|
||
<td><a href="https://chimera-linux.org/">Chimera Linux</a></td>
|
||
</tr>
|
||
<tr>
|
||
<th align="right">Uptime</th>
|
||
<td><pre>{{uptime | trim}}</pre></td>
|
||
</tr>
|
||
</table>
|
||
|
||
<h2>How</h2>
|
||
|
||
<p>
|
||
Connections are forwarded from my server to the computer over
|
||
<a href="https://tailscale.com/">Tailscale</a>. This way I don't
|
||
need to worry about dynamic DNS, CGNAT, and port forwarding on
|
||
my router. It's served over HTTP so that it works with old
|
||
computers.
|
||
</p>
|
||
|
||
<p>
|
||
The server is running Chimera Linux and serves the site via a combination
|
||
of Nginx and a custom written Rust program.
|
||
</p>
|
||
|
||
<h2>What</h2>
|
||
|
||
<p>
|
||
The site is hand coded in HTML 4. Pages are generated from
|
||
<a href="https://github.com/mitsuhiko/minijinja">MiniJinja</a>
|
||
templates. Static pages are generated with a Makefile at build
|
||
time and served as static HTML. Dynamic pages (under the
|
||
<tt>cgi-bin</tt> path) are generated by a custom server implemented in
|
||
<a href="https://www.rust-lang.org/">Rust</a>.
|
||
</p>
|
||
<p>
|
||
The <a href="https://forge.wezm.net/wezm/home.wezm.net">source code</a>
|
||
is on my forge.
|
||
</p>
|
||
|
||
<h2>Why?</h2>
|
||
|
||
<p>
|
||
Who could say? Mostly to scratch an itch, play with Tailscale,
|
||
and pretend it's 1999 again, but importantly: because it's fun.
|
||
</p>
|
||
|
||
<h2>Compatibility</h2>
|
||
|
||
<p>
|
||
This website aims to be HTML4 Transitional compliant. It has been tested
|
||
on:
|
||
</p>
|
||
|
||
<ul>
|
||
<li>Internet Explorer 4.01 on Mac OS 8.1</li>
|
||
<li>Netscape Navigator 3.01 on Mac OS 8.1</li>
|
||
<li>Netscape Navigator 4.08 on Mac OS 8.1</li>
|
||
<li>Netscape Navigator 4.08 on Windows 98</li>
|
||
<li>modern Firefox</li>
|
||
</ul>
|
||
|
||
<p>
|
||
For the best experience the browser should support the UTF-8 text encoding
|
||
(IE and Netscape 4 onwards support this) and be at least 640 pixels wide.
|
||
Due to the nature of the table based layout used on the site it isn't
|
||
super mobile friendly, it does work ok in landscape orientation though.
|
||
</p>
|
||
|
||
<h2>Credits</h2>
|
||
|
||
<h3>Icons</h3>
|
||
|
||
<ul>
|
||
<li><a href="https://discmaster.textfiles.com/view/10415/HYPERLIB-1994-3-CD2.ISO/HYPERLIB-1994-3-CD2.ISO/Library/Util/Icons/Macintosh%20CPU%20Icons.sit/Macintosh%20Icons/Self%20Contained%20Macintoshes/128K_512K_Plus%20(1%20drive)/Icon%E2%86%B5.rsrc/icl8_-16455.png">mac icon</a></li>
|
||
<li><a href="https://discmaster.textfiles.com/view/17176/ticalc_org_rev_b.iso/archives/win/89icon.zip/ti89.ico/32x32x24.png">ti89 icon</a></li>
|
||
<li><a href="https://discmaster.textfiles.com/view/21430/Macintosh%20Compilation%20CD%20Number%201%20(December%201995).iso/Entertainment/I%20Like%20ICON%20!/ILI%20Program%20Installer.image/ILI%20Program%20Installer.sea/Some%20More%20Icons/Food/Pineapple.rsrc/icl4_-16455_Pineapple.png">pineapple icon</a></li>
|
||
<li><a href="https://discmaster.textfiles.com/view/5437/ESS2.ISO/science/sun/vp_welcome_sun.htm">welcome GIF</a></li>
|
||
<li><a href="https://discmaster.textfiles.com/view/5437/ESS2.ISO/science/sun/vp_sun_palms.htm">sun palms GIF</a></li>
|
||
<li><a href="https://discmaster.textfiles.com/view/22980/PCWNOV04.iso/Software/Full/Namo%204/Clipart/Icons/Nature_Science/sun_yellow.gif">sun icon</a></li>
|
||
<li><a href="https://pixelsea.neocities.org/?m=badge#mastodon">Mastodon badge</a></li>
|
||
</ul>
|
||
|
||
{{ footer(generated, 1) }}
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</body>
|
||
</html>
|