Folge 019: Impressum, Datenschutz, ENV und CMS-Komponenten

Impressum und Datenschutz für einen in Deutschland betriebenen Auftritt, gehostet auf Cloudflare, mit den Tools aus dem Projekt: das kann der Agent ausformulieren, du prüfst Inhalt und Ton. Footer-Platzierung und erste Seiten: Folge 003. Kontakt-E-Mail gehört nicht als Klartext ins öffentliche Repo (Baustein {{contact-email}}, siehe Folge 020).

E-Mail schützen

Öffentliches GitHub bedeutet: jede Adresse im Code ist scrapebar. Stattdessen:

• Cloudflare Dashboard → „Workers & Pages“ (Workers und Pages) → dein Pages-Projekt → „Settings“ (Einstellungen) → „Variables and Secrets“ (Variablen und Secrets): z. B. CONTACT_EMAIL als Secret (Cloudflare Environment variables).
• Lokal dieselbe Variable in .env (liegt in .gitignore), z. B. CONTACT_EMAIL=du@example.de.
• Build (npm run build; Node/npm: Folge 018) und Dev-Server lesen die Variable; lokal testest du mit dem gleichen Befehl wie in Production. die Impressums-Komponente rendert einen mailto:-Link ohne die Adresse im Markdown zu committen.

Kurz: ENV = Umgebungsvariablen, getrennt für lokal und Production.

Bildnachweise im Impressum

Nutzt du für Seiten oder Artikel ein Hintergrundbild, brauchst du oft einen Bildnachweis (Urheber, Quelle, Lizenztext). Im CMS (Sveltia) liegt dazu das Feld Bildnachweis (backgroundAttribution) neben Seitenhintergrund und Abdunkelung bei Seiten und Artikel.

Du trägst reinen Text ein, eine alleinstehende https://…-URL (die Site verlinkt sie) oder HTML von Stock-Plattformen (z. B. Unsplash „Copy attribution“ (Attribution kopieren)). Erlaubt sind nur sichere Links im HTML.

Beim Build sammelt die Site alle ausgefüllten Werte aus veröffentlichten Seiten und Artikeln. Auf Impressum erscheint am Ende der Seite der Block Bildnachweise: pro Hintergrund der Titel der Seite oder des Artikels (verlinkt) und darunter der Nachweis. Leere Felder tauchen nicht auf. Die Mediathek speichert am Bild selbst keinen Credit, du pflegst ihn am Eintrag mit dem Hintergrund. Motive und Upload: Folge 021.

Separator im CMS

Neue Komponente im Seiten-/Artikel-Editor (/admin/ → Seiten oder Artikel → Inhalt): in der Toolbar Trennlinie mit Höhe (1 dezent, 10 kräftig) und Breite in Prozent (z. B. 50 % zentriert). Optional später: Farbe aus der Design-Palette, Standard ein dezentes Grau. Einfügen, verschieben, löschen wie bei Bildern.

Artikel-Listing gezielt einsetzen

Statt fest verdrahteter Listen auf der Route Artikel: Block Artikel-Listing im Inhalt. Beispiele:

• Startseite: letzte drei, neueste zuerst, „Grid“ (Kartenlayout), drei Spalten.
• Seite „Artikel“: alle Einträge (limit null), neueste oder älteste zuerst, eine Spalte, Kartenstil ähnlich Startseite oder Liste ohne Karte.

Sag dem Cloud Agent explizit, in welcher Collection (Seiten, Artikel oder Glossar) der Block verfügbar sein soll. Er verdrahtet ihn dann passend im CMS (Folge 004 erklärt das Modell).

Glossar und Bilder

Glossar-Begriffe können vom Agenten vorbefüllt werden; Glossar-Listing auf einer eigenen Seite (Menüpunkt „Glossar“) war noch To-do. Hintergrundbilder lieber lokal im Repo statt Hotlink (z. B. Platzhalter-Dienste): weniger Ladezeit, weniger Drittanfragen, datenschutzfreundlicher.

Text-Stil nachziehen

Nach dem großen Artikel-Import (Folge 016): Issue an den Agenten, Gedankenstriche in der Prosa zu reduzieren, Ziel grob von sehr vielen auf wenige siteweit. Rechtstexte: unnötige Standard-Abschnitte raus, wenn sie nicht zum Setup passen.