new style, new blog post, german langauge translate

blog/layouts/_partials/infobox.html

@@ -1,10 +1,10 @@
     <div class="infobox">
         <div class="infobox-content">
-            <span class="infobox-label">Date Published:</span>
-            <span class="infobox-value">{{ .Date | time.Format "January 2, 2006" }}</span>
+            <span class="infobox-label">{{ i18n "date_published" }}:</span>
+            <span class="infobox-value">{{ .Date | time.Format ":date_long" }}</span>
         </div>
         <div class="infobox-content">
-            <span class="infobox-label">Read time: </span>
-            <span class="infobox-value">{{ printf " %d minute(s)" .ReadingTime }}</span>
+            <span class="infobox-label">{{ i18n "read_time" }}:</span>
+            <span class="infobox-value">~{{ .ReadingTime }} {{ i18n "minutes" }}</span>
         </div>
     </div>

blog/layouts/_partials/topbar.html

@@ -1,13 +1,12 @@
 <header class="topbar">
     <div class="topbar-content">
-    <em>
-        <a href="{{ "/" | relURL }}" class="site-title">
-            {{ .Site.Title }}
-        </a>
-    </em>
+        <a href="{{ "/" | relLangURL }}" class="site-title">{{ .Site.Title }}</a>
         <nav class="nav-links">
-            <a href="{{ "blog/" | relURL }}">~/blog</a>
-            <a href="{{ "whoami/" | relURL }}">~/whoami</a>
+            <a href="{{ "blog/" | relLangURL }}">Blog</a>
+            <a href="{{ "whoami/" | relLangURL }}">{{ i18n "nav_about" }}</a>
+            {{ with .Translations }}
+                {{ range . }}<a class="lang-switch" href="{{ .RelPermalink }}">{{ .Language.Lang | upper }}</a>{{ end }}
+            {{ end }}
         </nav>
-  </div>
+    </div>
 </header>

blog/layouts/_partials/typed.html

@@ -1,28 +0,0 @@
-<style>
-#typedText::after {
-    content: "|";
-    animation: blink 1s infinite;
-    font-weight: bolder;
-}
-@keyframes blink {
-  60% { opacity: 0; }
-}
-</style>
-
-<script>
-document.addEventListener("DOMContentLoaded", function () {
-    const text = "{{ .Site.Params.Greeting }}";
-    const element = document.getElementById("typedText");
-    let index = 0;
-
-    function type() {
-        if (index < text.length) {
-            element.textContent += text.charAt(index);
-            index++;
-            setTimeout(type, 256);
-        }
-    }
-
-    type();
-});
-</script>