Site Technical Details
Blown away by the amazing site design? Had to know more? Well here you go!
HTML, CSS, and Javascript
- All code written by Mark McBride unless otherwise noted
- Javascript enables minor UI enhancements, but not required
- enhances light/dark modes
- highlight.js to stylize code
- ensures the footer date is correct
- No cross domain linking. No trackers. No telemetry. No cookies.
- You can browse like it’s 1995 (as seen via the w3m terminal-based browser)
Typography
- Fonts are in woff2 format
- Font files are served from this domain
- Fonts used are:
Montserrat - Site
Header
ABCDE 01234 @#$%&
Source Sans 3 -
Paragraph Headers
ABCDE 01234 @#$%&
Nunito Sans -
Body
ABCDE 01234 @#$%&
Berkeley
Mono - Code & Plain Text
ABCDE 01234 @#$%&
Theme & Style
- I just kind of made it up – if you have constructive feedback, I’d love to hear it
- See style.css for details
- Bootstrap Icons used for header light/dark toggle and footer contact icons
Development Tools
- neovim and Sublime Text to edit text
- zsh to piece together source files
- pandoc to convert markdown to html
- Python’s built-in web server for testing
- rsync to get it to the production web server
Production Services
- Served using nginx on FreeBSD
- HTTP/3 if your browser supports it
- Certbot to get Let’s Encrypt TLS certificates
- Hosted at Hetzner Cloud