From ade244c72af62827c4c30151404abf755597f243 Mon Sep 17 00:00:00 2001
From: Arne Rief <riearn@proton.me>
Date: Mon, 1 Sep 2025 21:57:30 +0200
Subject: Search & socials

---
 layouts/partials/footer.html          | 42 ++++++++++++++++++++++++++++++++---
 layouts/partials/header.html          |  4 ++--
 layouts/partials/select-language.html | 39 ++++++++++++++++++++++++++++++++
 layouts/partials/select-theme.html    | 15 +++++++++++++
 layouts/partials/selectLanguage.html  | 39 --------------------------------
 layouts/partials/selectTheme.html     | 15 -------------
 6 files changed, 95 insertions(+), 59 deletions(-)
 create mode 100644 layouts/partials/select-language.html
 create mode 100644 layouts/partials/select-theme.html
 delete mode 100644 layouts/partials/selectLanguage.html
 delete mode 100644 layouts/partials/selectTheme.html

(limited to 'layouts/partials')

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 7225d09..9b66758 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,7 +1,43 @@
 <footer class="site__footer" role="contentinfo">
     <p>&copy; {{ now.Year }} {{ site.Params.author.name }}</p>
 
-    <a href="{{ site.Home.Permalink }}index.xml" aria-label="RSS Feed" title="RSS Feed">
-        <img src="/rss.svg" class="icon icon-rss" style="max-height: 32px" alt="RSS Feed" aria-hidden="true">
-    </a>
+    <nav class="follow-me-links" aria-label="Follow me on:">
+        <ul class="follow-me-list">
+            {{- range site.Params.socials }}
+            <li class="follow-me-item">
+                <a
+                    href="{{ .url }}"
+                    aria-label="{{ .name }}"
+                    title="{{ .name }}"
+                    rel="me noopener noreferrer"
+                    target="_blank"
+                >
+                    <img
+                        src="{{ .icon }}"
+                        class="icon icon-{{ lower .name }}"
+                        style="max-height: 32px"
+                        alt="{{ .name }}"
+                        aria-hidden="true"
+                    />
+                </a>
+            </li>
+            {{- end }}
+            <li class="follow-me-item">
+                <a
+                    href="{{ site.Home.Permalink }}index.xml"
+                    aria-label="RSS Feed"
+                    title="RSS Feed"
+                    target="_blank"
+                >
+                    <img
+                        src="/rss.svg"
+                        class="icon icon-rss"
+                        style="max-height: 32px"
+                        alt="RSS Feed"
+                        aria-hidden="true"
+                    />
+                </a>
+            </li>
+        </ul>
+    </nav>
 </footer>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 9195345..0f3cfce 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -7,6 +7,6 @@
         {{- end }}
     </a>
 
-    {{- partial "selectTheme.html" . }}
-    {{- partial "selectLanguage.html" . }}
+    {{- partial "select-theme.html" . }}
+    {{- partial "select-language.html" . }}
 </header>
diff --git a/layouts/partials/select-language.html b/layouts/partials/select-language.html
new file mode 100644
index 0000000..752b605
--- /dev/null
+++ b/layouts/partials/select-language.html
@@ -0,0 +1,39 @@
+{{- /*
+Selection of available languages.
+Dynamically links to corresponding page/post if a translated version exists, otherwise to homepage of that language as fallback.
+
+Note: `$activeLang` and `$allTranslationsForPage` are technically unnecessary variables, their values could be called with `$.Lang` and `$.Translations` respectively.
+These variables - together with the explicit naming of `.` context variables in other cases - were chosen for better readability and understandability of the code.
+*/ -}}
+
+{{- if gt (len site.Languages) 1 }}
+{{- $activeLang := .Lang }}
+{{- $allTranslationsForPage := .Translations }}
+    <div class="language-select" style="background-color: yellow;">
+        <ul>
+        {{- range site.Languages }}
+            {{- $currLangSlice := . }}
+            {{- if ne $currLangSlice.Lang $activeLang }}
+                {{- $targetPage := index (where site.Home.Translations "Lang" $currLangSlice.Lang) 0 }}
+                {{- $translatedPage := index (where $allTranslationsForPage "Lang" $currLangSlice.Lang) 0 }}
+                {{- if $translatedPage }}{{- $targetPage = $translatedPage }}{{- end }}
+                <li>
+                    <a
+                        href="{{ $targetPage.RelPermalink }}"
+                        hreflang="{{ $targetPage.Lang }}"
+                        aria-label="{{ $targetPage.LinkTitle }} ({{ or $targetPage.Language.LanguageName $targetPage.Lang }})"
+                    >
+                        <img
+                            src="/flags/{{ $targetPage.Lang }}.svg"
+                            class="icon icon-flag"
+                            style="max-height: 32px"
+                            alt="{{ $targetPage.LinkTitle }} ({{ or $targetPage.Language.LanguageName $targetPage.Lang }})"
+                            aria-hidden="true"
+                        />
+                    </a>
+                </li>
+            {{- end }}
+        {{- end }}
+        </ul>
+    </div>
+{{- end }}
diff --git a/layouts/partials/select-theme.html b/layouts/partials/select-theme.html
new file mode 100644
index 0000000..e9114cc
--- /dev/null
+++ b/layouts/partials/select-theme.html
@@ -0,0 +1,15 @@
+<button
+    type="button"
+    id="theme-toggle"
+    class="theme-toggle"
+    aria-label="{{ lang.Translate "theme.toggle_dark" }}"
+    data-label-dark="{{ lang.Translate "theme.toggle_dark" }}"
+    data-label-light="{{ lang.Translate "theme.toggle_light" }}"
+>
+        <svg class="icon icon-moon" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 16 16" aria-hidden="true" style="display: none;">
+            <path fill="currentColor" d="M6 .278a.768.768 0 0 1 .08.858a7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277c.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316a.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71C0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"></path>
+        </svg>
+        <svg class="icon icon-sun" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 16 16" aria-hidden="true">
+            <path fill="currentColor" d="M8 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
+        </svg>
+</button>
diff --git a/layouts/partials/selectLanguage.html b/layouts/partials/selectLanguage.html
deleted file mode 100644
index 752b605..0000000
--- a/layouts/partials/selectLanguage.html
+++ /dev/null
@@ -1,39 +0,0 @@
-{{- /*
-Selection of available languages.
-Dynamically links to corresponding page/post if a translated version exists, otherwise to homepage of that language as fallback.
-
-Note: `$activeLang` and `$allTranslationsForPage` are technically unnecessary variables, their values could be called with `$.Lang` and `$.Translations` respectively.
-These variables - together with the explicit naming of `.` context variables in other cases - were chosen for better readability and understandability of the code.
-*/ -}}
-
-{{- if gt (len site.Languages) 1 }}
-{{- $activeLang := .Lang }}
-{{- $allTranslationsForPage := .Translations }}
-    <div class="language-select" style="background-color: yellow;">
-        <ul>
-        {{- range site.Languages }}
-            {{- $currLangSlice := . }}
-            {{- if ne $currLangSlice.Lang $activeLang }}
-                {{- $targetPage := index (where site.Home.Translations "Lang" $currLangSlice.Lang) 0 }}
-                {{- $translatedPage := index (where $allTranslationsForPage "Lang" $currLangSlice.Lang) 0 }}
-                {{- if $translatedPage }}{{- $targetPage = $translatedPage }}{{- end }}
-                <li>
-                    <a
-                        href="{{ $targetPage.RelPermalink }}"
-                        hreflang="{{ $targetPage.Lang }}"
-                        aria-label="{{ $targetPage.LinkTitle }} ({{ or $targetPage.Language.LanguageName $targetPage.Lang }})"
-                    >
-                        <img
-                            src="/flags/{{ $targetPage.Lang }}.svg"
-                            class="icon icon-flag"
-                            style="max-height: 32px"
-                            alt="{{ $targetPage.LinkTitle }} ({{ or $targetPage.Language.LanguageName $targetPage.Lang }})"
-                            aria-hidden="true"
-                        />
-                    </a>
-                </li>
-            {{- end }}
-        {{- end }}
-        </ul>
-    </div>
-{{- end }}
diff --git a/layouts/partials/selectTheme.html b/layouts/partials/selectTheme.html
deleted file mode 100644
index e9114cc..0000000
--- a/layouts/partials/selectTheme.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<button
-    type="button"
-    id="theme-toggle"
-    class="theme-toggle"
-    aria-label="{{ lang.Translate "theme.toggle_dark" }}"
-    data-label-dark="{{ lang.Translate "theme.toggle_dark" }}"
-    data-label-light="{{ lang.Translate "theme.toggle_light" }}"
->
-        <svg class="icon icon-moon" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 16 16" aria-hidden="true" style="display: none;">
-            <path fill="currentColor" d="M6 .278a.768.768 0 0 1 .08.858a7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277c.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316a.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71C0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"></path>
-        </svg>
-        <svg class="icon icon-sun" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 16 16" aria-hidden="true">
-            <path fill="currentColor" d="M8 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
-        </svg>
-</button>
-- 
cgit v1.2.3