avefree
My (Dis)qualifications
I created my first website in September of 2022 and I didn't start putting any real effort into it until around November (estimated by the date of my first changelog entry). I'm pretty new at this! Still, I think it's worth it to put these out there for three reasons.
- I think I'm getting the hang of it.
- Sometimes it's more fun to make layouts than to think up things to fill them with.
- I'm interested in trying out styles that don't "match" the rest of my site.
Layout Properties
I'll admit that the code on the rest of my site can be a bit messy, but here I'm behaving myself and trying to follow best practices.
All layouts are responsive to screen size. I test them on my small laptop, my phone, and my ultrawide desktop monitor in both firefox and chromium browsers.
Templates use semantic HTML wherever possible and include some comments to help orient you. They will not include the placeholder images I put in the preview.
Terms of Service
You may:
- Change colors, fonts, margins, etc (Please do!)
- Move credit somewhere other than where I've put it
- Remove credit entirely
- Reach out for clarification or customization advice
- Let me know if something is broken
- Break it yourself
You may not:
- Expect 24/7 tech support
- I do want to help but I'm busy (& shy!)
Layout #3: Cyanobacteria
- Release date: March 9, 2024
- Inspiration: looking at any of the top sites on neocities or nekoweb, MagicPattern
I wanted to try making one of those 2000s-style “everything in tiny boxes” homepage layouts with some modern improvements. The container width is set in rem (so the box scales with each visitor's default font size) and it's a flexbox (so the tiny boxes get rearranged responsively). Light and dark mode are included, with colors set by the variables at the top of the CSS file.
Layout #2: Amoeba
- Release date: Dec 31, 2023
- Inspiration: sol's home, errormine, crunchy fonts
- Fonts: terminal grotesque open & degheest regular
A simple single column layout with a flex-box navigation bar. Made with text-heavy pages in mind.
Layout #1: Stentor
- Release date: Aug 11, 2023
- Inspiration: kalechips v3, biome, the dream of a totally clean lab space
- Used by: my clay page
This is my first free layout! Wowee. This is what I imagine my site might look like if you hosed the whole thing down with a pressure washer, then sprayed all the surfaces with 70% ethanol to disinfect them.