fix: address lighthosue accessiblity issues

Author: DewaldV

content/about/_index.md

@@ -6,17 +6,17 @@ layout: "about"
 
 I'm a Principal Engineer at [RVU](https://www.rvu.co.uk/), based in Bath, UK. My day-to-day is in platform engineering - distributed systems, cloud infrastructure (mostly AWS), Kubernetes, and developer tooling.
 
-### What I'm Into
+## What I'm Into
 
 I spend most of my time in Linux (NixOS specifically), Rust, and Go. I'm currently learning Rust by building small games with [Bevy](https://bevyengine.org/) as a way to explore the language beyond typical backend work.
 
 I like declarative configuration and reproducible environments. My [NixOS config](https://github.com/DewaldV/nixos) manages multiple machines and I run a homelab with [Home Assistant](https://www.home-assistant.io/) on a Raspberry Pi alongside several NixOS boxes.
 
-### The Homelab
+## The Homelab
 
 I'm always tinkering with my home automation setup - currently planning smart heating with Zigbee TRVs and running proper cable throughout the house. I lean heavily toward self-hosting and local control over cloud-dependent services, and I'm gradually working on de-Googling.
 
-### Other Interests
+## Other Interests
 
 - Gaming on Linux
 - Boxing and hiking

hugo.toml

@@ -1,11 +1,14 @@
 baseURL = 'https://dewaldv.com/'
 languageCode = 'en-GB'
 title = 'DEWALD VILJOEN'
+copyright = 'Dewald Viljoen'
 
 theme = "tales"
 
 [params]
   mainSections = ["posts"]
+  description = "A blog about Linux, Rust, homelabbing, and life as a developer."
+  author = "Dewald Viljoen"
   github = "https://github.com/DewaldV"
   linkedin = "https://www.linkedin.com/in/dewaldv/"
   email = "[email protected]"

themes/tales/layouts/_default/baseof.html

@@ -9,9 +9,22 @@
 			if (t) document.documentElement.setAttribute('data-theme', t);
 		})();
 	</script>
-	<title>{{ .Title }}</title>
-	{{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
+	<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} &middot; {{ .Site.Title }}{{ end }}</title>
+
+	{{- $description := .Site.Params.description }}
+	{{- with .Description }}{{ $description = . }}{{ end }}
+	{{- if and (not .Description) .IsPage }}{{ with .Summary }}{{ $description = . }}{{ end }}{{ end }}
+	<meta name="description" content="{{ $description }}">
+
 	{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
+	<link rel="canonical" href="{{ .Permalink }}">
+
+	<meta property="og:title" content="{{ .Title }}">
+	<meta property="og:description" content="{{ $description }}">
+	<meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}">
+	<meta property="og:url" content="{{ .Permalink }}">
+	<meta property="og:site_name" content="{{ .Site.Title }}">
+
 	<link rel="stylesheet" href="{{ "css/style.css" | relURL }}">
 	{{ range .Site.Params.customCSS -}}
 		<link rel="stylesheet" href="{{ . | relURL }}">

themes/tales/layouts/partials/contact.html

@@ -1,6 +1,6 @@
 {{ if or .Site.Params.github .Site.Params.linkedin .Site.Params.email }}
 <div class="contact">
-	<h3>Get In Touch</h3>
+	<h2>Get In Touch</h2>
 	<ul>
 		{{ with .Site.Params.github }}<li><a href="{{ . }}">GitHub</a></li>{{ end }}
 		{{ with .Site.Params.linkedin }}<li><a href="{{ . }}">LinkedIn</a></li>{{ end }}

themes/tales/static/css/style.css

@@ -101,6 +101,12 @@ pre code {
   background: none;
 }
 
+/* Contact */
+.contact a {
+  display: inline-block;
+  padding: 8px 0;
+}
+
 /* Latest post callout */
 .latest-post {
   display: flex;