Skip to content

chore: convert Impressum address block from HTML to Markdown - #28

Merged
jansroka merged 1 commit into
mainfrom
chore/remove-zero-width-joiners
Aug 23, 2026
Merged

chore: convert Impressum address block from HTML to Markdown#28
jansroka merged 1 commit into
mainfrom
chore/remove-zero-width-joiners

Conversation

@jansroka

Copy link
Copy Markdown
Contributor

_pages/impressum.md ist ein Webflow-Export, der in .md umbenannt, aber nie konvertiert wurde. Die Zeilen 11–15 nutzten bereits echte Markdown-Absätze, der Adressblock darunter dagegen <br>-Ketten für exakt dieselbe Aufgabe — ein Überbleibsel aus der alten HTML-Seite.

Änderung

-Jan Sroka (Kassenwart) ‍ <br> <br> Kontakt: {{ site.email }} <br> <br> Postanschrift: <br> Innovationsverbund Öffentliche Gesundheit e.V. <br> Singerstr. 109
-<br> 10179 Berlin <br> <br> Geltungsbereich:
+Jan Sroka (Kassenwart)
+
+Kontakt: {{ site.email }}
+
+Postanschrift:<br>
+Innovationsverbund Öffentliche Gesundheit e.V.<br>
+Singerstr. 109<br>
+10179 Berlin
+
+Geltungsbereich:

<br> bleibt nur innerhalb der Anschrift stehen. Dort ist es nicht redundant: Markdown fasst einzelne Newlines zu Leerzeichen zusammen, die Straße stünde sonst hinter dem Vereinsnamen auf einer Zeile.

Zusätzlich entfernt: zwei Zero-Width-Joiner (U+200D), mit denen Webflow Abstände erzwungen hat. In Markdown sind sie wirkungslos und im Editor unsichtbar.

Ergebnis im gerenderten HTML

Vorher ein einziger durchlaufender Absatz, jetzt semantisch getrennte <p>-Elemente:

<p>Jan Sroka (Kassenwart)</p>
<p>Kontakt: kontakt@inoeg.de</p>
<p>Postanschrift:<br />
Innovationsverbund Öffentliche Gesundheit e.V.<br />
Singerstr. 109<br />
10179 Berlin</p>
<p>Geltungsbereich:</p>

Verifikation

  • Sichtbarer Text unverändert: das gerenderte HTML wurde gegen einen frischen Clone von main verglichen (Tags entfernt, Whitespace normalisiert) — Wortlaut identisch, nichts verloren oder hinzugekommen. Geändert hat sich ausschließlich die Absatzstruktur.
  • bundle exec jekyll build — erfolgreich
  • npm run test-links (html-proofer) — keine Fehler
  • npx prettier --check . — sauber

Nur diese eine Datei ist betroffen. Die verbleibenden 25 Zero-Width-Joiner in index.html und datenschutz.html sind ein anderer Fall — dort stehen sie als <br>‍<br> und erzwingen eine Leerzeile. Ein Entfernen würde die Abstände sichtbar verändern und gehört daher nicht in diesen PR.

Die Datei ist ein Webflow-Export, der in `.md` umbenannt, aber nie konvertiert wurde: die Zeilen 11–15 nutzten echte Markdown-Absätze, der Adressblock darunter dagegen `<br>`-Ketten für dieselbe Aufgabe.

Der Block nutzt jetzt Markdown-Absätze. `<br>` bleibt nur innerhalb der Anschrift stehen, wo die Zeilenumbrüche erhalten bleiben müssen — Markdown würde einzelne Newlines sonst zu Leerzeichen zusammenfassen.

Zusätzlich entfernt: zwei Zero-Width-Joiner (U+200D), mit denen Webflow Abstände erzwungen hat. In Markdown sind sie wirkungslos.

Gerendert entsteht dadurch semantisch sauberes HTML — einzelne `<p>`-Elemente statt eines durchlaufenden Absatzes.

Verifiziert: Der sichtbare Text ist identisch mit `main` (normalisierter Vergleich des gerenderten HTML gegen einen frischen Clone). jekyll build, html-proofer und prettier --check sind sauber.
@jansroka
jansroka merged commit 00a011c into main Aug 23, 2026
1 check failed
jansroka added a commit that referenced this pull request Aug 23, 2026
Der Webflow-Export setzt global `p { margin-bottom: 0px }` (inog-website.webflow.css:216). Solange die Absätze im Impressum mit `<br> <br>` innerhalb eines einzigen Absatzes erzeugt wurden, fiel das nicht auf.

Seit #28 erzeugt das Impressum echte `<p>`-Elemente aus Markdown — die klebten dadurch ohne Abstand aneinander. Gemessen: Absatzabstand 26px (reine Zeilenhöhe, kein Zwischenraum).

Die Regel ist bewusst auf `.content-box` begrenzt. Dieser Container existiert nur im `default`-Layout, also auf den Markdown-Seiten. Eine zunächst weiter gefasste Variante auf `.block-content` (inkl. `p:last-child { margin-bottom: 0 }`) hat die Startseite um 150px verkürzt, weil dort sechs Absätze letzte Kinder ihres Containers sind und deren Webflow-Abstand entfernt wurde.

Verifiziert im Headless-Browser, Seitenhöhen gegen `main`:

    /                      5364 → 5364  unverändert
    /impressum/            1063 → 1203  +140
    /veroeffentlichungen/  4909 → 5117  +208
    /kontakt/               907 →  983   +76
    /datenschutz/          7791 → 7807   +16
    /projekte/             3088 → 3120   +32

Absatzabstand im Impressum jetzt 42px statt 26px. Die Regel überlebt PurgeCSS. html-proofer und prettier --check sind sauber.
@jansroka
jansroka deleted the chore/remove-zero-width-joiners branch August 23, 2026 22:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant