Commit Graph

24 Commits

Author SHA1 Message Date
Ferdinand
f06a6c6212 feat: Logo-Animation komplett einfärben via mix-blend-mode color
CSS-Overlay mit mix-blend-mode:color übernimmt Farbton der identifizierten
Farbe für die gesamte Animation. 0.8s Transition. Alle bisherige
SVG-Manipulation entfernt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:42:33 +02:00
Ferdinand
2a8b1157ab feat: Logo-Animation übernimmt exakte identifizierte Farbe
JSON wird per fetch geladen, Fill-Objekte von 'Small 4' (Gelb) werden
direkt mutiert und Animation ab aktuellem Frame neu geladen.
Kein hue-rotate mehr – eine Farbe ist exakt die gewählte Farbe.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:22:16 +02:00
Ferdinand
64614d49e7 feat: Logo-Animation synchronisiert Farben mit aktueller Farbe
hue-rotate verschiebt die Palette (Gelb/Pink/Lila) synchron zum
Farbton der identifizierten Farbe. Sanfter 0.8s Übergang.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:14:26 +02:00
Ferdinand
a7d51b9e17 feat: Hintergrund wechselt dynamisch zur Pastelversion der aktuellen Farbe
Bei jeder Farbidentifikation wird der Hue übernommen, Sättigung gedämpft
(max 45%) und Helligkeit auf 92% gesetzt. Sanfter 0.8s CSS-Übergang.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:09:58 +02:00
Ferdinand
f70d02d11d feat: Tab-Navigation als Hamburger-Menü
3-Striche-Button öffnet Dropdown mit allen Kategorien.
Aktive Kategorie wird neben dem Button angezeigt.
Klick außerhalb schließt das Menü.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:04:02 +02:00
Ferdinand
df5e628278 style: Hintergrundfarbe auf #DFE9F5, filter ohne invert
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:40:17 +02:00
Ferdinand
61fa93bcd3 style: Hintergrundanimation invertiert für deutlich mehr Sichtbarkeit
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:37:50 +02:00
Ferdinand
364d6ecf56 style: Hintergrundanimation kontrastreicher (filter contrast/brightness)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:36:05 +02:00
Ferdinand
c63dfbace4 feat: Hintergrund-Animation 'Background Grey Wave' als Fullscreen-Layer
Lottie-Animation fixed hinter allen Inhalten, 100vw/100vh skaliert.
Header mit Glassmorphism-Effekt (backdrop-filter blur) damit Inhalt
beim Scrollen lesbar bleibt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:33:52 +02:00
Ferdinand
cf31d6bbd2 style: alle font-family auf Poppins umgestellt
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 14:00:32 +02:00
Ferdinand
2c67d4e452 style: Schriftart auf Poppins umgestellt (Google Fonts)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 13:59:20 +02:00
Ferdinand
afff92409e style: Titel auf 3rem, Logo auf 80px vergrößert
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 13:58:16 +02:00
Ferdinand
1919f949e9 style: Pigmento-Titel und Logo vergrößert, mehr Abstand zu den Tabs
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 13:57:11 +02:00
Ferdinand
f5a976b3a4 feat: Lottie-Animation neben Pigmento-Titel im Header
Fluid Loading Animation.json via lottie-web (CDN) als 36x36px SVG
animiert neben dem h1-Titel. Loop, autoplay, kein Build-Schritt nötig.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 13:55:11 +02:00
Ferdinand
20abe09590 feat: Hierarchien für Farbschemata via Drag & Drop
Schematas können per Drag & Drop als Unterkategorien anderer Schematas
organisiert werden. Kinder werden eingerückt mit linkem Rand angezeigt.
Entnesten via Button oder Root-Dropzone. Löschen orphaned Kinder.
Umbenennen aktualisiert Kind-Referenzen automatisch.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 15:13:46 +02:00
Ferdinand
7f50f40a5b feat: Vorschaubild für Farbschemata hochladen und anzeigen 2026-04-02 14:31:10 +02:00
Ferdinand
447473c6f5 feat: Modal zum manuellen Erstellen von Farbschemata 2026-04-02 14:23:26 +02:00
Ferdinand
cc4d612b33 feat: Erklärungen als Hover-Tooltip bei Harmonietypen 2026-04-02 13:55:43 +02:00
Ferdinand
b30ff0d7fc style: move h3 margin-bottom from inline to CSS 2026-04-02 10:41:51 +02:00
Ferdinand
056d6c92a6 style: finales CSS-Finishing, inline styles zu CSS-Klassen
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 10:40:25 +02:00
Ferdinand
026e0c0e75 feat: Harmonien-Tab mit Komplementar, Analog, Triade, Split-Komplementar 2026-04-01 16:28:41 +02:00
Ferdinand
9cf34b03f0 feat: Picker-Tab mit Upload, Paste und Eyedropper 2026-04-01 16:24:30 +02:00
Ferdinand
46d5241bd4 fix: input validation, null guard and code comments in app.js/style.css 2026-04-01 16:12:07 +02:00
Ferdinand
331a7ed706 feat: Grundstruktur mit Tab-Navigation 2026-04-01 16:09:36 +02:00