improve footer

assets/footer.scss

@@ -1,10 +1,25 @@
 footer {
-	background-color: var(--border);
 	color: var(--text-secondary);
 	grid-area: footer;
-	a { color: var(--text-secondary); }
+	margin: 1em auto;
+	text-align: center;
+	p{
+		margin: .25em;
 		span {
-		padding: 17.6px 30px;
-		margin-right: auto;
+			&:not(:last-child) {
+				&::after {
+					content: '·';
+					padding: .25em;
+				}
+			}
+			a {
+				color: var(--text-secondary);
+				text-decoration-color: transparent;
+				&:hover {
+					text-decoration: underline;
+					text-decoration-color: var(--text-secondary);
+				}
+			}
+		}
 	}
 }

config/_default/config.yaml

@@ -8,6 +8,8 @@ defaultContentLanguageInSubdir: true
 params:
     displayName: "Vri 🌈"
     username: "@vrifox"
+    staticSiteGenerator: "Hugo"
+    staticSiteGeneratorLink: "https://gohugo.io/"
 
 markup:
     highlight:

config/_default/menu.yaml

@@ -19,7 +19,7 @@ main:
 #    name: "Empfehlungen"
 #    pageref: "/blogroll/"
 #    weight: 5
-footer:
+footer_source:
   - identifier: "sourcecode"
     name: "Quellcode"
     url: "https://code.cozy.town/vri/website"

i18n/de.yaml

@@ -6,6 +6,18 @@ projects:
 blog:
     other: Blog
 
+sourcecode:
+    other: "Quellcode"
+
+# Footer
+build:
+    other: "Build "
+build-title-tag:
+    other: "Build von "
+
+made-with: 
+    other: "Erstellt mit "
+
 # Shortcodes
 verticalposts-more:
     other: mehr

i18n/en.yaml

@@ -6,6 +6,18 @@ projects:
 blog:
     other: Blog
 
+sourcecode:
+    other: "Sourcecode"
+
+# Footer
+build:
+    other: "Build "
+build-title-tag:
+    other: "Build from "
+
+made-with: 
+    other: "Made with "
+
 # Shortcodes
 verticalposts-more:
     other: more

layouts/partials/footer.html

@@ -1,7 +1,12 @@
 
      <footer>
-      <p title="Build vom {{ .Date | time.Format "2. January 2006, um 15:04 Uhr MST" }}">Version: {{ .Date | time.Format "02.01.2006" }}</p>
-      {{- range .Site.Menus.footer }}
-      <a href="{{ .URL }}">{{ .Name }}</a>
+        <p>
+            <span title='{{ i18n "build-title-tag" }}{{ now | time.Format ":date_full" }}, {{ now | time.Format ":time_full" }}'>{{ i18n "build" }}{{ now | time.Format ":date_short" }}</span>
+            {{- range .Site.Menus.footer_source -}}
+            <span><a href="{{ .URL }}">{{ i18n .Identifier | default .Name }}</a></span>
             {{- end }}
+        </p>
+        <p>
+            <span>{{ i18n "made-with" }}<a href='{{ .Site.Params.staticSiteGeneratorLink }}'>{{ .Site.Params.staticSiteGenerator }}</a></span>
+        </p>
     </footer>