minor updates, rss, styling, more

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 {

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

layouts/_default/list.html

@@ -1,15 +1,20 @@
 {{ define "main" }}
-	<main class="list">
+<main class="list">
-		{{ if or .Title .Content }}
+    {{ if or .Title .Content }}
-		<div>
+    <div>
-			{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
+        <div class="list__title">
-			{{ with .Content }}<div>{{ . }}</div>{{ end }}
+            {{ with .Title }}
-		</div>
+                <h1>{{ . }}</h1>
-		{{ end }}
+            {{ end }}
-
+            {{ with .OutputFormats.Get "rss" -}}
-		{{ range .Paginator.Pages }}
+                {{ printf `<a href="%s">[RSS]</a>` .Permalink | safeHTML }}
-			{{ .Render "summary" }}
+            {{ end -}}
-		{{ end }}
+        </div>
-		{{ partial "pagination.html" . }}
+        {{ with .Content }}
-	</main>
+        <div>{{ . }}</div>
+        {{ end }}
+    </div>
+    {{ end }} {{ range .Paginator.Pages }} {{ .Render "summary" }} {{ end }} {{
+    partial "pagination.html" . }}
+</main>
 {{ end }}