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.

#Development

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?

#Design

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.

#Deployment

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