feature(library): Wiki-Links, Backlinks, Suche + A-Z-Index
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>
This commit is contained in:
@@ -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); }
|
||||
|
||||
@@ -5,6 +5,28 @@
|
||||
{{ .Content }}
|
||||
|
||||
{{ $pages := where site.RegularPages "Section" "library" }}
|
||||
|
||||
{{ 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" }}
|
||||
@@ -12,14 +34,18 @@
|
||||
{{ $groups = merge $groups (dict $g ($existing | append .)) }}
|
||||
{{ end }}
|
||||
|
||||
{{ if $pages }}
|
||||
<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 }}
|
||||
|
||||
+56
-13
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user