Commit Graph

26 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
709d82bc8b fix: Logo-Farbe auch auf Gradient-Stops (mittlerer Ball) anwenden
Neben solid fills auch SVG stop-Elemente mit stop-color='rgb(255,223,0)'
markieren und per CSS stop-color überschreiben.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:39:13 +02:00
Ferdinand
446870a94c fix: Logo-Farbe via CSS-Override statt animationData-Reload
lottie cached Daten intern - Mutation+Reload funktioniert nicht.
Neuer Ansatz: gelbe fill-Elemente einmalig mit Klasse markieren,
CSS fill-Property (schlägt SVG-Attribute per Spec) per style-Element
aktualisieren. Kein Reload, kein Flicker.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:29:52 +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
796a568ab3 copy: Seitenüberschriften durch UX-orientierte Sätze ersetzt
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 17:06:36 +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
6da431bf7e feat: zufällige Hintergrundfarbe aus 8 Pastelltönen beim Start
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-03 16:47:33 +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
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
ad04577ce2 feat: Verlauf löschbar, Lösch-Bestätigung, HEX/RGB/HSL Tooltips
- Verlauf: neuer Button 'Verlauf löschen' mit Bestätigungsdialog
- Löschen von Favoriten und Schemata erfordert jetzt Bestätigung
- HEX, RGB und HSL Labels in Picker- und Eingabe-Tab mit ℹ Tooltip

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 15:27:08 +02:00
Ferdinand
8a31d5336e feat: Farbschemata nachträglich bearbeiten
Neuer Button 'Schema bearbeiten' neben 'Schema löschen'. Öffnet das
bestehende Modal mit vorausgefüllten Daten (Name, Farben, Vorschaubild).
Umbenennen wird korrekt behandelt (altes Schema wird ersetzt).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 15:04:54 +02:00
Ferdinand
405f1f25d7 feat: Farbvorschlag aus Vorschaubild via K-Means Clustering
Beim Hochladen eines Vorschaubilds werden automatisch bis zu 3
dominante Farben per K-Means++ extrahiert und als Vorschlag angezeigt.
Der User kann den Vorschlag übernehmen oder ablehnen und manuell fortfahren.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 14:39:30 +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
7a17f2c511 feat: rename Farbhelfer to Pigmento 2026-04-02 14:12:17 +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
3c9f5b183b feat: Sammlung mit Favoriten, Verlauf, Schemata, Export und Import
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 10:35:10 +02:00
Ferdinand
026e0c0e75 feat: Harmonien-Tab mit Komplementar, Analog, Triade, Split-Komplementar 2026-04-01 16:28:41 +02:00
Ferdinand
8918d4623b fix: consistent indentation in index.html picker section 2026-04-01 16:27:10 +02:00
Ferdinand
9cf34b03f0 feat: Picker-Tab mit Upload, Paste und Eyedropper 2026-04-01 16:24:30 +02:00
Ferdinand
36d0253668 fix: prevent double updateUI, move imports to top, label for attributes 2026-04-01 16:22:37 +02:00
Ferdinand
cf9cdb2f6e feat: Eingabe-Tab mit bidirektionaler Farbumrechnung
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-01 16:19:47 +02:00
Ferdinand
331a7ed706 feat: Grundstruktur mit Tab-Navigation 2026-04-01 16:09:36 +02:00