diff --git a/assets/style.scss b/assets/style.scss index b7eb900..8577806 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -16,6 +16,8 @@ code { font-family: FiraCode, monospace; } +pre code { white-space: pre-wrap; } + .content-wrapper { width: vars.$content-width-norm; padding: 0 calc((100% - #{vars.$content-width-norm}) / 2); @@ -119,6 +121,18 @@ img { .list { display: flex; flex-direction: column; + + &__title { + display: flex; + + h1 { + display: inline; + } + + a { + margin: auto 0 28px 4px; + } + } } .footer { diff --git a/content/posts/this-website.md b/content/posts/this-website.md index 309e82d..7a4bf96 100644 --- a/content/posts/this-website.md +++ b/content/posts/this-website.md @@ -13,6 +13,11 @@ each time I learn of some new technology through uni, on my own steam, or at work, I rework the site a little bit. The current design is my favourite so far. It's also the most complex. +I would like to note that I'm not a designer and the purpose of the site was +never to look pretty but rather to be a playground in which I could experiment +with ideas and technologies and where I could learn. Although I think it's fair +to say that over time the visuals have improved somewhat. + ## A little timeline - 2009 - sites initial creation, very basic hand rolled static site. Contents is @@ -28,6 +33,11 @@ It's also the most complex. create a very basic gallery. It was open to the public for uploads and there was a global clear button. Very simple comment threads were also used. + ![My original website](/images/site-early.png) + + I don't have a simple way of capturing images of the earlier sites, one of + which I have totally lost, or the php sections of the site. + - 2018 - a major change occurs. The forum, site, and gallery, are all recreated in angularjs and node APIs are built for the forum and gallery. This came from a web dev topic I completed at uni. Everything looked pretty similar to the @@ -35,6 +45,8 @@ It's also the most complex. APIs on the Kubernetes cluster I talk about in another post. Their management was a pain though for reasons I won't get into here which leads me to... + ![My website from 2018-2020](/images/site-v1.png) + - 2020-2021 - the site is rewritten yet again, this time using angular11 (something I was introduced to through work). The forum and gallery are removed from the site and instead a simple blog is added. I will cover the @@ -44,7 +56,7 @@ It's also the most complex. to fucus on this little blog for now. I want to add more content and make it a bit more feature rich if I can. - ![My website from 2020-2021](/images/site-2020-2021.png) + ![My website from 2020-2021](/images/site-v2.png) - 2022 - Present. I have re-created the website yet again, this time in using [Hugo](https://gohugo.io/). I originally got the idea from Luke Smith but it's diff --git a/layouts/_default/list.html b/layouts/_default/list.html index e3deca7..0280ecc 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,15 +1,20 @@ {{ define "main" }} -
- {{ if or .Title .Content }} -
- {{ with .Title }}

{{ . }}

{{ end }} - {{ with .Content }}
{{ . }}
{{ end }} -
- {{ end }} - - {{ range .Paginator.Pages }} - {{ .Render "summary" }} - {{ end }} - {{ partial "pagination.html" . }} -
+
+ {{ if or .Title .Content }} +
+
+ {{ with .Title }} +

{{ . }}

+ {{ end }} + {{ with .OutputFormats.Get "rss" -}} + {{ printf `[RSS]` .Permalink | safeHTML }} + {{ end -}} +
+ {{ with .Content }} +
{{ . }}
+ {{ end }} +
+ {{ end }} {{ range .Paginator.Pages }} {{ .Render "summary" }} {{ end }} {{ + partial "pagination.html" . }} +
{{ end }} diff --git a/static/images/site-early.png b/static/images/site-early.png new file mode 100644 index 0000000..58218cf Binary files /dev/null and b/static/images/site-early.png differ diff --git a/static/images/site-v1.png b/static/images/site-v1.png new file mode 100644 index 0000000..fd61d66 Binary files /dev/null and b/static/images/site-v1.png differ diff --git a/static/images/site-2020-2021.png b/static/images/site-v2.png similarity index 100% rename from static/images/site-2020-2021.png rename to static/images/site-v2.png