About
I can be contacted at thenewfurnace (at) proton (dot) me.
This website was made with Hugo. Check Hugo out at gohugo.io.
Throughout the making of this website, I used many different resources and was helped by many guides and tutorials. Here are, in no particular order, the different websites and resources I used (and that I wrote down; if I have accidentally used your work without credit or permission, please do contact me):
- I greatly relied on the book “Build Websites with Hugo - Fast Web Development with Markdown”, by Brian P. Hogan, which can be acquired here. Highly recommend it if you just want a starting point and some very useful examples. The code used in this website’s search engine is a modified version of his book’s (though with search caching, which Hogan does not delve into). The book also has some great tips for developers in general, especially regarding asset piping, which greatly simplifies building and managing the different bits of the website.
- Said search engine was constructed using Lunr for the Indexing and Searching functionality and Axios for HTTP requests done with Javascript (mostly to fetch the Search Index, which has been pre-built in order to save processing on the client-side).
- The footnote functionality is provided by Voktech Pavlovsky (Vaetas)’s Hugo Footnotes Popup plugin, used as-is, pretty much (just made to fit the styles of this website): https://github.com/vaetas/hugo-footnotes-popup. It is by far the most elegant solution to the problem (old readers might remember the nightmare that was the footnote functionality on the previous version of this website, which I had coded myself, not very competently).
- I relied a great deal on Mozilla’s guidelines on just about everything; it is an excellent resource. For CSS information, CSS-Tricks is unbeatable. Flex and Grid are so much simpler with the aid of their guides. Stack Exchange and Stack Overflow are, as always, invaluable resources for anyone writing any kind of code.
- Making the site accessible is a challenge (which I haven’t really managed to overcome yet… ARIA compliance is a lot of work!) Still, I referred to the following guide when attempting to make the website dyslexia-friendly.
Besides these resources for creating the website, I also used the following images, icons, textures and the like, all (so far as I gather) in the public domain or under free/libre licenses:
- Background photograph: Slag run-off from open hearth furnace, Republic Steel Corp., Youngstown, Ohio, by Alfred T. Palmer
- The fonts are as follows:
- Header: Old Newspaper
- Default font: Merriweather
- Alternative fonts: Comic Shanns v2, Open Dyslexic, Helvetica and Courier (as supplied by Operating Systems)
- Transparent textures
- Hamburger Menu:
- Close Button for Hamburger Menu:
- Flags (still to be used, for in the future when I include more languages on the website).