verhoer.werle.app

Promo- und Pflichtseiten für „Das Verhör" (iOS). Statisch: HTML + CSS + Vanilla JS + anime.js 4.5 (vendored, MIT, js/vendor/). Gehostet auf Vercel. Spezifikation: docs/SPEC.md.

Aufbau (seit 12.11.2026)

• index.html + css/home.css + js/site.js: die Startseite. Sie spielt Akte 412 beim Scrollen einmal durch: Verhör (Zeitachse am Scrollrad), Tafel (ziehbare Karten, der Faden folgt), Anklage (antippen), Filmstreifen der Fälle. Aussagen, Namen und Fakten stammen aus Games/alibi/App/Resources/CaseFiles/case-412.json, gekürzt.
• privacy.html + impressum.html nutzen weiter css/site.css und kein Skript.
• Uhrzeit: Die App gibt Fälle um 05:00 UTC frei. Die Seite rechnet das in deutsche Zeit um (.rel-time, 6 Uhr im Winter, 7 Uhr im Sommer).
• Schriften und Skripte kommen nur von dieser Domain (so steht es in der Datenschutzerklärung). Keine CDN-Links einbauen.
• Ohne Skript oder mit „Bewegung reduzieren" steht die Seite vollständig im Ruhezustand. Jeder Effekt läuft in safe(...), ein Fehler reißt die anderen nicht mit.

Preise ändern

Eine Stelle: js/site.js, Konstante PRICE ganz oben. Die HTML-Fallbacks in index.html (Suche nach price-monthly) passend nachziehen.

App-Store-Link

Erledigt. Alle Store-Verweise in index.html zeigen auf https://apps.apple.com/de/app/id6797754222 (Kopfzeile, Held, Preisblock, Fusszeile, dazu installUrl im JSON-LD). Ändert sich die Apple-ID: nach id6797754222 suchen.

Domain

Live unter verhoer.werle.app (seit 30.08.2026). Der Cloudflare-CNAME verhoer zeigt auf das Vercel-Ziel dieses Projekts, DNS only — proxied (orange Wolke) verhindert, dass Vercel das Zertifikat ausstellen kann.

Die Deployment-Adresse verhoer-site.vercel.app bleibt daneben erreichbar; ältere App-Builds, die noch darauf zeigen, laufen also nicht ins Leere.

In der App zeigt LegalLinks.privacyPolicyURL auf https://verhoer.werle.app/privacy — ohne .html, das löst cleanUrls in der vercel.json auf.

Die Hauptdomain werle.app verlinkt die Seite über die Produktkarte „Das Verhör" (Repo OnePieceMonkey/werle-app); die Fusszeile hier verlinkt zurück.

Assets

• Schriften: aus dem App-Repo (Games/alibi/App/Resources/Fonts), alle OFL.
• Tusche-Bilder: scene_l0.webp der Fälle, auf 840 px verkleinert. Der Held nutzt scene_412_hero.webp in Originalbreite (1086 px).
• Screenshots: Simulator (iPhone), Statusbar 9:41. Neue Screenshots nach assets/screens/ legen, Dateinamen in index.html beibehalten.