Privacy-clean fonts + Impressum + Datenschutz pages

This commit is contained in:
2026-06-23 17:30:50 +00:00
parent a75c046f01
commit 4f9fbca7a3
4 changed files with 236 additions and 9 deletions
+7 -8
View File
@@ -5,11 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Equilo · Schwindel- &amp; Menière-Tagebuch</title>
<meta name="description" content="Equilo ist ein warmes, privates Tagebuch für Menschen mit Morbus Menière. Anfälle erfassen, Trigger erkennen, Wetter mitdenken, Arztbericht in einem Tipp. iPhone, iPad und Apple Watch. Lokal und in deiner iCloud.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
:root{
--font-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
--cream:#FDFAF4; --cream2:#FAF5EB; --cream3:#EFE8D7;
--teal:#1F4848; --teal900:#0E2A2A; --teal-soft:#2C5A56;
--coral:#E89B7B; --coral-soft:#FCEBDC; --sage:#6FA086;
@@ -17,8 +16,8 @@
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.12;color:var(--teal900);letter-spacing:-0.01em}
body{font-family:var(--font-sans);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.12;color:var(--teal900);letter-spacing:-0.01em}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-soft)}
a{color:var(--teal);text-decoration:none}
@@ -26,7 +25,7 @@
/* nav */
nav{position:sticky;top:0;z-index:10;background:rgba(253,250,244,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-weight:600;font-size:1.25rem;color:var(--teal900)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-serif);font-weight:600;font-size:1.25rem;color:var(--teal900)}
.brand svg{width:30px;height:30px}
.nav-links{display:flex;gap:26px;font-size:.95rem}
.nav-links a{color:var(--ink-soft)}
@@ -291,7 +290,7 @@
<div class="eyebrow">Beta</div>
<h2>Sei in der ersten Runde dabei.</h2>
<p>Equilo startet als geschlossene TestFlight-Beta und kommt danach in den App Store. Schreib uns, wenn du als Betroffene oder Angehöriger früh testen möchtest.</p>
<a class="cta" href="mailto:hallo@equilo.app">Für die Beta melden &rarr;</a>
<a class="cta" href="mailto:website@tillheidrich.de">Für die Beta melden &rarr;</a>
</div>
</section>
@@ -306,7 +305,7 @@
</div>
<div>
<p>© 2026 Equilo</p>
<p><a href="#">Datenschutz</a> · <a href="#">Impressum</a></p>
<p><a href="datenschutz.html">Datenschutz</a> · <a href="impressum.html">Impressum</a></p>
</div>
</div>
</footer>