diff --git a/.spelling b/.spelling index 2828051..b81407b 100644 --- a/.spelling +++ b/.spelling @@ -101,3 +101,6 @@ systemd mirrorlist pacman MortenLinderud +StartBootstrap +Hugo +Vec diff --git a/content/posts/why-i-rewrote-my-website.md b/content/posts/why-i-rewrote-my-website.md new file mode 100644 index 0000000..fc62d24 --- /dev/null +++ b/content/posts/why-i-rewrote-my-website.md @@ -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! diff --git a/static/src/img/new-site-screenshot.png b/static/src/img/new-site-screenshot.png new file mode 100644 index 0000000..bac0530 Binary files /dev/null and b/static/src/img/new-site-screenshot.png differ