Make header title clickable

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "2.7.0",
+    "version": "2.7.1",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Florine W. Dekker",
     "license": "MIT",
@@ -35,7 +35,7 @@
         "grunt-focus": "^1.0.0",
         "grunt-webpack": "^5.0.0",
         "ts-loader": "^9.3.1",
-        "ts-node": "^10.7.0",
+        "ts-node": "^10.9.1",
         "typescript": "^4.7.4",
         "webpack": "^5.74.0",
         "webpack-cli": "^4.10.0"

src/main/css/snippets/common.css

@@ -46,6 +46,10 @@ header .container {
     text-align: center;
 }
 
+header h1 > a {
+    color: black;
+}
+
 
 /* Footer */
 footer {

src/main/js/template.js

@@ -134,7 +134,7 @@ const header = function({title, description}) {
 
     return stringToHtml(
         `<header><section class="container">` +
-        (title !== undefined ? `<h1>${title}</h1>` : "") +
+        (title !== undefined ? `<h1><a href="./">${title}</a></h1>` : "") +
         (description !== undefined ? `<p><em>${description}</em></p>` : "") +
         `</section></header>`,
         "header"