Index

The main landing page that describes the website's structure

It works!

Quickstart

To quickly find something go check the Links page as that contains links to all the hosted services and external pages.

To learn more about the website checkout the dedicated About page as it hosts a more detailed description of the site.

About

This site (and all the other services hosted on this domain) aren't intended for public use, so no signing up for an account and using it to store all your files, and otherwise doesn't do anything particularly useful except for hosting stuff like code that I've make publicly available. There are actually useful things hosted on the server but none that you're allowed to use as they're only for private use by me (unless staring at the login page counts "using" or "useful").

The point of the website is to prove that the webserver / reverse proxy actually works and can serve static content, as this functionality comes more or less as a free side effect of having the proxy to the other internal services setup in the first place. The section about Nginx's setup on the About page explains this much better so go and read that for more info.

Notes

Similar to the Remarks section on the About page.

The logo for the site can be found embedded in the footer as an SVG with a single path and is made with a slightly modified version of the Jacquard 24 font.

The font used for the body text is called Inter, with a link and copy of the license included in the source code.

This site was hand written in pure HTML and CSS (with no JavaScript) with a custom helper Python script to automatically generate the top navigation bar and inject other page content so that the final package can be served as just a bunch of static web files; the site also doesn't feature any AI generated text or code even if it was used during development. Despite the fact that I used Inkscape to design and work with all the SVG files, the final SVG content still had to be hand written (excluding the paths' d attribute) and formatted.

The site doesn't support being a Progressive Web App (or PWA) as it's missing some of the files the browser expects so won't look particularly good as one (and why would you want that anyway). The favicon also might not render correctly in some browsers as it's just an SVG (with a built in <style> tag) and no fallback defined (not even a /favicon.ico file).

The name Middle Definition is a play on words coming from the initials "HD" also being used to represent media that is "high definition" (as in 720p, low for today's standards) but obviously highdefinition.com and standarddefinition.com are taken so middledefinition.com it was.