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.
Fonts
- Zalando Sans - site header font
- Source Serif 4 - body font
- JetBrains Mono - monospaced font (it’s also my favorite terminal font)
- All fonts are in woff2 format and served from my server
- Like javascript the fonts are not required
- I find Google Fonts is a good place to discover and browse fonts, and google-webfonts-helper is the easiest way to download them
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. ¯\_(ツ)_/¯
- See style.css for details
- (If you’re really good at design and have constructive feedback, I’d love to hear it)
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
- Hosted at Hetzner Cloud - I’ve tried a lot of VPS services over the years, and always come back to Hetzer. Their dedicated servers are pretty great too.