feature: lebende Dokumente — Fußnoten/Quellen + Provenance/Zitieren

- Fußnoten (Goldmark [^1], schon nativ) gestylt: ruhiges Schriftbild,
  automatische „Quellen"-Überschrift statt <hr>
- provenance.html-Partial bei Library-Beiträgen: Version → Commit, Verlauf
  (Gitea), „Zitieren"-Knopf (kopiert Quellenangabe in die Zwischenablage)
- repoURL-Param (git.openbureau.ch) für die Provenance-Links

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-02 00:56:28 +02:00
parent 9f9071d23f
commit c3c8c9639f
4 changed files with 109 additions and 0 deletions
+65
View File
@@ -1430,3 +1430,68 @@ img {
margin: var(--spacing-sm) 0;
}
img:hover { filter: grayscale(0%); }
/* ------------------------------------------------------------------------
Fußnoten / Quellen — Goldmark rendert [^1] als hochgestellte Verweise +
eine .footnotes-Sektion am Textende. Wir geben ihr eine „Quellen"-Über-
schrift (statt des <hr>) und ein ruhigeres, kleineres Schriftbild.
------------------------------------------------------------------------ */
/* Hochgestellte Verweis-Nummer im Fließtext. */
.single-content .footnote-ref a,
.single-content sup a.footnote-ref {
text-decoration: none;
font-variant-numeric: tabular-nums;
}
.single-content sup { line-height: 0; }
.single-content .footnotes {
margin-top: var(--spacing-xl);
padding-top: var(--spacing-md);
border-top: 1px solid var(--color-border);
font-size: var(--font-size-small);
color: var(--color-text-muted);
}
/* Goldmark setzt ein <hr> an den Anfang — wir ersetzen es durch die Überschrift. */
.single-content .footnotes > hr { display: none; }
.single-content .footnotes::before {
content: "Quellen";
display: block;
font-family: var(--font-family-serif);
font-size: 1rem;
font-weight: 600;
color: var(--color-text-primary);
margin-bottom: var(--spacing-sm);
}
.single-content .footnotes ol { margin: 0; padding-left: 1.4em; }
.single-content .footnotes li { margin: 0.3em 0; }
.single-content .footnotes li p { margin: 0; }
.single-content .footnote-backref { text-decoration: none; margin-left: 0.3em; }
/* ------------------------------------------------------------------------
Herkunft / Zitieren — „lebendes Dokument": Version (→ Commit), Verlauf,
Zitieren-Knopf. Dezent unter dem Beitrag.
------------------------------------------------------------------------ */
.provenance {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
margin-top: var(--spacing-lg);
padding-top: var(--spacing-sm);
border-top: 1px solid var(--color-border);
font-family: var(--font-family-mono);
font-size: var(--font-size-small);
color: var(--color-text-muted);
}
.provenance a { color: var(--color-text-muted); text-decoration: none; }
.provenance a:hover { color: var(--accent); }
.provenance .prov-sep { opacity: 0.5; }
.prov-cite {
font: inherit;
color: var(--color-text-muted);
background: none;
border: none;
padding: 0;
cursor: pointer;
}
.prov-cite:hover { color: var(--accent); }