# 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 so schreiben: ohne Leerzeichen und Umlaute. Gross- und Kleinschreibung ist egal (`Reel-1.JPG` wird auch erkannt). 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 |

## Video unter dem Headerbild

| Datei | Wofür | Hinweis |
|---|---|---|
| `intro.mp4` | Video direkt unter dem Headerbild, startet erst nach Klick | Quer- oder Hochformat. Ohne Datei entfällt der Abschnitt |
| `intro.jpg` (oder `.webp`, `.png`) | Vorschaubild des Videos | Empfohlen: Mit Vorschaubild lädt vom Video vorab nichts |
| `intro.web.mp4` (optional) | Web-Fassung, wird bevorzugt angezeigt | Erzeugen mit `pnpm media:optimize`, siehe unten |

## 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` |
| 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.