init: coming-soon landingpage (blueprint scroll story, no prices)
This commit is contained in:
@@ -0,0 +1,4 @@
|
|||||||
|
.DS_Store
|
||||||
|
*.swp
|
||||||
|
*.bak
|
||||||
|
node_modules/
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
# wraneck-website
|
||||||
|
|
||||||
|
Statische Landingpage fuer wraneck.de — Coming-Soon-Variante ohne Preise.
|
||||||
|
|
||||||
|
## Stand
|
||||||
|
|
||||||
|
- Single-File HTML/CSS/JS (kein Build-Step)
|
||||||
|
- DSGVO-konform: keine externen Fonts, keine Tracker, keine Cookies
|
||||||
|
- Hosting: Hetzner CX43 `ops.wraneck.de`, ausgeliefert via Caddy
|
||||||
|
- Pfad auf Server: `/srv/sites/wraneck/`
|
||||||
|
|
||||||
|
## TODOs vor offiziellem Launch
|
||||||
|
|
||||||
|
- [ ] Echte Anschrift in `impressum.html`
|
||||||
|
- [ ] Telefonnummer + Cal.com-Link in `index.html`
|
||||||
|
- [ ] Self-hosted Fonts (Source Serif 4, Space Grotesk, JetBrains Mono) in `/fonts/` ablegen, `@font-face` definieren, System-Fallbacks im `:root` durch Custom-Fonts ersetzen
|
||||||
|
- [ ] Preise in den Stationen 3/4/6 einsetzen (statt `.soonchip`)
|
||||||
|
- [ ] `<meta name="robots">` von `noindex,nofollow` auf `index,follow` aendern
|
||||||
|
- [ ] Top-Banner `Im Aufbau · Anfragen jederzeit moeglich` entfernen
|
||||||
|
- [ ] Lighthouse-Audit, Mobile-Test, Reduced-Motion-Test
|
||||||
|
|
||||||
|
## Deploy
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# auf ops.wraneck.de
|
||||||
|
cd /srv/sites/wraneck && git pull
|
||||||
|
# Caddy serviert direkt aus dem Verzeichnis, kein Reload noetig
|
||||||
|
```
|
||||||
|
|
||||||
|
## Lokale Vorschau
|
||||||
|
|
||||||
|
```bash
|
||||||
|
cd /Users/wraneck/Projekte/wraneck-website
|
||||||
|
python3 -m http.server 8000
|
||||||
|
open http://localhost:8000
|
||||||
|
```
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<title>Datenschutz — Wraneck</title>
|
||||||
|
<meta name="description" content="Datenschutzerklaerung fuer wraneck.de" />
|
||||||
|
<meta name="robots" content="noindex, nofollow" />
|
||||||
|
<style>
|
||||||
|
body { font-family: ui-sans-serif, system-ui, sans-serif; background: #0a1929; color: #e8f0f7; max-width: 720px; margin: 0 auto; padding: 60px 28px; line-height: 1.6; }
|
||||||
|
h1 { font-family: ui-serif, Georgia, serif; font-weight: 400; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
h2 { font-family: ui-monospace, Menlo, monospace; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: #7fb3d5; margin-top: 36px; }
|
||||||
|
a { color: #d97a4a; }
|
||||||
|
.note { padding: 14px 18px; border: 1px dashed rgba(217,122,74,0.4); color: #d97a4a; font-family: ui-monospace, Menlo, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; margin: 24px 0; }
|
||||||
|
ul { padding-left: 22px; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p><a href="/">← zurueck</a></p>
|
||||||
|
<h1>Datenschutz</h1>
|
||||||
|
<p class="note">Platzhalter — wird vor Live-Schaltung vom Datenschutzbeauftragten oder per Generator geprueft.</p>
|
||||||
|
|
||||||
|
<h2>Verantwortlicher</h2>
|
||||||
|
<p>Krys Baumgarten, Magdeburg. Kontakt: <a href="mailto:info@wraneck.de">info@wraneck.de</a></p>
|
||||||
|
|
||||||
|
<h2>Was diese Seite NICHT macht</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Kein Google Analytics</li>
|
||||||
|
<li>Keine Google Fonts (System-Schriftarten)</li>
|
||||||
|
<li>Kein US-CDN</li>
|
||||||
|
<li>Keine Tracking-Pixel</li>
|
||||||
|
<li>Keine Cookies</li>
|
||||||
|
<li>Kein Cookie-Banner — weil nichts zu fragen ist</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Server-Logs</h2>
|
||||||
|
<p>Der Webserver protokolliert IP-Adresse, Zeitstempel und aufgerufene URL. Diese Logs werden zur Fehleranalyse und zur Abwehr von Angriffen genutzt und nach 14 Tagen geloescht. Keine Weitergabe an Dritte.</p>
|
||||||
|
|
||||||
|
<h2>Kontakt per E-Mail</h2>
|
||||||
|
<p>Wenn du mir eine E-Mail schreibst, werden die Inhalte zur Bearbeitung deiner Anfrage gespeichert. Loeschung nach Erledigung, spaetestens nach gesetzlicher Aufbewahrungsfrist.</p>
|
||||||
|
|
||||||
|
<h2>Hosting</h2>
|
||||||
|
<p>Die Seite laeuft auf einem Server der Hetzner Online GmbH in Deutschland (Nuernberg). Es besteht ein Auftragsverarbeitungsvertrag mit Hetzner.</p>
|
||||||
|
|
||||||
|
<h2>Deine Rechte</h2>
|
||||||
|
<p>Du hast jederzeit das Recht auf Auskunft, Berichtigung, Loeschung, Einschraenkung der Verarbeitung, Datenuebertragbarkeit und Widerspruch. Schreib einfach an die oben genannte E-Mail-Adresse.</p>
|
||||||
|
|
||||||
|
<h2>Beschwerderecht</h2>
|
||||||
|
<p>Bei Beschwerden kannst du dich an die zustaendige Datenschutz-Aufsichtsbehoerde wenden.</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<title>Impressum — Wraneck</title>
|
||||||
|
<meta name="description" content="Impressum nach §5 TMG fuer wraneck.de" />
|
||||||
|
<meta name="robots" content="noindex, nofollow" />
|
||||||
|
<style>
|
||||||
|
body { font-family: ui-sans-serif, system-ui, sans-serif; background: #0a1929; color: #e8f0f7; max-width: 720px; margin: 0 auto; padding: 60px 28px; line-height: 1.6; }
|
||||||
|
h1 { font-family: ui-serif, Georgia, serif; font-weight: 400; font-size: 36px; margin-bottom: 8px; }
|
||||||
|
h2 { font-family: ui-monospace, Menlo, monospace; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: #7fb3d5; margin-top: 36px; }
|
||||||
|
a { color: #d97a4a; }
|
||||||
|
.note { padding: 14px 18px; border: 1px dashed rgba(217,122,74,0.4); color: #d97a4a; font-family: ui-monospace, Menlo, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; margin: 24px 0; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p><a href="/">← zurueck</a></p>
|
||||||
|
<h1>Impressum</h1>
|
||||||
|
<p class="note">Platzhalter — wird vor Live-Schaltung mit echter Anschrift gefuellt.</p>
|
||||||
|
|
||||||
|
<h2>Angaben gemaess §5 TMG</h2>
|
||||||
|
<p>
|
||||||
|
Krys Baumgarten<br/>
|
||||||
|
[Strasse + Nr.]<br/>
|
||||||
|
[PLZ Magdeburg]<br/>
|
||||||
|
Deutschland
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Kontakt</h2>
|
||||||
|
<p>
|
||||||
|
E-Mail: <a href="mailto:info@wraneck.de">info@wraneck.de</a><br/>
|
||||||
|
Telefon: [folgt]
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Umsatzsteuer</h2>
|
||||||
|
<p>Kleinunternehmer im Sinne von §19 UStG, daher kein Ausweis der Umsatzsteuer.</p>
|
||||||
|
|
||||||
|
<h2>Verantwortlich fuer den Inhalt</h2>
|
||||||
|
<p>Krys Baumgarten, Anschrift wie oben.</p>
|
||||||
|
|
||||||
|
<h2>EU-Streitschlichtung</h2>
|
||||||
|
<p>Die Europaeische Kommission stellt eine Plattform zur Online-Streitbeilegung bereit: <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener">ec.europa.eu/consumers/odr</a>. Wir sind nicht verpflichtet und nicht bereit, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+1355
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user