generated from knso/webklar-preview-template
JUSN
9dc1d8d87b
- Backend-Proxy (Cloudflare Worker in proxy/): API-Key serverseitig, Modell-Whitelist, max_tokens-Deckel, Tageslimits pro Gerät und IP - Modell-Split: Analyse auf Sonnet 5, Übersetzung/Antwort auf Haiku 4.5 - Bild-Downscaling auf 2000px vor dem Upload (ScanScreen) - Expo SDK 56 -> 57 Upgrade - Freemium: 3 Gratis-Analysen mit lokalem Zähler und Paywall-Hinweis - Einstellungen: API-Key-Feld nur noch im Dev-Modus (NUTZT_PROXY) - Build-Setup: Bundle-IDs, eas.json, Splash-Screen-Plugin - Tests: jest-expo + 17 Tests für die Ampel-/Fristlogik - Rechtliches: Datenschutzerklärung (Entwurf), Webseite (webseite/, live auf behoerdenklar.pages.dev), Store-Texte (store/) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
76 lines
2.7 KiB
HTML
76 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>BehördenKlar – Behördenbriefe einfach verstehen</title>
|
||
<meta name="description" content="BehördenKlar erklärt Behördenbriefe in einfacher Sprache. Support und Kontakt.">
|
||
<style>
|
||
:root { color-scheme: light; }
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||
color: #1a1a2e; background: #f4f8fb; line-height: 1.7;
|
||
}
|
||
.wrap { max-width: 640px; margin: 0 auto; padding: 32px 20px 64px; }
|
||
header { text-align: center; padding: 48px 0 32px; }
|
||
.logo { font-size: 56px; }
|
||
h1 { font-size: 32px; margin-top: 12px; color: #144d8c; }
|
||
.slogan { font-size: 18px; color: #4a5568; margin-top: 8px; }
|
||
.karte {
|
||
background: #fff; border-radius: 16px; padding: 24px;
|
||
margin-top: 24px; box-shadow: 0 2px 8px rgba(20, 77, 140, 0.08);
|
||
}
|
||
h2 { font-size: 20px; color: #144d8c; margin-bottom: 12px; }
|
||
a { color: #1a6bc4; }
|
||
.kontakt { font-size: 18px; font-weight: 600; }
|
||
footer { text-align: center; margin-top: 40px; font-size: 15px; color: #4a5568; }
|
||
footer a { margin: 0 10px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<header>
|
||
<div class="logo">📬</div>
|
||
<h1>BehördenKlar</h1>
|
||
<p class="slogan">Behördenbriefe fotografieren – und einfach verstehen.</p>
|
||
</header>
|
||
|
||
<div class="karte">
|
||
<h2>Was ist BehördenKlar?</h2>
|
||
<p>
|
||
BehördenKlar ist eine App für iPhone: Sie fotografieren einen Brief vom
|
||
Amt, und die App erklärt ihn in einfacher Sprache — mit allen Fristen,
|
||
Terminen und einer Checkliste, was zu tun ist. Auf Wunsch übersetzt in
|
||
9 weitere Sprachen.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="karte">
|
||
<h2>Support & Kontakt</h2>
|
||
<p>
|
||
Sie haben eine Frage, ein Problem mit der App oder einen Verbesserungsvorschlag?
|
||
Schreiben Sie uns — wir antworten so schnell wie möglich:
|
||
</p>
|
||
<p class="kontakt" style="margin-top: 12px;">
|
||
📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="karte">
|
||
<h2>Wichtiger Hinweis</h2>
|
||
<p>
|
||
BehördenKlar erklärt Briefe verständlich, ersetzt aber keine
|
||
Rechtsberatung. Bei rechtlich wichtigen Entscheidungen wenden Sie sich
|
||
bitte an eine Beratungsstelle oder eine Anwältin/einen Anwalt.
|
||
</p>
|
||
</div>
|
||
|
||
<footer>
|
||
<a href="impressum.html">Impressum</a> ·
|
||
<a href="datenschutz.html">Datenschutzerklärung</a>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
</html>
|