From 1709dc093c39b2880cff7f83a1b166b5dc8661b4 Mon Sep 17 00:00:00 2001
From: karim <karim@gabrielevarano.ch>
Date: Sat, 6 Jun 2026 01:40:00 +0200
Subject: [PATCH] feature(library): Wiki-Links, Backlinks, Suche + A-Z-Index
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

single.html: [[Begriff]]-Auflösung zu internen Links (.wikilink),
fehlende Seiten als .wikilink-missing, „Siehe auch" (Gruppe+Tags)
und „Erwähnt in" (Backlinks), Eintrags-Fuss mit Gruppe + bearbeiten.

list.html: Suchfeld + A-Z-Index mit JS-Filter (Umlaute normalisiert),
data-title auf <li> für clientseitiges Filtern.

custom.css: .wikilink, .wikilink-missing, .entry-links, .entry-links-label,
.lib-filter, .lib-search, .lib-az — alle via --section-color (ichigo/rose).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/css/custom.css       | 27 ++++++++++++++
 layouts/library/list.html   | 74 +++++++++++++++++++++++++++++++++----
 layouts/library/single.html | 69 +++++++++++++++++++++++++++-------
 3 files changed, 150 insertions(+), 20 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index ee3b18b..6f73be7 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -729,6 +729,33 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
 .entry-foot a { color: var(--color-text-muted); text-decoration: none; }
 .entry-foot a:hover { color: var(--accent); }
 
+/* Wiki-Links in Library-Einträgen */
+.wikilink { color: var(--section-color, var(--accent)); text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 0.2em; }
+.wikilink:hover { text-decoration-style: solid; }
+.wikilink-missing { color: var(--color-text-muted); border-bottom: 1px dashed currentColor; }
+
+/* Querverweise: „Siehe auch" + „Erwähnt in" */
+.entry-links { margin-top: var(--spacing-md); padding: 0.7em 1em;
+  background: color-mix(in oklab, var(--section-color, var(--accent)) 8%, transparent);
+  border-left: 3px solid var(--section-color, var(--accent)); border-radius: 0 8px 8px 0; }
+.entry-links + .entry-links { margin-top: 0.5em; }
+.entry-links ul { list-style: none; margin: 0.3em 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.25em 0.8em; }
+.entry-links li { font-size: var(--font-size-small); }
+.entry-links a { color: var(--section-color, var(--accent)); text-decoration: none; }
+.entry-links a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
+.entry-links-label { font-size: var(--font-size-small); font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
+
+/* Library-Übersicht: Suchfeld + A-Z-Index */
+.lib-filter { margin-bottom: var(--spacing-md); display: flex; flex-direction: column; gap: 0.6em; }
+.lib-search { width: 100%; padding: 0.45em 0.8em; border: 1px solid var(--color-border); border-radius: 6px;
+  background: var(--color-bg-secondary); color: var(--color-text-primary); font-size: var(--font-size-base); font-family: inherit; }
+.lib-search:focus { outline: none; border-color: var(--section-color, var(--accent)); }
+.lib-az { display: flex; flex-wrap: wrap; gap: 0.25em; }
+.lib-az button { padding: 0.15em 0.45em; border: 1px solid var(--color-border); border-radius: 4px;
+  background: transparent; color: var(--color-text-muted); font-size: var(--font-size-small); cursor: pointer; font-family: inherit; line-height: 1.5; }
+.lib-az button:hover { border-color: var(--section-color, var(--accent)); color: var(--color-text-primary); }
+.lib-az button.active { background: var(--section-color, var(--accent)); border-color: var(--section-color, var(--accent)); color: white; }
+
 /* ── Software-Landing: Werkzeuge getrennt von Texten ── */
 .software-h { font-family: var(--font-family-serif); margin: var(--spacing-md) 0 var(--spacing-sm); }
 .software-tools { margin-bottom: var(--spacing-lg); }
diff --git a/layouts/library/list.html b/layouts/library/list.html
index 850e3f4..a15ee97 100644
--- a/layouts/library/list.html
+++ b/layouts/library/list.html
@@ -5,21 +5,47 @@
       {{ .Content }}
 
       {{ $pages := where site.RegularPages "Section" "library" }}
-      {{ $groups := dict }}
-      {{ range $pages }}
-        {{ $g := .Params.group | default "Allgemein" }}
-        {{ $existing := index $groups $g | default slice }}
-        {{ $groups = merge $groups (dict $g ($existing | append .)) }}
-      {{ end }}
 
       {{ if $pages }}
+        {{/* A-Z Buchstaben aus vorhandenen Titeln */}}
+        {{ $letters := slice }}
+        {{ range $pages }}
+          {{ $first := substr (upper .Title) 0 1 }}
+          {{ $first = replace $first "Ä" "A" }}
+          {{ $first = replace $first "Ö" "O" }}
+          {{ $first = replace $first "Ü" "U" }}
+          {{ if not (in $letters $first) }}{{ $letters = $letters | append $first }}{{ end }}
+        {{ end }}
+        {{ $letters = sort $letters }}
+
+        <div class="lib-filter">
+          <input id="lib-search" class="lib-search" type="search" placeholder="Suchen …" autocomplete="off" spellcheck="false">
+          <div class="lib-az">
+            <button class="lib-az-all active" data-letter="">Alle</button>
+            {{ range $letters }}<button data-letter="{{ lower . }}">{{ . }}</button>{{ end }}
+          </div>
+        </div>
+
+        {{/* Gruppen aufbauen */}}
+        {{ $groups := dict }}
+        {{ range $pages }}
+          {{ $g := .Params.group | default "Allgemein" }}
+          {{ $existing := index $groups $g | default slice }}
+          {{ $groups = merge $groups (dict $g ($existing | append .)) }}
+        {{ end }}
+
         <section class="atlas">
           {{ range $g, $ps := $groups }}
             <article class="atlas-section">
               <h2>{{ $g }}</h2>
               <ul class="atlas-list">
                 {{ range sort $ps "Title" }}
-                  <li>
+                  {{ $norm := lower .Title }}
+                  {{ $norm = replace $norm "ä" "a" }}
+                  {{ $norm = replace $norm "ö" "o" }}
+                  {{ $norm = replace $norm "ü" "u" }}
+                  {{ $norm = replace $norm "ß" "ss" }}
+                  <li data-title="{{ $norm }}">
                     <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
                     {{ with .Params.summary }}<span class="list-meta text-muted"> — {{ . }}</span>{{ end }}
                   </li>
@@ -28,6 +54,40 @@
             </article>
           {{ end }}
         </section>
+
+        <script>
+        (function(){
+          var input = document.getElementById('lib-search');
+          var azBtns = document.querySelectorAll('.lib-az button');
+          var activeLetter = '';
+
+          function filter() {
+            var q = input.value.trim().toLowerCase()
+              .replace(/ä/g,'a').replace(/ö/g,'o').replace(/ü/g,'u').replace(/ß/g,'ss');
+            document.querySelectorAll('.atlas-section').forEach(function(sec) {
+              var visible = 0;
+              sec.querySelectorAll('li[data-title]').forEach(function(li) {
+                var t = li.dataset.title;
+                var matchQ = !q || t.indexOf(q) !== -1;
+                var matchL = !activeLetter || t.charAt(0) === activeLetter;
+                if (matchQ && matchL) { li.style.display = ''; visible++; }
+                else li.style.display = 'none';
+              });
+              sec.style.display = visible ? '' : 'none';
+            });
+          }
+
+          input.addEventListener('input', filter);
+          azBtns.forEach(function(btn) {
+            btn.addEventListener('click', function() {
+              azBtns.forEach(function(b){ b.classList.remove('active'); });
+              this.classList.add('active');
+              activeLetter = this.dataset.letter || '';
+              filter();
+            });
+          });
+        })();
+        </script>
       {{ else }}
         <p class="text-muted"><em>Noch keine Einträge — der erste entsteht im Redaktions-Editor.</em></p>
       {{ end }}
diff --git a/layouts/library/single.html b/layouts/library/single.html
index c4b3d52..8a8fa35 100644
--- a/layouts/library/single.html
+++ b/layouts/library/single.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-  <article class="single">
+  <article class="single library-entry" style="--section-color: var(--palette-ichigo)">
     <header class="single-header">
       <h1>{{ .Title }}</h1>
       {{ with .Params.summary }}<p class="single-summary">{{ . }}</p>{{ end }}
@@ -14,20 +14,63 @@
       </nav>
     {{ end }}
 
-    <div class="single-content">
-      {{ .Content }}
-    </div>
+    {{/* Wiki-Links [[Titel]] / [[slug]] → Link auf die passende Library-Seite. */}}
+    {{ $html := .Content }}
+    {{ range (where site.RegularPages "Section" "library") }}
+      {{ $a := printf `<a href="%s" class="wikilink">%s</a>` .RelPermalink .LinkTitle }}
+      {{ $html = replace $html (printf "[[%s]]" .LinkTitle) $a }}
+      {{ $html = replace $html (printf "[[%s]]" .File.ContentBaseName) $a }}
+    {{ end }}
+    {{/* Übrige (noch nicht angelegte) Verweise: ohne Klammern, dezent markiert. */}}
+    {{ $html = replaceRE `\[\[([^\]]+)\]\]` `<span class="wikilink-missing" title="Seite existiert noch nicht">$1</span>` $html }}
+    <div class="single-content">{{ $html | safeHTML }}</div>
 
-    {{/* Fuss: Gruppe + weitere Einträge derselben Gruppe + bearbeiten. */}}
-    {{ $g := .Params.group | default "Allgemein" }}
-    {{ $siblings := where (where site.RegularPages "Section" "library") "Params.group" (.Params.group) }}
+    {{/* ── Siehe auch: gleiche Gruppe + geteilte Tags ── */}}
+    {{ $cur := . }}
+    {{ $related := slice }}
+    {{ range where (where site.RegularPages "Section" "library") "Params.group" .Params.group }}
+      {{ if ne .RelPermalink $cur.RelPermalink }}{{ $related = $related | append . }}{{ end }}
+    {{ end }}
+    {{ with .Params.tags }}
+      {{ range $t := . }}
+        {{ range (where site.RegularPages "Section" "library") }}
+          {{ if and (ne .RelPermalink $cur.RelPermalink) (in (.Params.tags | default slice) $t) }}
+            {{ $related = $related | append . }}
+          {{ end }}
+        {{ end }}
+      {{ end }}
+    {{ end }}
+    {{ $related = $related | uniq }}
+    {{ with $related }}
+      <nav class="entry-links" aria-label="Siehe auch">
+        <span class="entry-links-label">Siehe auch</span>
+        <ul>{{ range . }}<li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>{{ end }}</ul>
+      </nav>
+    {{ end }}
+
+    {{/* ── Erwähnt in (Backlinks): Seiten, die per Link oder [[…]] hierher zeigen ── */}}
+    {{ $back := slice }}
+    {{ $url := .RelPermalink }}
+    {{ $tok1 := printf "[[%s]]" .Title }}
+    {{ $tok2 := printf "[[%s]]" .File.ContentBaseName }}
+    {{ range site.RegularPages }}
+      {{ if ne .RelPermalink $url }}
+        {{ $raw := .RawContent }}
+        {{ if or (in $raw $url) (in $raw $tok1) (in $raw $tok2) }}
+          {{ $back = $back | append . }}
+        {{ end }}
+      {{ end }}
+    {{ end }}
+    {{ with $back }}
+      <nav class="entry-links" aria-label="Erwähnt in">
+        <span class="entry-links-label">Erwähnt in</span>
+        <ul>{{ range . }}<li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>{{ end }}</ul>
+      </nav>
+    {{ end }}
+
+    {{/* Fuss: Gruppe + zuletzt bearbeitet + bearbeiten. */}}
     <div class="entry-foot">
-      <span class="entry-more">
-        <strong>{{ $g }}</strong>
-        {{ $others := slice }}
-        {{ range $siblings }}{{ if ne .RelPermalink $.RelPermalink }}{{ $others = $others | append . }}{{ end }}{{ end }}
-        {{ with $others }} · {{ range $i, $p := . }}{{ if $i }} · {{ end }}<a href="{{ $p.RelPermalink }}">{{ $p.LinkTitle }}</a>{{ end }}{{ end }}
-      </span>
+      <span class="entry-more"><strong>{{ .Params.group | default "Allgemein" }}</strong></span>
       {{ if .Lastmod }}<span>Zuletzt bearbeitet am {{ .Lastmod.Format "02.01.2006" }}</span>{{ end }}
       {{ with .File }}<a href="{{ site.Params.repoURL }}/_edit/branch/main/content/{{ .Path }}" rel="nofollow">bearbeiten ↗</a>{{ end }}
     </div>