What is this site?

This is a site containing some useful web resources as I find them, and personal projects I have worked on; mainly Warhammer at the moment

It is also a way for me to learn general HTML, CSS and JS development without needing a complicated site generator or modern typescript web development tools, sticking to simple manual web page writing with some homegrown scripted help along the way using both javascript and python

It is built using VSCode on a Fedora Linux system as a glorified text editor, but with some helpful intellisense. The site is then tested in a docker container running httpd:2.4-alpine and viewed locally in Firefox. Once happy with all the changes I push to the host, in the case with NeoCities via the Ruby gem neocities

Latest Update

Homepage set up with basic outline. We have a header to intended areas of navigation, and both the header and sidebar are set up using a reusable JS script. We have a Warhammer section showing some projects I have with support for images inside each one, only a few work but this will motivate me to take more pictures.

Objectives

  • Every page has valid HTML, CSS and JS and no errors are logged in the console beyond what Neocities (the current host as of 2026) or any future host makes unavoidable
  • The size of any page is preferably under 256kb
  • The homepage should be under 128kb, but should still be able to include some images such as the 88x31 and 80x15 badges to the side
  • The homepage should include a news item about the state of the site, which may be aged but at least accurate
  • Images should be served in the modern .avif format for tiny filesizes
  • If possible an image should also be served as a thumbnail and clicking the image shows the full resolution
  • If a page still needs to use more, then a warning or note can be given before navigation
  • Each page does as much as possible for accessibility, including text contrast, navigation and image alt text
  • This site should be drag and drop into any web host or personal apache/nginx web server from its root directory. There should be no personal or private data in this websites data that could prevent it from being backed up publically. No matter where it is hosted it should look the same.
  • Although there is no interest in mobile web app development, the simple layout restrictions of this site should mean mobile viewing should work comfortably
  • Attempt to use as many HTML tags as possible to semantically separate content, this helps with both accesibility and avoiding huge <div> chains
  • All a tags use target="_blank" rel="noopener noreferrer"
  • As many a tags include an archive link immediately afterwards; archive.ph, internet archive etc