Repository navigation
GGS-Inhalte uebernehmen: Anleitungsseite mit Video-Tutorials - #153
Merged
Merged
Conversation
Die GGS-NOE-Seite "Scribus - Druckvorlagen & Downloads" wird durch diese Site ersetzt. Texte, Downloads und die vier Video-Tutorials ziehen damit hierher um. Neu: - /anleitung/ mit Intro, Video-Grid und den Schritt-fuer-Schritt- Abschnitten (Scribus, Schriften, Vorlage, Farbraum, Checkliste, Fotosammlung) - VideoModal.astro: YouTube im <dialog class="gat-modal">, wie auf der GGS-Seite als Popup statt inline. Der iframe entsteht erst beim Oeffnen und wird beim Schliessen entfernt - kein YouTube-Request und keine Wiedergabe im Hintergrund. Eingebettet ueber youtube-nocookie. - VideoGrid.astro + src/data/videos.ts als Datenquelle; Videos ergaenzen oder tauschen heisst: einen Eintrag im Array aendern. - Abschnittstexte als Content-Collection unter src/content/anleitung/, damit Wortlaut und Links ohne Code-Aenderung gepflegt werden koennen. - Checkliste-PDF liegt jetzt lokal unter site/public/downloads/ statt auf ggs-noe.gruene.at. Verlinkt aus der Hauptnavigation, per CTA von der Galerie und auf jeder Vorlagen-Detailseite (dort steht das Video-Grid ebenfalls, damit auch Direkteinstiege ohne Umweg sehen, wie die Vorlage bearbeitet wird). Abweichung von der Vorlage: Gotham Narrow wurde auf der GGS-Seite als ZIP angeboten. Die Schrift ist lizenzpflichtig und wird hier nicht verteilt - stattdessen der Verweis aufs Landesbuero, passend zum bestehenden Schrift-Hinweis. Ein Test haelt das fest.
Im Browser-Durchlauf sichtbar geworden: das Design-System setzt auf .gat-modal `inset: 0; margin: 0`, wodurch der schmalere Video-Dialog oben links klebte statt mittig zu sitzen. Der Dialog fuellt jetzt - wie die bestehende Lightbox - den Viewport, zentriert per margin:auto und richtet seinen Inhalt ueber ein auf [open] eingeschraenktes display:flex aus. Die [open]-Einschraenkung ist noetig, damit das UA-seitige display:none fuer geschlossene Dialoge erhalten bleibt. Ausserdem Mindestbreite der Video-Karten von 260px auf 220px, damit die vier Tutorials auf Desktop-Breite in einer Reihe stehen - so lagen sie auch auf der GGS-Seite. Reflow: 4 / 4 / 2 / 1 Karten bei 1280 / 1024 / 768 / 375px.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Die GGS-NÖ-Seite „Scribus – Druckvorlagen & Downloads" wird durch diese Site ersetzt. Texte, Downloads und die vier Video-Tutorials ziehen damit hierher um.
Neu
/anleitung/— Intro, Video-Grid und die Schritt-für-Schritt-Abschnitte (Scribus, Schriften, Vorlage, Farbraum, Checkliste, Fotosammlung).VideoModal.astro— YouTube im<dialog class="gat-modal">, wie auf der GGS-Seite als Popup statt inline. Der iframe entsteht erst beim Öffnen und wird beim Schließen entfernt: kein YouTube-Request, solange niemand klickt, und die Wiedergabe stoppt zuverlässig. Eingebettet überyoutube-nocookie.com.VideoGrid.astro+src/data/videos.ts— Videos ergänzen oder tauschen heißt: einen Eintrag im Array ändern.src/content/anleitung/— Wortlaut und Links pflegbar ohne Code-Änderung.site/public/downloads/statt aufggs-noe.gruene.at.Verlinkt aus der Hauptnavigation, per CTA von der Galerie und auf jeder Vorlagen-Detailseite — dort steht das Video-Grid ebenfalls, damit auch Direkteinstiege ohne Umweg sehen, wie die Vorlage bearbeitet wird.
Bewusste Abweichung von der Vorlage
Gotham Narrow wurde auf der GGS-Seite als ZIP angeboten. Die Schrift ist lizenzpflichtig und wird hier nicht verteilt — stattdessen der Verweis aufs Landesbüro, passend zum bestehenden Schrift-Hinweis. Ein Test hält das fest.
Verifikation
npm run build— 26 Seiten, keine Fehler.pytest tests/unit— 758 passed, 9 skipped (inkl. 7 neuer Tests, die Video-Liste, Abschnitts-Reihenfolge und die Existenz aller internen Download-Ziele prüfen).dist/: 30 Checks grün, keine JS-Fehler auf/anleitung/, Vorlagen-Detailseite und Galerie. Geprüft: Modal öffnet/schließt (Button + Escape), iframe wird angelegt und wieder entfernt, Body-Scroll wird zurückgesetzt, Zentrierung, alle Poster laden, kein horizontaler Overflow auf 375px, und die bestehende Vorschau-Lightbox funktioniert unverändert neben dem Video-Modal.Offen
Die Fotosammlung verlinkt weiterhin auf
ggs-noe.gruene.at(Login nötig), da die Bilder nicht in diesem Repo liegen. Falls GGS ganz verschwindet, braucht der Link ein neues Ziel.