The Portfolio Stack

This article is a short write-up of what I have used to create this portfolio, highlighting the Development, Design and Deployment factors. If you have any further questions, don’t be afraid to reach out.


The main technologies involved in the creation of this blog are:

  • Hugo
    A popular open-source static site generator written in Go, its benefits include speed and flexibility. I simply enjoy using it, I’ve used Jekyll and find it very similar, but more customizable. I also feel it is easier to get started as I don’t have to mess around with Ruby.
  • SCSS
    “CSS with superpowers”, and it really is. I actually use it in all personal and professional projects, it’s very similar to CSS so the syntax is the same and I feel it actually improves productivity and maintainability of the style sheets. very important on large scale projects, or ones that you don’t regularly visit.
  • VSCode
    It has been the code editor of my choice for years, I enjoy using the Development Container feature, this is very useful when working with technologies that run on different versions, without having to re-install / configure each time. Especially when I might be switching between them multiple times a day, or even each hour. There has even been instances when I’ve been running PHP 7, PHP 5, Angular 2 and Angular 8 at the same time. Oh, did I mention the Angular projects were running on their own NodeJS version?
  • GitHub
    I haven’t really got much to say regarding my portfolio on GitHub, but it’s simple, useful and works well, so why not?


The main design of this website is based on the Hugo Codex theme, by Jake Wiesler and contributors. I have made a number of edits to better suit my portfolio, but overall it has stayed looking relatively similar, though there are many technical changes. The notable visual changes are:

  • The font has changed to Overpass, an open-source font designed by Delve Fonts between 2011–2019 on commission from Red Hat, Inc. Do you want to know an interesting fact? It’s an interpretation of the well-known “Highway Gothic” from the Standard Alphabets for Traffic Control Devices, which was published by the U.S. Federal Highway Administration in 1948. Cool!
  • The links had a bit of an update, especially the menu. I improved the colour feedback for hover, active and visited within text.


This whole website is build and deployed via GitHub Actions, and then hosted by GitHub Pages. Nothing too interesting, but it’s cool to push a commit and have it built and instantly deployed. That is until you deploy a broken thing…

© 2020