Timeline

Neue Unterseite Marktforschungskalkulation – Studio veröffentlicht. Interaktiver Feldkosten-Kalkulator für Marktforschungsprojekte mit Studio-/Mischpult-Ästhetik (Gibson-inspiriertes Dark-Theme, Amber-Akzente). Unterstützt die Methoden CAWI, CATI, CAPI/F2F und Qual-Rekrutierung mit methodenspezifischer Kalkulationslogik: CPI-basierte Feldkosten, Längen-Multiplikator (Potenzfunktion je Methode), Zielgruppen-Faktor, Inzidenz-Formel sowie Dringlichkeitszuschläge. Acht Zusatzleistungen konfigurierbar (Coding, Tabellenband, Gewichtung, Präsentation, Übersetzung, Hosting, Screener, Reisekosten). Expertenmodus für PM, Overhead und Marge. Ergebnisbereich als Live-Dashboard mit animierten Zahlenwerten. Automatischer Angebotsbrief mit dynamischen Variablen und Clipboard-Export. Sounds via Web Audio API (kein externes Audio). Modulare Dateistruktur: config.js (Konstanten), calculator.js (Logik), audio.js, ui.js, offer.js, main.js. Disclaimer-Block und Hinweis zur indikativen Natur der Kalkulation integriert. Teaser auf Startseite ergänzt und im Hero-Neuheiten-Kasten platziert. Gemeinsam mit Claude Code (Anthropic).

Fachartikel „Marktforschung trifft KI" veröffentlicht. Die neue Unterseite marktforschung-ki.html behandelt den Einsatz von Künstlicher Intelligenz in der Marktforschung: Coding und Codelistenerstellung, Panel-Steuerung, Feldarbeit, Incident Detection, Scoring-Modelle und Prozessautomatisierung. Aufgebaut als Accordion mit zehn Kapiteln, zwei eingebundenen Fachquellen (McKinsey Global Survey 2025, ScienceDirect 2025) und einem redaktionellen Abschluss. Teaser auf der Startseite ergänzt. Gemeinsam mit Claude Code (Anthropic).

Zwei Bugfixes und ein Galaxia-Umbau. Startseite: Mobile-Bug behoben — die NEU-Links im Hero-Neuheiten-Kasten (Dashboard, CV, I bet Max Song) wurden auf kleinen Bildschirmen durch die Media-Query-Regel nav a{display:none} vollständig ausgeblendet, weil der Kasten als <nav>-Element ausgezeichnet ist. Selektor auf header nav a eingeschränkt, sodass nur die Topbar-Navigation versteckt wird. Galaxia-Seite umgebaut: Highscores-Button aus dem Start-Overlay entfernt und ersetzt durch eine kompakte Glasmorphism-Platte mit den Top 10 Highscores direkt unter dem Spielen-Button — Rang (🥇/🥈/🥉 für die ersten drei Plätze), Name, Level und Score. Klick auf die Platte öffnet die vollständige Highscore-Ansicht. Daten werden direkt beim Seitenaufruf aus der Supabase-Datenbank geladen und nach jedem Schließen der Highscore-Seite aktualisiert. Außerdem I BET MAX als verlinktes Wortmarke oben links in das Start-Overlay eingebettet (position:absolute, z-index:2), damit der Link zur Startseite auch dann sichtbar ist, wenn das Overlay den Header verdeckt. Gemeinsam mit Claude Code (Anthropic).

Dashboard um Projekt 5 erweitert: „Weiterbildung KI-Manager mit Projekt" als neuer Projektblock angelegt — Status „In Arbeit", zusammenklappbar wie Projekte 2–4. Linke Spalte: Keyfacts (Anbieter TÜV Rheinland Akademie, Abschluss Teilnahmebescheinigung & PersCert TÜV, Zusatzabschluss KI-Manager TÜV, konform gemäß Artikel 4 EU AI Act) sowie Berufsbilder (KI-Manager, Digitalisierungsberater, Projektleiter KI-Transformation, Data-Driven Innovation Specialist). Rechte Spalte: 17 abklickbare Kursmodule von Datenanalyse über Prompt Engineering, DSGVO/EU AI Act und KI-Strategie bis zur abschließenden Projektarbeit. Kennzahlen: Fortschritt 2, Dringlichkeit 8, Finetuning 1, Spaßfaktor 9. localStorage-Default um block-5 ergänzt, startet eingeklappt. Timeline-Eintrag für Session 2 erstellt. Gemeinsam mit Claude Code (Anthropic).

Neuheiten-Menü im Hero der Startseite ergänzt: kleines, transparentes Glasmorphism-Menü unten rechts im Hero mit zwei Abschnitten — „NEU" mit direkten Links zu Dashboard, CV DE/EN und I bet Max Song sowie „Coming Soon" mit Maniac Tower und Bewerbungsautomat als Vorschau ohne Verlinkung. Menü responsiv für Mobile angepasst. Außerdem Planung einer vollständigen Automatik für die Stellensuche mit ChatGPT Pro: Suche in Jobportalen, automatische Übergabe an Airtable, KI-gestütztes Scoring und Empfehlungslogik (Bewerbungsautomat). Gemeinsam mit Claude Code (Anthropic).

Bewerbungsautomatisierung mit ChatGPT Pro und Airtable aufgebaut: Stellenanzeigen systematisch mit ChatGPT Pro analysiert und strukturiert ausgewertet — Ergebnisse direkt in Airtable überführt. Datenbank mit über 20 Feldern aufgebaut: Gehalt, Benefits, Eintrittsdatum, Score, Match-Bewertung und Empfehlungslogik. Die Datenbank entwickelt sich zum eigenständigen KI-gestützten Entscheidungs- und Priorisierungstool für den gesamten Bewerbungsprozess. Gemeinsam mit Claude Code (Anthropic).

Dashboard Schritt 5 — Inhalte und 4. Projektblock: Projekt 1 durch vollständige Analyse der Timeline und Seitenstruktur als www.ibetmax.com neu befüllt — 20 To-dos (7 offen, 13 erledigt), 6 Unterseiten-Bereiche, Kennzahlen Fortschritt 8, Dringlichkeit 5, Finetuning 5, Spaßfaktor 9. BMW X5 xDrive40d (Baujahr 2011, Vollausstattung) als vollwertiger 4. Projektblock ergänzt: 13 To-dos mit data-Attributen (reactivate, battery, assistance-check, documents, remote-batteries, detailing, test-drive als done; tailgate-softclose, workshop, tuv, service, listing, sale als open). Projektreihenfolge: ibetmax.com → evilorgood.com → Bewerbungsautomatisierung → BMW X5. localStorage-Defaults um block-4 erweitert — startet eingeklappt. Gemeinsam mit Claude Code (Anthropic).

Dashboard Schritt 3 & 4 — Interaktivität und localStorage-Persistenz: Expand/Collapse per Klick auf den Block-Header mit sanfter max-height-Transition und Pfeil-Rotation; Block 1 startet offen, Blöcke 2 und 3 eingeklappt. To-do-Toggle — Klick wechselt open ↔ done (○ / ✓ + Durchstreichung) ohne Reload-Verlust. Hover-Lift auf Projektblöcken (translateY -3px, orangener Glow-Border). Metrics-Balken laufen beim Öffnen oder beim ersten Sichtkontakt per IntersectionObserver von 0 auf Zielwert ein (cubic-bezier). Edit-Hint-Icon ✎ erscheint dezent bei Hover. localStorage-Persistenz für alle Block-Zustände (ibm_dash_blocks) und To-do-Zustände (ibm_dash_todos) mit stabilem data-project:data-task-id-Schema; try/catch-Wrapper als Fallback falls localStorage nicht verfügbar. Dezenter ↺ Reset-Button im Header löscht gespeicherten Zustand und lädt die Seite neu. Inhalte der drei Projektblöcke auf evilorgood.com, Bewerbungsautomatisierung (KI-Positionen) und BMW X5 xDrive40d aktualisiert. Gemeinsam mit Claude Code (Anthropic).

Neue Unterseite Dashboard gebaut: Projektübersicht im Unterwasser-/Dark-Theme mit dem Hintergrundbild „Feuriger Oktopus in dunkler Tiefe" als fixierter Cover-Background und doppeltem Dunkel-Gradienten für Lesbarkeit. Drei statische Projektblöcke als Glasmorphism-Cards (backdrop-filter, orange Glow-Border bei Hover) mit je Projekttitel, Kurzbeschreibung, Status-Badge (animierter Puls-Dot in drei Varianten: In Arbeit, Aktiv, Wartend, On Hold), Bereiche-Liste, To-do-Liste (open ○ / done ✓ + Durchstreichung) und vier Kennzahlen-Metern (Fortschritt, Dringlichkeit, Finetuning, Spaßfaktor) mit farbkodierten Gradientenbalken. Coin-Logo aus der IBM Story übernommen (coin.png, rotateY-Spin alle 30s, zusätzlicher orangener Drop-Shadow). Oranger Komet-Cursor aus der Timeline übernommen (28-Punkt-Trail, Spark-System, Radial-Glow-Kopf) — auf Touch-Geräten per matchMedia(hover:hover) deaktiviert. Favicon kopiert. Startseite um Dashboard-Link in der Navigation ergänzt. Seite als eigenständiger Ordner Dashboard/ mit assets/img/ angelegt. Gemeinsam mit Claude Code (Anthropic).

Maniac Tower Schritt 6 — Zombie-Etage begehbar: Die 4. UG ist jetzt erstmals wirklich betretbar. Der zombie_block-Dialog führt nun nicht mehr zur automatischen Rückfahrt, sondern endet mit einem kontrollierten Eintritt auf Floor -4. Neuer zombie:enter-Handler in main.js platziert den Spieler korrekt links neben dem Fahrstuhlschacht und snappt die Kamera. Rückweg über ein Notausgang-Objekt auf der Etage: Spieler klickt den Ausgang, erhält einen Bestätigungsdialog und wird dann per forceFloor zurück in den Fahrstuhl gesetzt — kein Softlock möglich. Humorvolle Zombie-Dialoge ergänzt: Untote wirken eher erschöpft als gefährlich (»Ich bin kein Zombie. Ich bin MÜDE.«, »Kein WLAN seit Wochen — das ist diskriminierend.«, Hausordnung mit §4: Gehirnkonsum bitte nur auf der Etage). Zombie-NPCs mit abwechselnden Dialogue-Pools ausgestattet. Elevator-Ankunfts-Fix: Spieler wird nach jeder Fahrt korrekt links neben der Elevator-Zone platziert und inElevator zurückgesetzt — kein unbeabsichtigtes Festhängen mehr. Arrow-Key-Navigation im Fahrstuhl: überspringt jetzt gesperrte Floors statt eine Systemfehlermeldung auszulösen. Gemeinsam mit Claude Code (Anthropic).

Maniac Tower Schritt 5 — Welt vollständig zugänglich + Kühe-Event überarbeitet: Elevator-Range auf alle 11 Floors erweitert (Dach bis 4. UG), alle Etagen ohne Sperr-Flag erreichbar. Elevator-Panel zeigt Floors jetzt in korrekter Reihenfolge (Dach oben) mit scrollIntoView auf die aktuelle Etage. Kühe-Event vollständig neu implementiert: 3-Phasige Animation — Einlaufen von links (Ease-Out), Stopp vor Annis Hofladen, Anni-Dialog (»NICHT SCHON WIEDER!«), Rücktreiben nach links mit scaleX(-1)-Drehung. Y-Position-Fix: Kühe sitzen jetzt exakt auf dem Gras (Unterkante = GROUND_Y). Farbliche Überarbeitung der Kühe-Sprites: cremeweiß mit dunkelbraunem Fleck, Schwanz und Auge. Sauberes Cleanup am Ende: DOM-Elemente entfernt, Flags zurückgesetzt, overflow restored. Gemeinsam mit Claude Code (Anthropic).

CV im Glass Mode gebaut: Neue Seite cv-glass.html als eigenständige Darstellungsvariante des Lebenslaufs. Design-Sprache inspiriert von Apple VisionOS: heller Hintergrund, Glassmorphism-Cards mit backdrop-filter, Cyan- und Violett-Akzente, Inter-Font. Hero mit schwebendem Glass-Card und grünem Verfügbarkeits-Signal. Kernkompetenzen als horizontaler Drag-Slider mit Edge-Fade und Fortschrittsbalken. Stärken mit Ghost-Zahlen im Hintergrund. Vollständiges CSS-Token-System mit einheitlichen Radius-, Schatten- und Blur-Variablen. Style-Switcher-Widget auf beiden CV-Seiten: „Choose your Style!" — Wechsel zwischen Dark Mode und Glass Mode per Klick. CV-Teaser auf der Startseite um Dual-Mode-Icons erweitert. Gemeinsam mit Claude Code (Anthropic).

Maniac Tower Schritt 4 — Spielgefühl verbessert: Sechs UX- und Technik-Korrekturen ohne Content-Erweiterung. NPC-Dopplung behoben: der Barkeeper in Erol's Bar heißt jetzt „Barkeeper" statt „Erol", damit kein Namenskonflikt mit dem Erol im Jobtastic-Büro entsteht. Avatar-Label eingebaut: der eigene Name erscheint als kleines leuchtendes Label über dem Sprite (Standard „Du", bei eingegeben Name bis 10 Zeichen wird der Name angezeigt). Click-to-Move visuell gemacht: beim Klick auf ein Ziel erscheint ein blauer Puls-Ellipsen-Marker, der zu einer Bestätigung der Zielposition aufblinkt und dann sanft ausblendet — Bewegung wird sofort greifbar. Fahrstuhl-Synchronisation repariert: der Avatar wurde zwar korrekt in state.py bewegt, das DOM wurde jedoch nie aktualisiert — der Spieler schien visuell steckenzubleiben. Fix über einen entkoppelten Bus-Event (player:syncDOM) der in jedem Animations-Frame des Fahrstuhls gefeuert wird; beim Einsteigen wird der Avatar außerdem automatisch in der Kabinen-Mitte zentriert. Camera-Snap nach Etagenankunft: nach jeder Fahrstuhlfahrt springt die Kamera sofort auf die neue Etage (snapCamera), statt langsam per LERP nachzuziehen — alle Etagen von Dach (6. OG) bis Zombie-Keller (4. UG) sind dadurch sofort sichtbar. Dialog-UX verbessert: der „Weiter"-Button ist größer (9px statt 7px), heller (#88aaff mit Glow-Schatten) und pulsiert jetzt mit einer Seitenbewegung; der Text wurde auf „Weiter ⏵" geändert. Gemeinsam mit Claude Code (Anthropic).

Maniac Tower Schritt 3 gebaut: Vier neue Etagen mit eigenen NPCs und Charakteren — Skat-WG mit Toub und Macki, Reisewohnung Seba & Bibi, Andrea Stroets Loft mit Hund Carl, Basti auf dem Dach mit Helikopter-Animation. Anni mit Hofladen außerhalb des Towers (weltX-Override-System für Outdoor-NPCs). Seltenes Kühe-Event auf dem Rasen. Vault-Rätsel im 2. UG mit Zahlendreh-Code und Goldbarren im State. 8 neue NPC-Sprites, 80+ neue Dialogzeilen. Gemeinsam mit Claude Code (Anthropic).

Song „I bet Max" über CD Baby zur Veröffentlichung eingereicht. Distributor CD Baby übernimmt die Auslieferung an alle großen Streaming-Plattformen: Spotify, Apple Music, TikTok, YouTube Music und viele weitere. Cover hochgeladen, Genre gesetzt, alle Metadaten und Informationen hinterlegt. Release steht an.

Maniac Tower Schritt 2 gebaut: Dialogsystem massiv ausgebaut mit Random-Pool-Mechanik (kein Dialog wiederholt sich bis alle gespielt wurden), Alt-Pool-Varianten ab bestimmter Nerverei-Schwelle und state-basierter Dialogauswahl per Callback. {playerName}-Interpolation in allen Dialogen — NPCs reden einen jetzt beim Namen an. Charaktere mit Persönlichkeit ausgestattet: DJ Rockmöller (DJ mit corpulentem Körper, Kopfhörern, 5 Normal- + 3 Genervt-Dialoge), Erol's Bar (Wasser-Gag beim ersten Besuch, Whiskey-Effekt jetzt nur einmalig, Invertier-Dauer von 4s auf 1,8s reduziert), Claus-Wohnung (Gitarren-Silhouette, goldener Stern, Brille, Dialog-Pool), Sansi-Wohnung (Duschvorhang-Gag „Hey!! Nicht reinkommen!", Alexa-Dialog, Heineken-Flasche, Stehlampe), Jobtastic (Erol mit 5 Büro-Dialogen), Kanzlei Schoppe (4 Dialoge + Robe-Gag), Zombie-Etage (3 Zombie-Varianten: normal/humpelnd/seitlich, Arm-Reach-Animation). Elevator-Bug behoben: Zombie-Retreat fuhr fälschlicherweise in gesperrtes 3. UG — neues „forceFloor"-Event bypassed den Lock-Check und schickt den Spieler korrekt ins 1. UG. Tanzfläche mit Dance-Floor-Interaktion und Wiggle-Animation. Gemeinsam mit Claude Code (Anthropic).

Maniac Tower konzipiert und erste Engine gebaut. Konzeption mit ChatGPT Pro: Idee, Welt, alle Etagen, Räume, Charaktere, Dialoge, Floorpläne und Entwicklungs-Schritte ausgearbeitet — der Konzept-Prompt umfasste 15.000 Zeichen. Neue Unterseite ManiacTower/ als interaktives Point-and-Click-Adventure im C64-Retro-Stil. Claude Code hat ~45.000 Token und ca. 30 Minuten gebraucht, um die erste Engine zu bauen: 11 Etagen (Dach bis 4. UG) als aufgeschnittenes Puppenhaus; Glasfahrstuhl mit animierter Fahrt und Etagenauswahl-Panel; CSS-gezeichnete Räume (Erol's Bar, Tanzfläche mit Discokugel, Claus-Wohnung mit Lavalampe und CD-Regal, Sanse-Wohnung mit Traumfänger und Blumen, Kanzlei Schoppe, Jobtastic-Office, Zombie-Etage, Tresorraum, Atombunker u. a.); neutraler Spieler-Avatar mit Helm und Visier; Bewegung per Pfeiltasten und Point-and-Click; Dialogue-System mit Typewriter-Effekt, Sprecher-Name und Portrait; ~15 eingebaute Dialoge; Zombie-Sperre (Avatar steigt nicht aus, Fahrstuhl fährt automatisch zurück); Whiskey-Effekt (invertierte Steuerung nach Erols Bar); modulare Architektur (floors.js, dialogues.js, renderer.js, state.js, event-bus) für einfache Erweiterung. Gemeinsam mit Claude Code (Anthropic).

Frequenz-Seite um eigene Musik erweitert: zwei Songs mit Suno erstellt — IbetMax Rock und IbetMax Blues. Beide als Buttons ins Spectrum-Analyzer-Device eingebaut (orange / blau), laufen direkt durch die Web Audio API und steuern den EQ live an. Zusätzlich einen Seek-Player eingebaut: Fortschrittsbalken (klickbar), Skip-Buttons (« 30s, « 10s, 10s », 30s »), Zeitanzeige und Songtitel-Anzeige. Rock, Blues und Mikrofon sind gegenseitig ausschließend. Gemeinsam mit Claude (Anthropic).

Neue Unterseite „My CV – That's me" (cv.html) gebaut: persönliche Profilseite im atmosphärischen Brand-Design der Homepage. Hero mit Portrait-Illustration, Impact-Zahlen, Kompetenz-Karten, kuratierte Timeline, Stärken-Sektion, KI-Bereich mit lebendem TÜV Rheinland Callout „KI-Manager mit Projekt" (Puls-Animation, geplanter Abschluss Juli 2025) sowie Qualifikationen und Kontakt. CV-Teaser in eigener Zeile auf der Startseite, CV-Link in der Navigation aller Seiten ergänzt. Favicon-Pfade auf allen Unterseiten auf assets/img/ korrigiert. Scroll-Animationen per IntersectionObserver, teal-grüner Comet-Cursor. Gemeinsam mit Claude (Anthropic).

Startseite um drei neue Elemente ergänzt: Gläserner Scroll-Hinweis im Hero (nur Mobile) — ein Glasmorphism-Pill mit animiertem Pfeil und dem Text „Underwater" zeigt Besuchern, dass die Seite nach unten scrollt. Vier verschiedene Hai-Typen schwimmen als Canvas-Animation durch den Inhaltsbereich unterhalb des Heroes: Weißer Hai (große Dreiecksflosse, Mondscheinschwanz), Hammerhai (T-förmiger Cephalofoil-Kopf), Tigerhai (stämmig, subtile Streifen, langer Oberschwanz) und Mako/Blauhai (extrem schlanker Körper, lange Sichelflossen). Alle Haie mit korrekt ausgerichteter Rückenflosse (steile Vorderkante, geschwungene Hinterkante), glühendem Bernstein-Auge, sichtbarem Maul mit Zahn-Andeutung und dunkler Raubtier-Palette. Frequenz-Seite komplett neu gebaut: 32-Band Spectrum Analyzer mit logarithmischer Frequenzskalierung (20 Hz – 16 kHz), Peak-Hold-Markern und Glow-Effekt; scrollende Amplitude-History-Wellenform speichert den Lautstärkeverlauf in Echtzeit; fünf wählbare Farbschemata per Knopf am Gerät (Cyan, Fire, Matrix, Neon, Gold) mit leuchtendem Aktivierungs-Glow; drei Status-LEDs (Signal / laut / Clipping); Live-Stats für VOL, PEAK-Frequenz und RMS; Idle-Animation wenn kein Mikrofon aktiv. Gesamtes Design als Hardware-Gerät mit Scan-Lines, Monospace-Schrift und dunklem Metallgehäuse. Gemeinsam mit Claude (Anthropic).

Startseite mit Unterwasser-Sounds belebt: dauerhafter Ambient-Hintergrund aus Brown-Noise-Wellen und tiefen Sinus-Tönen gibt der Seite ein subtiles Tiefsee-Feeling. Dazu zufällige Sound-Effekte: Blasen-Bursts, Taucher-Atemzug, Unterwasser-Knarzen, tiefes Grollen und ein entferntes walartiges Stöhnen — alles per Web Audio API synthetisiert. Galaxia um Boss-Gegner pro Level erweitert: leuchtendes Mutterschiff oben am Bildschirm, braucht mehrere Treffer, rotiert und schießt gezielt auf den Spieler. Neues Laser-Schussgeräusch, sechs Weltraum-Ambient-Sounds. Animierter orangefarbener Kraken auf der Startseite: schwimmt langsam durchs Bild, setzt sich auf Kartenkanten, dreht sich fließend, blinzelt und zwinkert. Aufsteigende Blasen sichtbarer gemacht. Gesamte Session direkt in Claude Code (Anthropic) umgesetzt.

Neue Projektidee entwickelt und direkt umgesetzt: evilorgood.com — ein ewiger Highscore, auf dem sich Menschen für mindestens 1 € verewigen können. Jeder wählt eine Seite: Good oder Evil. Eine animierte Waage zeigt live, ob die Welt gerade gut oder böse ist. Automatische Urkunde per E-Mail, persönliche Profilseiten. Domain evilorgood.com gesichert. Komplette Website mit Claude Code gebaut: Startseite, Highscore, Dashboard, Anmeldeformular, Erfolgsseite, Impressum und Datenschutz — zweisprachig DE/EN, hell und modern. Supabase-Datenbank eingerichtet, schema.sql ausgeführt, API-Keys in config.js hinterlegt. Payment Links erstellt. Seite ist technisch fertig — Upload zu Strato und Go-live folgen. Gemeinsam mit Claude (Anthropic).

Lohn-Seite ausgebaut und korrigiert: Lohn-Teaser-Baustein in die Startseite eingebaut — zwischen der Schach/Galaxia/Abyss-Reihe und den restlichen fünf Experimenten. Lohn-Link in der Navigation auf allen Seiten ergänzt (typo, frequenz, jetzt, zufall, schach, foto, galaxia, abyss, ibm). Klick-Sound bei den Canvas-Drehreglern eingebaut: Web Audio API erzeugt kurzen mechanischen Klick aus gefiltertem Rauschen mit schnellem Abklingen — AudioContext wird erst beim ersten Interagieren gestartet. Lohnberechnung grundlegend korrigiert: §32a-Formel hat den Grundfreibetrag (11.784 €) bereits eingebaut — der Code zog ihn fälschlicherweise zusätzlich vom zvE ab (doppelter Grundfreibetrag), was zu deutlich zu hohem Netto führte. Fix: kein Extra-Abzug für Klassen 1/2/4; Klasse 3 zieht nur den zweiten Grundfreibetrag extra ab; Klassen 5/6 heben die Formel-Freigrenze durch +11.784 auf. Wallpaper-Hintergrund auf der Lohn-Seite repariert: Background-Image von background-attachment:fixed auf einem Scroll-Element (wurde durch den darüberliegenden Overlay verdeckt) auf body::before mit position:fixed umgestellt — gleiche Technik wie ibm.html. Gemeinsam mit Claude (Anthropic).

Galaxia Level-System ausgebaut: Level 4 und 5 als vollständig eigenständige Welten neu gestaltet. Level 4 – Neon-Kristalle: Cyan-Hexagonsterne, Magenta-Pailletten und elektrisch-blaue Diamanten, Formation buchstabiert „WIN", dunkel-lila Hintergrund. Level 5 – Inferno-Legion: Feuer-Diamanten in Rot/Orange, Lava-Diskokugeln und glühende Goldpailletten, Formation buchstabiert „ACE", tiefroter Hintergrund — mehr Gegner als alle Vorstufen. Level 6+ skaliert ab Level 5 weiter statt ab Level 3. 10 neue Level-Clear-Sprüche für Level 5–14 eingebaut: von „Unstoppable." bis „You are Galaxia." — ab Level 15 bleibt der letzte Spruch dauerhaft. Startseite um Hintergrundmusik erweitert: Musik selbst mit Producer.ai erstellt und im Projekt hinterlegt, Audio-Element mit Loop eingebunden. Runder Glasmorphism-Button oben rechts im Hero-Bereich: Lautsprecher-Icon mit X wenn stumm, Schallwellen wenn aktiv — Klick togglet Musik an/aus, Lautstärke auf 55 % gesetzt, Musik lädt erst bei erstem Klick. Neue Unterseite Lohn gebaut: Brutto-Netto-Rechner im I BET MAX Design — Wallpaper-Hintergrund mit dunkler linker Seite für den Content, drei Canvas-Drehregler im Gibson-Stil (Steuerklasse 1–6, alle 16 Bundesländer, Kinder 0–5 in 0,5er-Schritten), Kirchensteuer-Toggle, animierter Netto-Counter der hoch- und runterzählt, Aufschlüsselung der Abzüge sowie Disclaimer. Navigation in index.html um den Lohn-Link erweitert. Gemeinsam mit Claude (Anthropic).

Navigationslinks geprüft und korrigiert: Abyss fehlte auf allen Seiten, Galaxia und Abyss hatten unvollständige Navs — überall nachgezogen. Zufall-Seite ergänzt: Abyss als neues Outcome mit eigenem Farbschema (Tiefsee-Cyan) sowie fünf neue Shuffle-Begriffe (ABYSS, TIEF, 🤿, DUNKEL, TAUCHEN). Neue Unterseite IBM gebaut: Klon der Timeline-Seite mit Wallpaper links, Coin-Flip-Logo, orangem Komet-Cursor und der Geschichte hinter dem Namen „I bet Max" — Las Vegas, Luxor Hotel, eine Max-Bet-Taste und ein Spruch, der geblieben ist. Copyright-Text in der Startseite als Link zur IBM-Seite eingebunden. Experiment-Teaser-Kacheln aufgehellt: Hintergrund von reinem Schwarz auf leichten Glaseffekt, Border und Label-Opacity deutlich erhöht, Pfeil-Icon sichtbarer. Taucher-Animation aus der Werkstatt-Karte herausgelöst und als freies Element auf der linken Seite der Startseite platziert — fixiert, vertikal zentriert, blendet sich erst nach dem Hero-Bereich ein und verschwindet nicht über dem Video. Erstes Mal mit Claude Code gearbeitet — direkt im Editor, Datei für Datei, Schritt für Schritt. Gemeinsam mit Claude (Anthropic).

Startseite aufgehübscht: animierte Blasen steigen im Main-Bereich auf (Canvas, 27 Stück, mit Wobble und Fade). Taucher-Animation in der Werkstatt-Card: schwebt, paddelt mit Flossen, pustet Luftblasen — grüne Leuchtaugen auf Desktop, rote auf Mobile. Teaser-Grid neu sortiert: Schach, Galaxia und Abyss in der oberen Reihe als große Kacheln, fünf weitere darunter. Galaxia-Kachel: detailliertes SVG-Raumschiff mit Triebwerksglühen, Flügelgradient, Cockpit und grünen Wingtip-Lichtern. Galaxia Level 2: Sternanzahl halbiert. Galaxia Level 3: Gegner doppelt so groß, halb so viele. Neues Spiel Abyss gebaut: Taucher navigiert durch prozedural generiertes Labyrinth (Recursive Backtracker), weicht Kraken, Krebsen, Seepferdchen und Haien aus und muss Sansi finden — blonde Pixel-Art-Figur im Giana-Sisters-Stil, oben rechts im Maze. Level 2 mit mehr und schnelleren Gegnern. Blasen-Cursor auf dem Abyss-Menü: große Hauptblase mit Schweif aus 32 kleiner werdenden Blasen, losgelöste Mini-Blasen treiben nach oben. Gemeinsam mit Claude (Anthropic).

Kreislogo unten rechts als fixiertes Element, dreht sich alle 30 Sekunden zweimal wie eine Münze (CSS rotateY-Animation, Coin-Effekt). Oranger Komet-Cursor auf der Timeline-Seite: nativer Mauszeiger ersetzt durch animierten Canvas-Kometen mit leuchtendem Kern, warmem Orangeschweif und Goldstaub-Funken. Silberner Komet-Cursor auf der Galaxia-Seite: gleicher Effekt in Silber/Blau passend zum Weltraum-Look. Gemeinsam mit Claude (Anthropic).

Galaxia weiterentwickelt: Globaler Highscore via Supabase (PostgreSQL) – Scores werden für alle Spieler weltweit gespeichert, Name/Punkte/Level/Datum. Header-Blur-Fix (Pseudo-Element-Trick, Wordmark bleibt pixelscharf). Back-Button im Start-Overlay. Gegner-Respawn: Dive-Angreifer die unten rausfliegen kehren sofort an ihre Formation-Position zurück statt zu verschwinden. Level 1 komplett neu: symmetrisches Wellenmuster mit ~25 Diamanten doppelter Größe statt Text-Sampling. Web Audio Sounds via API (Explosion, Spieler-Treffer, drei verschiedene Power-Up-Sounds, Level-Up-Fanfare, Game-Over-Sequenz). Screen-Flash und Canvas-Shake bei allen Power-Ups und Treffern – je nach Typ in unterschiedlicher Farbe und Intensität. Gemeinsam mit Claude (Anthropic).

Galaxia gebaut: vollständiges Arcade-Shooter-Spiel im Galaxian-Stil als neue Unterseite. Pixel-Art-Raumschiffe in SVG, animierte Gegner-Formationen mit Sturzflug-Angriffen, Schussmechanik, Kollisionserkennung, Highscore-System, Lives und Game-Over-Screen. Synthwave-Sounds via Web Audio API. Startseite um Galaxia-Teaser und SVG-Raumschiff-Icon erweitert. Goldener Komet-Cursor: nativer Mauszeiger durch animierten Kometen mit leuchtendem Kern, warmem Schweif und Goldstaub-Funken ersetzt – auf der Startseite aktiv (cursor: none + Canvas-Overlay). Gemeinsam mit Claude (Anthropic).

Schachspiel als neue Unterseite gebaut. Vollständige Engine mit Rochade, En passant, Bauernumwandlung, Schach/Matt/Patt-Erkennung. Drei Modi: KI (vier Schwierigkeitsstufen ~250 bis I BET MAX), Hot Seat und Online via Firebase Realtime Database. SVG-Figuren mit leuchtenden Augen (Weiß: grün, Schwarz: rot). Fünf synthetisierte Sounds via Web Audio API. Navigation aller Unterseiten aktualisiert.

Abend-Session: Alle Projektdateien strukturiert übergeben und gemeinsam durchgearbeitet. Frequenz, Jetzt, Zufall, Typo, Index, Impressum final abgestimmt. Zufall-Seite um Timeline-Eintrag ergänzt. Timeline-Seite aktualisiert und als eigenständige Unterseite fertiggestellt. Projektübergabe an Claude (Anthropic) vorbereitet – Kontext, Stil und Struktur dokumentiert für nahtlose Weiterarbeit.

Typo-Wand auf 24 Versionen erweitert. Neu: Buchstaben fallen rein, Schatten-Text, Spiegelung, Neon-Flackern, 3D-Rotation, Glitch, Schreibmaschine, Wellen, Stroke-Animation, Matrix/Punkte-Raster, Invertierung, Morse-Blinken, Farbrotation, Puls-Minimal, Stapel-Schichten. Miniatur-Vorschau aller Versionen, Zufalls-Button, Tastaturkürzel. Frequenz: runder Kreis statt Schrift, VU-Meter am linken Rand (grün → gelb → rot), Mikrofon ein/aus. Diverse Bugfixes und Feintuning. Projektanweisungstext für Claude erstellt.

Typo-Wand gebaut: ein Text, acht typografische Universen, per Klick durchschaltbar. Frequenz: Mikrofon-Reaktion, Text verformt sich in Echtzeit nach Lautstärke und Tonhöhe. Jetzt: Uhr in Münster-Zeit, Sekunde für Sekunde ein neues Layout. Zufall: Slot Machine als Navigation – ein Knopf, unbekanntes Ziel. Teaser-Grid auf der Startseite, Navigation komplett erweitert. Ideen und Umsetzung gemeinsam mit Claude (Anthropic).

Apfellogo oben links. Desktop grün / Mobile rot

Kreislogo entworfen. Wallpaper Hintergrund erzeugt, dynamisch mobile&desktop

3 Videos Mp4 mit Galaxy S20 in ca.5MB Größe zugefügt.

2 Videos gedreht (Iphone13 Pro), komprimiert mit HandBrake (von 150MB auf ca. 25MB). Random Videoauswahl als Java Skript, HTTP → HTTPS gefixt. Timeline Untereseite erstellt.

Hafenvideo gedreht, 20Sek, 4K, 30. Video Startseite gegen Ursprungsbild getauscht.

Homepage erstellt mit Hilfe Chat GPT Pro. SSL Zertifikat eingerichtet. Upload. Impressum. Datenschutzerklärung Recht24.