Blame
|
1 | # OtterWiki – Anpassungen |
||||||
| 2 | ||||||||
| 3 | Das Wiki des Labor23 (wiki.labor23.org) läuft auf der freien Wiki-Software [Otter Wiki](https://otterwiki.com/). Wir verwenden die Software unverändert als Basis, haben aber an einigen Stellen Branding, Optik und ein paar Funktionen an unsere Bedürfnisse angepasst. Diese Seite listet auf, **welche Dateien dafür ausgetauscht bzw. ergänzt wurden, wo sie liegen und warum**, damit die Änderungen auch später nachvollzogen werden können. |
|||||||
| 4 | ||||||||
| 5 | Otter Wiki ist so gebaut, dass `custom/`-Dateien automatisch eingebunden werden. |
|||||||
| 6 | ||||||||
| 7 | --- |
|||||||
| 8 | ||||||||
| 9 | ## 1. `custom/` — Labor23-Branding |
|||||||
| 10 | ||||||||
| 11 | Otter Wiki bietet vier offizielle „Custom Hooks", über die man eigenen Code einbinden kann, ohne den Originalcode anzufassen: `custom.css`, `custom.js`, `customHead.html`, `customBody.html`. Genau diese vier Dateien haben wir befüllt, dazu zwei Logo-Grafiken: |
|||||||
| 12 | ||||||||
| 13 | | Datei | Zweck / Änderung | |
|||||||
| 14 | |---|---| |
|||||||
| 15 | | `custom/custom.css` | Eigenes CSS: positioniert unser Logo als Wasserzeichen, sorgt für ein flackerfreies Laden der Seitenleiste, macht Tabellen und Code-Blöcke auf schmalen Bildschirmen scrollbar/umbrechbar | |
|||||||
| 16 | | `custom/custom.js` | Aktiviert beim Laden der Seite automatisch den Dark Mode und klappt die Seitenleiste standardmäßig zu | |
|||||||
| 17 | | `custom/customHead.html` | Setzt die Hintergrundfarbe schon vor dem JavaScript-Start, damit beim Laden kein heller „Blitz" vor dem Umschalten in den Dark Mode zu sehen ist | |
|||||||
| 18 | | `custom/customBody.html` | Bindet das Labor23-Logo als HTML-Element ein (zwei Versionen — hell/dunkel — je nach Modus) | |
|||||||
| 19 | | `custom/labor23_logo_black_unofficial@512x.png` | Logo-Variante in Schwarz, wird im hellen Modus angezeigt | |
|||||||
| 20 | | `custom/labor23_logo_white@512x.png` | Logo-Variante in Weiß, wird im dunklen Modus angezeigt | |
|||||||
| 21 | ||||||||
| 22 | --- |
|||||||
| 23 | ||||||||
| 24 | ## 2. `templates/` — gezielt geänderte Seiten-Vorlagen |
|||||||
| 25 | ||||||||
| 26 | In `templates/` liegen zwei HTML-Vorlagen (Jinja2-Templates), die im Original-Repo die Ansichten für **Changelog** (`changelog.html`) und **Seitenhistorie** (`history.html`) steuern. |
|||||||
| 27 | ||||||||
| 28 | | Datei | Original-Zeile | Unsere Zeile | Änderung | |
|||||||
| 29 | |---|---|---|---| |
|||||||
| 30 | | `templates/changelog.html` | `{%if not entry.author_email%}{{entry.author_name}}{%else%}<a href="mailto:{{entry.author_email}}">{{entry.author_name}}</a>{%endif%}` | `{{entry.author_name}}` | Die Autor:innen-Spalte zeigt nur noch den **Namen als reinen Text** an, nicht mehr als anklickbaren `mailto:`-Link mit der hinterlegten E-Mail-Adresse | |
|||||||
| 31 | | `templates/history.html` | `{%if not entry.author_email%}{{entry.author_name}}{%else%}<a href="mailto:{{entry.author_email}}">{{entry.author_name}}</a>{%endif%}` | `{{entry.author_name}}` | Identische Änderung: auch in der Seitenhistorie erscheint der Name nur noch als Text statt als `mailto:`-Link | |
|||||||
| 32 | ||||||||
| 33 | **Warum:** Otter Wiki verlinkt Autor:innen standardmäßig mit ihrer in den Commits hinterlegten E-Mail-Adresse als `mailto:`-Link. Da unser Wiki öffentlich erreichbar ist, wollten wir diese Adressen nicht offen sichtbar/anklickbar machen — daher zeigen wir nur noch den Namen an. Diese eine Zeile ist in beiden Dateien identisch, deshalb wurden gleich beide Templates ausgetauscht. |
|||||||