Nick SzaunigandClaude Opus 5.5
7203cd1e6e
- Figtree als einzige Schrift, Logo mittig in fester Kopfzeile - Headerbild ueber volle Breite und Hoehe, ohne Preis, mit Terminleiste - "Was dich erwartet" stellt die Villa mit animierter Bilderfolge vor, darunter Tagesablauf als Karussell (Programm folgt als PDF) - Preis: regulaerer Preis durchgestrichen, kein Verkaufsstartdatum, Ueberschrift "Jetzt Platz sichern mit Early Bird" - Team als "Mit dabei", danach drei Reels im Hochformat - Logo, Headerbild, Portraets und Reels ueber feste Dateinamen im Medienverzeichnis (docs/MEDIEN.md), ohne Neustart austauschbar - Widerrufsbelehrung im Admin pflegbar, Seite /widerruf, Live-Verkauf ohne Freigabe gesperrt - Anreise: Abholung am Bahnhof Firenze Santa Maria Novella - Booking-Link entfernt, Gedankenstriche aus Kundentexten entfernt Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
3.0 KiB
Medien: Dateinamen
Logo, Headerbild, Porträts und Reels liegen im Medienverzeichnis. Im Cluster ist das das Volume artista-modelcamp-media, gemountet unter /app/media. Lokal ist es ./media (MEDIA_DIR).
Lege eine Datei unter dem passenden Namen dort ab, dann erscheint sie beim nächsten Seitenaufruf. Neustart und Deployment sind nicht nötig. Fehlt eine Datei, bleibt der Platzhalter oder das Standardbild sichtbar.
Dateinamen bitte genau so schreiben: alles klein, ohne Leerzeichen und Umlaute. Bei mehreren Endungen nimmt die Seite die erste, die sie findet.
Logo
| Datei | Wofür | Hinweis |
|---|---|---|
logo.svg (oder .png, .webp) |
Dunkles Logo für helle Flächen: Kopfzeile nach dem Scrollen, Fußbereich | SVG bevorzugt, PNG mit transparentem Hintergrund |
logo-hell.svg (oder .png, .webp) |
Helles bzw. weißes Logo über dem Headerbild | Fehlt es, wird logo.* verwendet |
Das Logo wird 32 bis 40 px hoch angezeigt. Ein querformatiges Logo ohne Rand wirkt am besten.
Headerbild
| Datei | Wofür | Hinweis |
|---|---|---|
header.jpg (oder .webp, .png) |
Bild über die ganze Breite oben | Querformat, mindestens 2400 px breit. Ohne Datei erscheint die Luftaufnahme der Villa |
header.mp4 (optional) |
Video statt Standbild, läuft stumm in Schleife | Kurz halten (unter 15 s, unter 10 MB). header.jpg dient als Vorschaubild |
Team (Ordner team/)
Hochformat 3:4 oder 4:5, mindestens 1200 px breit, Gesicht im oberen Drittel. Das Bild wird oben rund (als Bogen) beschnitten.
| Person | Datei |
|---|---|
| Eric Heitz | team/eric-heitz.jpg |
| Michele Ietro | team/michele-ietro.jpg |
| Lola Stoll | team/lola-stoll.jpg |
| Eileen Kaupp | team/eileen-kaupp.jpg |
| Gabriela Pronkin | team/gabriela-pronkin.jpg |
| Stefan Höchtl | team/stefan-hoechtl.jpg |
| Saskia Sirowatka | team/saskia-sirowatka.jpg |
| André Hartshauser | team/andre-hartshauser.jpg |
| Ante Rejo | team/ante-rejo.jpg |
Reels (Ordner reels/)
Hochformat 9:16. Das Video startet erst nach Klick und nie von selbst mit Ton.
| Slot | Video | Vorschaubild |
|---|---|---|
| Reel 1 | reels/reel-1.mp4 |
reels/reel-1.jpg |
| Reel 2 | reels/reel-2.mp4 |
reels/reel-2.jpg |
| Reel 3 | reels/reel-3.mp4 |
reels/reel-3.jpg |
Ein Reel erscheint öffentlich erst, wenn das Video vorhanden ist. Namen und Begleittext stehen in src/content/site.ts unter reels.slots. Sie dürfen nur mit Freigabe der gezeigten Person eingetragen werden.
Ablage im Cluster
Die Dateien kommen auf die SMB-Freigabe hinter dem Volume (siehe k8s/03-storage.yaml), zum Beispiel:
modelcamp-media/
logo.svg
logo-hell.svg
header.jpg
team/eric-heitz.jpg
reels/reel-1.mp4
reels/reel-1.jpg
Der Container liest das Verzeichnis nur. Ein ersetztes Bild ist sofort sichtbar, weil die Seite das Änderungsdatum an die Bildadresse hängt.
Fest eingebaute Bilder
Die Unterkunftsbilder der Villa liegen in public/images/unterkunft/ und sind Teil des Container-Images. Austausch dort nur mit neuem Build.