techadmin
82cea98b52
Greift das Logo-Motiv (vernetzte Knotenpunkte) als ganzflaechiges Hero- Hintergrundelement auf — transportiert visuell die Netzwerk-/MSP-Kompetenz. - 12 Knoten in CI-Sonith-Gelb mit asynchroner Pulse-Animation (skaliert zwischen 1.0 und 1.6, drop-shadow-Glow) - 17 Verbindungslinien in CI-Petrol mit stroke-dasharray-Datenfluss (drei Geschwindigkeiten und Phasen, zufaellig wirkend) - mix-blend-mode: screen fuer weiches Aufblenden auf den Orbs - prefers-reduced-motion respektiert (Animation aus, Mesh bleibt sichtbar) - Orb-Opazitaeten reduziert, damit das Mesh den primaeren Akzent setzt 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)