techadmin 82cea98b52 feat: animiertes Knoten-Mesh im Hero (v1.5.0)
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>
2026-05-04 23:50:14 +02:00

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)

S
Description
Statischer One-Pager für sonith.de — MSP-Website mit Tailwind CSS
Readme 599 KiB
Languages
HTML 83.2%
CSS 12.8%
JavaScript 4%