techadmin
21cd2c7c3f
Das alte Random-Network-Mesh wirkte unbestimmt — neu als drei wiederholte Sonith-Logo-Sterne in unterschiedlichen Skalen, sodass die Marken-DNA klar durchscheint. - Jeder Cluster: zentraler gefuellter Knoten + pulsierender Ring + 5 strahlenfoermige Linien zu Aussenknoten in der originalen Logo-Anordnung (asymmetrisch nach rechts verlaengert wie im CI-Logo) - Cluster A links-mitte (Skala 6, dominant), Cluster B rechts oben (3.5), Cluster C rechts unten (2.5) — gestaffelte Tiefe - Ring atmet (scale + opacity), Core pulsiert mit Glow, Aussenknoten asynchron via inline animation-delay - Linien als gestrichelte Petrol-Bahnen mit stroke-dashoffset-Datenfluss Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
sonith.de — Website
Statischer One-Pager für sonith.de.
Stack
- HTML + CSS + JavaScript
- TailwindCSS (CDN)
- Kein Build-Step notwendig
Lokal testen
index.html im Browser öffnen — fertig.
Oder mit einem lokalen Server:
python3 -m http.server 8080
Dann http://localhost:8080 aufrufen.
Deployment
Statische Dateien auf den Webserver kopieren (Nginx/Apache).
Struktur
| Datei | Beschreibung |
|---|---|
index.html |
Hauptseite (One-Pager) |
impressum.html |
Impressum |
datenschutz.html |
Datenschutzerklärung |
css/style.css |
Custom Styles |
js/main.js |
Mobile Menu, Scroll-Spy, Animationen |
img/ |
Bilder und Platzhalter |
Lizenz
Proprietär — sonith UG (haftungsbeschränkt)