I reinvented my web presence
The following content in my personal web has been redesigned using hand-coded HTML templates, Vimwiki, and BSSG, with no JavaScript nonsense:
- Blog : You are here. I use the Bash Static Site Generator.
- Gists : Standalone code snippets, commands, and tutorials. This originally used to be hosted on a Gitea instance and later on a leaflet.pub site. The HTML is generated from templates using Vimwiki.
- Main website : Each page, including the CSS, is hand-coded from scratch, with inspiration taken from the text-only theme for BSSG.
- Techne : My practical knowledge base. Like Gists, this is also generated from HTML templates using Vimwiki.
At the moment, I have the CSS configured to use the default font families for client web browsers. Eventually I’d like to use custom fonts, like Iosevka (sans-serif, monospace) or JetBrains Mono, which I would place in the web root for the CSS to load locally. I think it’s more polite, secure, and efficient to do it this way instead of loading the fonts from some remote CDN. I have to figure out how exactly to do this, which I’m sure I can find plenty of resources about on the web. Last time I tried I think the CSS was misconfigured and I was confused with using relative paths in the HTML and CSS.
For Gists and Techne, I use the Catppuccin Pygments style for syntax highlighting. I have to figure out how to use Pygments with BSSG, but it’s not terribly important for me to have syntax highlighting on my blog. Ideally I’d like to have a Copy to clipboard button for code blocks, but this cannot be done with HTML and CSS alone. Not a big deal anyway, though.
Am happy with all this ☺️.