1
Fork 0

Add blog post for site redesign

This commit is contained in:
Jake Howard 2017-11-12 18:18:45 +00:00
parent 8af06a4c55
commit 3eacc561b7
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 25 additions and 0 deletions

View file

@ -101,3 +101,6 @@ systemd
mirrorlist
pacman
MortenLinderud
StartBootstrap
Hugo
Vec

View file

@ -0,0 +1,22 @@
---
title: Why I rewrote my website
date: 2017-11-13
image: /img/new-site-screenshot.png
---
I've had a website for around 4 years now, starting with a python CGI-based site hosted at [1&1](https://www.1and1.co.uk/), and evolving into it's current form, powered by [Hugo](https://gohugo.io/).
Although I'm a web developer, I'm very far from a designer. I really can't design anything!
## Alternatives
In the past, I've used services like [StartBootstrap](https://startbootstrap.com/) and [HTML5UP](https://html5up.net/). These allow me to just throw together a site, and not really worry how it looks, because the design is done for me. The issue with these is that any slight modifications I need to make to the theme, end up spiralling out of control and wrecking the theme.
## Solution
After deciding to do yet another redesign, I had an epiphany. Rather than using a fancy, modern-looking design, let's use something simple! The Hugo theme [_Vec_](https://themes.gohugo.io/hugo-theme-vec/) looked _almost_ perfect. I used _Vec_ as a base for a complete redesign of my site. Rather than actually using _Vec_, I used Bootstrap to replicate it closely, with a few optimisations of my own.
Making the design this simple means there's very little to go wrong. If the whole site looks so simple, it's very hard for it to look quite so bad.
## Implementation
I implemented it in just over 2 weeks, in a [single PR](https://github.com/RealOrangeOne/theorangeone.net/pull/1). In this refactor, I also fixed many things I didn't like about my sites build process. I even installed a [compressor](https://github.com/gschier/speedpack) for deployment.
Overall I'm really happy how the rewrite looks, It's far nicer and more original than my previous sites. Now, to push it live!

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB