# Ravnsvej 11 — hjemmeside, klar til upload

Denne mappe er hele jeres hjemmeside. Alt er statiske filer (HTML, CSS,
JavaScript, billeder) — ingen database, intet CMS. Upload mappens indhold
via FTP til jeres webhotel, og siden virker med det samme.

## Sådan uploader I via FTP

1. Log ind på jeres webhotel med en FTP-klient (fx FileZilla)
2. Naviger til roden af jeres webplads (ofte kaldet `public_html`, `www` eller `httpdocs`)
3. Upload **alt indholdet af denne mappe** (ikke selve mappen "ravnsvej11",
   men filerne og undermappen `images/` i den) til den rod
4. Åbn jeres domæne i en browser — I bør se forsiden med det samme

## Sidestruktur

```
index.html                        → Forside (marketing/udlejning)
galleri.html                      → Fuldt billedgalleri
omraadet.html                     → Området: favoritter og tips
velkomstmappe.html                → Fuld gæstemappe (til dem der har booket)
manualer.html                     → Overblik over alle QR-manualer
manual-temperatur.html            → QR: Huset — temperatur
manual-tv-stue.html               → QR: Stuen — TV
manual-tv-aktivitetsrum.html      → QR: Aktivitetsrum — TV/Chromecast
manual-grill.html                 → QR: Terrasse — Grill
manual-terrassedoere.html         → QR: Terrassedøre
manual-sauna.html                 → QR: Sauna + saunavaner
manual-udebruser.html             → QR: Udebruser
manual-elbil.html                 → QR: Elbil-oplader
style.css                         → Alt design (delt af alle sider)
translations.js                   → ALLE tekster, på dansk/tysk/norsk/engelsk
images/                           → Alle jeres billeder
```

## Sådan retter I tekst

Alt indhold ligger samlet i `translations.js` — I behøver aldrig røre
HTML-filerne for at rette en tekst. Filen er opdelt i fire sprogblokke:
`da`, `de`, `no`, `en`. Søg efter nøglen (fx `hero_h1`) og ret teksten for
hvert af de fire sprog.

**Vigtigt:** Husk at rette i alle fire sprog, hver gang I ændrer noget —
ellers vil sproget stå forskelligt, alt efter hvad gæsten har valgt.

## Billeder til de 8 QR-manualer

Manual-siderne har lige nu en tegnet ikon-illustration i stedet for et
rigtigt foto (den lyseblå boks øverst på hver side, med teksten
"billede tilføjes snart"). Når I har taget billeder af de enkelte
apparater:

1. Læg billedfilen i `images/`-mappen, fx `images/temp-termostat.jpg`
2. Åbn den relevante HTML-fil (fx `manual-temperatur.html`)
3. Find blokken der starter med `<div class="icon-plate">`
4. Erstat hele blokken med:
   ```html
   <img src="images/temp-termostat.jpg" alt="" style="width:100%;border-radius:10px;margin:20px 0 36px;">
   ```

## Videoer til manualerne

Optag en kort video (30-90 sek.) med telefonen, og upload den til YouTube
som **"Ikke listet"**. I hver manual-fil, find linjen:
```html
<iframe src="https://www.youtube.com/embed/VIDEO_ID" ...>
```
og udskift `VIDEO_ID` med koden fra jeres YouTube-link
(`youtu.be/ABC123xyz` → `VIDEO_ID` er `ABC123xyz`).

## QR-koder

Når siden er uploadet, har hver manual sit eget link, fx:
```
https://jeresdomæne.dk/manual-grill.html
https://jeresdomæne.dk/manual-sauna.html
https://jeresdomæne.dk/manualer.html      ← samlet oversigt
```
Brug en gratis generator som qr-code-generator.com til at lave en QR-kode
af hvert link. Print og laminér, og hæng op ved det pågældende apparat.
Test altid koden med jeres egen telefon, før I hænger den op.

## Booking-linket

"Book nu"-knappen peger på:
`https://www.sologstrand.dk/hus/52-4566`

Tjek gerne selv, at linket er korrekt, inden I går live — det er fundet
via søgning og ikke bekræftet direkte af jer. Ønsker I at ændre det, søg
efter `sologstrand.dk/hus/52-4566` i `build.py` eller direkte i hver
HTML-fils `href`-attributter for "Book nu"-knappen, og erstat med det
korrekte link.

## Wifi-kode og andre private oplysninger

Velkomstmappen (`velkomstmappe.html`) indeholder jeres faktiske wifi-kode
og andre praktiske detaljer, som I bad om at få indsat direkte. Siden er
ikke adgangsbeskyttet — alle der kender eller finder linket, kan se den.
Det er formentlig fint (siden er ikke linket fra forsidens hovedmenu til
tilfældige besøgende, kun til gæster der leder efter den), men giv os
gerne besked, hvis I hellere vil have den adgangsbegrænset eller flyttet
til en URL, der er sværere at gætte.

## Fremtidig vedligehold

- Ret tekst → `translations.js`
- Ret farver/design → `style.css` (alle farver ligger øverst under `:root`)
- Tilføj et billede til en manual → se afsnittet ovenfor
- Tilføj en helt ny manual-side → kopiér en eksisterende `manual-*.html`,
  giv den nye data-i18n-nøgler i `translations.js`, og tilføj et link i
  `manualer.html`
