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
- Javascript enables minor UI enhancements, but is not required
- No cross domain linking. No trackers. No telemetry.
- You can browse like it’s 1995 (as seen via the w3m terminal-based browser)
Typography
- Montserrat - site headers
- Source Sans 3 - paragraph headers
- Nunito Sans - body
- JetBrains Mono - code & plain text (it’s also my favorite terminal font)
- All fonts are in woff2 format and served from my server
- Google Fonts to browse/discover, google-webfonts-helper to download
Icons
- Bootstrap Icons is the source of all icons used
- Used for header light/dark toggle and footer contact icons
Theme & Style
- I just kinda made it up – if you have constructive feedback, I’d love to hear it
- See style.css for details
Development Tools
- neovim and Sublime Text to create and edit source files
- My own zsh script to piece together my source files
- pandoc to convert my markdown files 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
- Certbot to get Let’s Encrypt certificates for https
- Hosted at Hetzner Cloud