I created this site to take part in the time honoured tradition of having a web pressence and being able to independantly publish content most people will never read.


Inspired by brutalist web design and the extreme miniamilism of the 1kB club.

Most of my work recently has been spent researching and testing ways to make websites more sustainable. This has bled into this site as well.

Design Choices

I set myself a few restrictions, this site has to be:

Since the 1kB club was one of the inspirations I did set myself the stretch goal of a:


Most of this is targeted at the home page but will apply to other pages as well. Most of this advice can be found at but duplicating here with my own spin and a few extras, and incase Brad's site goes down.


Head tags:

Optional extras that have been included:

Valid HTML5 tags:

while the last section is called 'Head Tags', the 'head' tag doesn't actually exist in the markup of this site. The only tags included in the home page are:

Believe it or not but 'p' and 'li' and a number of other tags have optional close tags (full list).For the home page, only unclosed 'p' tags were used, saving 32 bytes.


This is the extent of the CSS on the home page:

	*{font:1rem "Century Gothic",serif;}
	main{border:.1rem solid;text-align:center;width:fit-content;padding:2rem 3rem;}
	main *{font-family:monospace;margin:.4rem auto;}
	main hr{width: 50%;}

Most of this is related to the business card design. Bit of fun but ultimately pretty costly for what it is.


Most of the accessibility on this site is done through using proper HTML5 and keeping content simple and text based. Where meaning isn't clear, 'aria-label' attributes are used. This is something I may come back to on the home page as a design that relies less on these attributes would allow for more content.



I rolled my own minifier for the CSS and HTML based on GNU tr. It loops over all html files and runs the following:

cat $file | tr '/t/r/n' > ./build/$file;

Being so simple, it does require you to write code with only essential spaces in the CSS and HTML. Be careful minifying HTML5 as the specification requires spaces between attributes to be valid.

With 'pre' and 'code' elements being used on this page, the minifier did have to become more complex and track opening and closing 'pre' tags.

For the home page this minifying brings the page weight from 1067 to 990 bytes at the time of writing.