Site Redesign

Published 19.11.2018, 1 minute read

Short update summarizing the changes done to this site recently.

Redesign

When this site was put together initially, it was basically a prototype for some kind of blog/portfolio kind of thing.

Now, about 6 months later, there’s been a slight redesign - the first of many I’m afraid…

Anyway, this post will probably just serve me as a personal tracker of what’s changed, so here we go:

Behind the scenes

  1. Reduced Bootstrap 4 to the bare minimum of required components, thereby reducing the size of the CSS significantly. Currently using:
    • BS4 reboot
    • BS4 grid
    • BS4 navbar
    • BS4 utilities
    • 250 lines of additional CSS for the buttons etc.
  2. Implemented CSS processing via gulp in conjunction with postcss, concat-css and cssnano
  3. Started using a Hugo Base Template , which is supposed to be making future changes easier to apply globally

Visible changes

  1. Switched to “Nunito” as the site’s font face - Link 
  2. Found a nice colour palette here  and changed the site’s color scheme based on that
  3. Reworked the navbar, adding some fancy CSS to the main navigation items
  4. Reworked the buttons, some more fancy CSS
  5. Added a real “Contact” page, displaying contact options as a centered flexbox element
  6. Applied some CSS to the scrollbar, making it look a little more individual
  • Share this Article:

Related Posts

27.08.2018

Responsive Web Design Certification

A short update after obtaining the Responsive Web Design Certification on freeCodeCamp.

10.02.2019

Update - February 2019

A brief update from February 2019.