diff --git a/CLAUDE.md b/CLAUDE.md index 5e7fe98..ac35b86 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -73,4 +73,4 @@ Statische Dateien direkt auf Nginx ausliefern. Kein Build-Step notwendig. --- -*Zuletzt aktualisiert: Mai 2026 — v1.6.0 (Hero im Goldenen Schnitt, Cluster als Service-Picker)* +*Zuletzt aktualisiert: Mai 2026 — v1.6.1 (Cluster vergrößert, Hover-Ring an Außenknoten)* diff --git a/css/style.css b/css/style.css index c228917..d2ed994 100644 --- a/css/style.css +++ b/css/style.css @@ -168,6 +168,30 @@ html { 50% { transform: scale(1.18); opacity: 1; } } +/* Hover-Ring um Aussenknoten — analog zum Center-Ring, aber nur waehrend Hover/Focus. + Initial unsichtbar; beim Hover wird er sichtbar und pulsiert. */ +.hover-ring { + fill: none; + stroke: #DEDC1E; + stroke-width: 1.8; + stroke-opacity: 0; + transform-box: fill-box; + transform-origin: center; + transition: stroke-opacity 0.2s ease; + pointer-events: none; +} + +.cluster-link:hover .hover-ring, +.cluster-link:focus-visible .hover-ring { + stroke-opacity: 0.7; + animation: hover-ring-pulse 1.6s ease-in-out infinite; +} + +@keyframes hover-ring-pulse { + 0%, 100% { transform: scale(1); stroke-opacity: 0.7; } + 50% { transform: scale(1.35); stroke-opacity: 0.15; } +} + /* Klickflaeche: unsichtbarer groesserer Kreis (bessere Mausziel-Groesse) */ .node-hit { fill: transparent; @@ -204,6 +228,7 @@ html { @media (prefers-reduced-motion: reduce) { .logo-cluster line, .cluster-ring, + .hover-ring, .node { animation: none !important; } } diff --git a/datenschutz.html b/datenschutz.html index 10cdb61..b0bfde0 100644 --- a/datenschutz.html +++ b/datenschutz.html @@ -208,7 +208,7 @@

© 2026 sonith UG (haftungsbeschränkt)

- v1.6.0 + v1.6.1
Impressum diff --git a/impressum.html b/impressum.html index 23a2e4d..64788cb 100644 --- a/impressum.html +++ b/impressum.html @@ -91,7 +91,7 @@

© 2026 sonith UG (haftungsbeschränkt)

- v1.6.0 + v1.6.1
Impressum diff --git a/index.html b/index.html index d480231..31fa500 100644 --- a/index.html +++ b/index.html @@ -161,60 +161,65 @@
+ Jeder Knoten ist ein Anker zu seiner Leistungs-Karte; jeder Aussenknoten + erhaelt beim Hover einen pulsierenden Ring analog zum Center. -->
@@ -526,7 +531,7 @@

© 2026 sonith UG (haftungsbeschränkt)

- v1.6.0 + v1.6.1