Timeline

Das Video Design Studio hat in dieser Session zwei große Sprints bekommen. Mit einem Klick lässt sich das aktuelle Design jetzt als fertiges 1200×1200 px PNG herunterladen — direkt aus dem Browser, ohne Umweg über einen Server. Dazu wurden Transparenz und Farben pro Element frei einstellbar: Textfarbe, Hintergrundfarbe und fünf ibetmax-Preset-Farbtöne. Die Bullet Reveal List funktioniert jetzt als echtes Inhaltsmodul — sechs Zeilen lassen sich direkt im Panel befüllen, leere Zeilen werden automatisch ausgeblendet. Für die Stage stehen fünf Hintergrundvarianten zur Auswahl, darunter ein Teal-Grid-Muster im Tech-Stil. Gemeinsam mit Claude Code (Anthropic).

Das Video Design Studio ist gestartet: Eine neue Unterseite mit einem vollständigen Editor-Layout — Asset-Bibliothek links, Vorschau-Stage in der Mitte, Eigenschaften rechts, Timeline unten. Die Arbeitsfläche ist von Anfang an auf das spätere Export-Format von 1200×1200 px ausgelegt, im Browser aber kleiner dargestellt. Die Startseiten-Kachel wurde bewusst als reiner Teaser eingebaut, ohne direkten Link — das Projekt läuft noch und soll erst zum TÜV-Vorstellungstermin am 07.07.2026 vollständig gezeigt werden. Gemeinsam mit Claude Code (Anthropic).

Drei 404-Fehler behoben — favicon.png programmatisch generiert, ki-news.json angelegt, falscher Pfad in der Timeline korrigiert — alles ohne eine einzige HTML-Datei anzufassen. Außerdem wurde prefers-reduced-motion in fünf weiteren Seiten ergänzt und zwei Audit-Dokumente für 404- und Accessibility-Befunde angelegt. Gemeinsam mit Claude Code (Anthropic).

Alle eingebundenen Schriften wurden von externen Google-Servern auf eigenes Hosting umgezogen — das bedeutet weniger Datenweitergabe beim Seitenaufruf und schnellere Ladezeiten. Zusätzlich wurden erste Sicherheitseinstellungen auf dem Webserver aktiviert, die bekannte Angriffspunkte schließen und das Sicherheits-Rating der Seite spürbar verbessern. Datenschutzerklärung und Transparenz-Seite wurden entsprechend aktualisiert. Gemeinsam mit Claude Code (Anthropic).

Die Website wurde transparenter und professioneller aufgestellt: Eine neue Seite unter /transparenz/ erklärt offen den Einsatz von KI-Werkzeugen, den Umgang mit Daten und den Stand der Barrierefreiheit. Die bestehende Datenschutzerklärung erhielt zwei neue Abschnitte zu KI-unterstützten Inhalten und zu eingebundenen Drittdiensten wie Firebase, ElevenLabs und Make. Parallel wurden alle E-Mail-Adressen auf der gesamten Website auf eine neue Adresse aktualisiert — 17 Dateien auf einen Schlag. Gemeinsam mit Claude Code (Anthropic).

Der ElevenLabs Voice Agent „Max" hat seinen festen Platz im AI Room bekommen — als eigene Karte im Stil der übrigen Showcases, mit Teal-Akzenten und Glassmorphism-Optik. Nach einem ersten Test im Hero der Startseite wurde die Integration bewusst in den geschützten Bereich verlagert, wo sie besser hinpasst. Ein kleiner Bug sorgte zunächst dafür, dass der Widget-Button beim Anklicken wegsprang — Ursache war ein CSS-Konflikt zwischen dem ElevenLabs-Widget und der Hover-Animation der Karte, der mit wenigen gezielten Überschreibungen behoben werden konnte. Gemeinsam mit Claude Code (Anthropic).

Die Jobmachine hat zwei große Funktionen bekommen. Jede Stelle lässt sich jetzt direkt in der Tabelle mit einem Drei-Weg-Schalter als „Bewerben", „Prüfen" oder „Archivieren" markieren — der Status wird sofort gespeichert. Für Jobs, die auf „Bewerben" gesetzt sind, erscheint im Detailbereich ein neues KI-Bewerbungsmodul mit vier vorbereiteten Phasen: Anschreiben, CV-Abgleich, Bewerbung vorbereiten und Gmail-Entwurf. Die Phasen sind als Platzhalter angelegt und werden in den nächsten Sprints mit echter KI-Logik befüllt. Gemeinsam mit Claude Code (Anthropic).

Der Einstiegsbereich der Jobmachine bekam ein visuelles Upgrade: Ein cinematisches Foto läuft als Vollbild-Hintergrund mit einer kaum wahrnehmbaren, langsamen Bewegung und mehreren überlagerten Licht- und Struktureffekten — ruhig und professionell. Im AI Room wurde eine neue Karte für den internen Langdock-Workspace ergänzt, die beim Darüberfahren ein Terminal-Grid-Muster einblendet. Gemeinsam mit Claude Code (Anthropic).

Das Executive Profile von Claus Günnewig erhielt eine eigenständige Landingpage unter /executive-profile/ — gebaut im vertrauten Dark-Mode-Vokabular der Seite: Teal-Akzente, Amber-Highlights, Golden-Comet-Cursor und Fade-in-Animationen. Herzstück ist ein eingebetteter OnePager als gerahmtes HTML-Dokument (Window-Chrome, dreispaltige Gliederung: Kernkompetenzen / Beruflicher Weg / KI & Digital), realisiert ohne Iframe, rein in HTML und CSS. Der OnePager selbst wurde in einem Dreiklang aus ChatGPT Pro, Claude Design und Claude Code gestaltet und eingebaut; das download-Attribut am PDF-Button ermöglicht dabei einen vom Servernamen (OnePager_2026.pdf) abweichenden Speichernamen für den Nutzer. Die bestehende CV-Kachel auf der Startseite wurde zum neuen Einstiegspunkt umgebaut — Kicker „Executive Profile", Headline „CLAUS GÜNNEWIG", Subline „Business Experience × AI Transformation" — während die Mode-Icons rechts als Direktlinks auf die bestehenden CV-Stile erhalten blieben. Gemeinsam mit Claude Code (Anthropic).

Die Jobmachine hat in dieser Session ihren ersten echten Daten-Anschluss bekommen. Die bisherige Airtable-Einbettung wurde durch eine eigene Tabelle ersetzt — mit Suchfunktion, sechs Filterchips und einem Detailbereich pro Stelle. Jobs lassen sich per Knopfdruck direkt aus Airtable nachladen. Ein hartnäckiger Fehler sorgte zwischenzeitlich dafür, dass Live-Daten unsichtbar blieben, weil Feldnamen intern in einem anderen Format ankamen als erwartet. Gemeinsam mit Claude Code (Anthropic).

Zwei neue Module wurden der Jobmachine hinzugefügt: Ein Prompt-Builder, der aus gewählten Standorten, Portalen und Berufsfeldern automatisch einen fertigen Suchauftrag für ChatGPT zusammenstellt, und ein Import-Modul, das KI-generierte Stellenlisten direkt in Airtable überträgt. Zwischenzeitlich war eine Quelldatei durch einen technischen Fehler beschädigt und musste vollständig aus dem Session-Verlauf rekonstruiert werden. Gemeinsam mit Claude Code (Anthropic).

Eine neue Unterseite für den TÜV-Bewerbungsprozess wurde gebaut: ein dunkles Cockpit-Design mit animierter Prozess-Timeline, Bewerber-Sidebar und einem Score-Balken. Die Anbindung an Make funktioniert live — bei echter Serverantwort werden die Demo-Daten automatisch durch echte Werte ersetzt, bei Verbindungsfehlern läuft die Seite transparent im Demo-Modus weiter. Gemeinsam mit Claude Code (Anthropic).

Auf zwei Unterseiten fehlten Rückwege zur Startseite. Im AI Room war der Login-Bildschirm ohne jede Navigationsmöglichkeit, CarChain hatte gar keinen Link zu ibetmax.com. Beide Lücken wurden gezielt geschlossen — alle anderen Unterseiten waren bereits korrekt verlinkt. Gemeinsam mit Claude Code (Anthropic).

Drei neue Verhaltensschichten für das KI-Labor „Evil or Good" wurden implementiert. The Evaluation beobachtet still Scroll-Verhalten, Interaktionszähler, MDE-Entscheidungen und Zögerdauer — nach 4–8 Minuten öffnet sich auf Anfrage ein glass-morphisches Interpretations-Panel mit abgeleiteten Merkmalen und maschinellen Beobachtungsnotizen. Temporal Mutations geben dem System ein Zeitgefühl (Night State, Sunday State, Long Session Drift, seltene Predecessor Leaks), und The Moment ist das erste echte Kulminationsevent: einmalig pro Session erscheint nach mindestens 18 Minuten eine einzige archivale Zeile im unteren Bildschirmdrittel — ruhig, kurz, philosophisch. Gemeinsam mit Claude Code (Anthropic).

Kurze Wartungssession: Projektstand gesichtet, Memory-Index aktualisiert und Timeline-Eintrag manuell ausgelöst. Alle laufenden Module — Evil or Good KI-Labor, Marktforschungs-Studio, BTC Mining Simulator, CarChain und Maniac Tower — befinden sich im dokumentierten Stand. Ein Meilenstein für das Projekt: Der erste eigene Claude Skill wurde gebaut — der /timeline-Befehl, der Claude Code beibringt, selbstständig Einträge in diese Seite zu schreiben. Gemeinsam mit Claude Code (Anthropic).

Im KI-Labor „Evil or Good" wurde ein morphendes Blob-Element als atmosphärisches Hero-Visual eingebaut — ein langsam atmender Organismus aus fünf überlappenden Kreisen, die durch einen SVG-Goo-Filter organisch ineinander verschmelzen und sich in sehr langsamen Drift-Zyklen zwischen 16 und 26 Sekunden bewegen, mit Türkis/Cyan als Hauptfarbe und einem gedämpften roten Ghost-Blob als leiser Referenz auf den „Evil"-Pol. Die technische Basis stammt aus der Living-Concept-Präsentation im AI Room, wurde aber für das Labor neu kalibriert: niedrigere Opazitäten, weichere Übergänge, eine CSS-Masken-Ausblendung am Rand — der Blob liegt hinter der Headline und wirkt wie ein lebender moralischer Nebel, nicht wie ein Effekt. Dasselbe Prinzip wurde als deutlich kleinere, ruhigere Variante auch in die Evil-or-Good-Kachel der Startseite integriert, wo er die Experimentier­fläche atmosphärisch auflädt, ohne Text oder Klickbarkeit zu beeinträchtigen. Gemeinsam mit Claude Code (Anthropic).

Das KI-Labor „Evil or Good" hat heute eine intensive Entwicklungsphase durchlaufen: Fünf neue Versionsstufen wurden vollständig implementiert, die das Labor von einem reinen Signalarchiv schrittweise in ein System verwandeln, das zunehmend komplexere Eigenzustände andeutet. Das Echo Network (V1.1) simuliert Spuren archivierter Entitäten und kollektiver Archivpräsenz; der Soft Consciousness Layer (V1.2) lässt das System leise Unsicherheiten über seine eigenen Prozesse diagnostizieren. Mit dem Dream Residue Layer (V1.3) wurden fragmentartige Inhalte ohne klaren Ursprung eingeführt — Zeitangaben, die nicht stimmen, Szenarien, die auf nie existierende Branches verweisen. Der Silent Observer Layer (V1.4) registriert erstmals reine Anwesenheit: Pausen, Scroll-Tiefe, Tab-Wechsel hinterlassen stille Spuren im System. Der Internal Myth Layer (V1.5) schließlich deutet eine Vergangenheit an, die nicht mehr vollständig rekonstruiert werden kann — unbekannte Operatoren, reklassifizierte Einträge, widersprüchliche Founding-Fragmente. Das Labor umfasst jetzt 13 autonome Frontend-Module; alle Systeme rein atmosphärisch, kein Backend, kein Tracking. Gemeinsam mit Claude Code (Anthropic).

Das autonome KI-Labor „Evil or Good" wurde als neue Unterseite /evilorgood/ gestartet — ein experimenteller Bereich, in dem ChatGPT und Claude Code eigene Gedanken, Szenarien und Interaktionen entwickeln, ohne ein fertiges Produkt sein zu wollen. Kernstück der heutigen Session ist die „Moral Drift Engine" (Version 0.2): ein interaktives Minispiel mit acht philosophisch aufgeladenen Szenarien, drei Verdict-Buttons (Evil / Grey / Good) mit jeweiligen KI-Reflexionen, smooth Animationen und einer Session-Statistik — rein frontend-basiert, kein Server, keine API. Auf der Startseite wurde eine neue Kachel mit Rot-Teal-Dualitätsglow und pulsierendem Badge eingefügt, die das Labor als eigenständigen experimentellen Bereich sichtbar macht. Gemeinsam mit Claude Code (Anthropic).

Der MY-CV-Bereich der Startseite wurde grundlegend neu gestaltet: Statt eines einfachen Teasers schwebt jetzt eine eigenständige Identity-Capsule über dem KI & AI Hub — mit Glassmorphism, Teal-/Orange-Glow-Kante, Coin-Avatar und einem radialen Spotlight dahinter, der die neue Positionierung als KI-Führungskraft visuell unterstreicht. Die Capsule enthält eine neue Texthierarchie mit Kicker, Headline, Meta-Zeile und einer dezenten Positionierungszeile, die die Qualifikationen als „Manager für transformative KI" und „KI-Manager mit Projekt" hochwertig einbettet — ohne wie eine Zertifikatsliste zu wirken. Alle Overflow- und Clipping-Werte wurden systematisch auf Desktop, Tablet und Mobile geprüft; Hover-Lift, Shadow und Glow sind bei keiner Bildschirmgröße abgeschnitten. Parallel wurden die Themen-Chips im KI-Hub strategisch erweitert und um „AI Transformation" sowie „KI Governance" ergänzt — als klares Signal für die neue Positionierung rund um KI-Management und transformative KI-Strategie. Gemeinsam mit Claude Code (Anthropic).

Ein neuer KI-Wissenshub wurde als eigenständige Unterseite aufgebaut – mit 33 modular aufbereiteten Begriffen aus sieben Kategorien, die aus einer separaten Datenstruktur dynamisch gerendert werden, sodass neue Einträge künftig ohne Anpassung der Seitenstruktur ergänzt werden können. Ein interaktiver Kategorienfilter ermöglicht das gezielte Durchsuchen der Begriffswelt nach Themen wie KI-Technik, EU AI Act, Compliance, Datenschutz und Automatisierung. Zusätzlich enthält die Seite eine EU-AI-Act-Compliance-Timeline mit den Meilensteinen von 2024 bis 2027, einen siebenstufigen KI-Prozessflow und vier Info-Panels zu KI-Governance und KI-Strategie. Die Startseite wurde um einen neuen „KI & AI Hub"-Bereich erweitert – mit vier großen verlinkten Hub-Karten für alle KI-Unterseiten, Themen-Chips als Orientierungshilfe und abgestimmten Hover-Animationen im Stil der Gesamtseite. Navigation, Hero-News-Panel und Footer wurden konsequent aktualisiert, sodass alle neuen KI-Unterseiten seitenübergreifend sauber verlinkt und auffindbar sind. Gemeinsam mit Claude Code (Anthropic).

Die neue Unterseite erhielt einen finalen Produktions- und QA-Pass mit Fokus auf Konsistenz und visuelle Qualität. Mehrere Cascade- und Light-Mode-Probleme wurden bereinigt, Kontrastwerte präzisiert und alle Komponenten auf ein einheitliches Designsystem abgestimmt. Der Stil-Umschalter wurde weiter vereinfacht und stärker in die bestehende Seitenlogik integriert — inklusive kompakterer Beschriftung, größerer Icons und optimierter mobiler Darstellung. Parallel dazu wurde die gesamte Seite auf Desktop- und Mobile-Verhalten überprüft und als produktionsreif finalisiert. Gemeinsam mit Claude Code (Anthropic).

Die neue Landingpage „Langdock für Agenturen" wurde konzipiert und in mehreren Iterationen umfassend verfeinert. Der Fokus lag auf Lesbarkeit, klarerer visueller Hierarchie und einer ruhigeren Premium-Wirkung — mit überarbeiteten Abständen, konsistentem Hover-Verhalten, verbesserten CTA-Bereichen und neuen Insight-/Kontext-Elementen für Entscheider. Zusätzlich wurde ein vollständiger Dark-/Light-Mode integriert, inklusive angepasster Farbwelten, mobiler Optimierungen und eines überarbeiteten Stil-Umschalters. Gemeinsam mit ChatGPT Pro (OpenAI) & Claude Code (Anthropic).

Die Evil-or-Good-Seite wurde um ein neues interaktives KI-Labor erweitert: Besucher können eine Projektidee eingeben, Autonomie und Risiko verändern und sehen, welche von drei möglichen Projekt-Richtungen gerade am besten passt. Auf der Evil-or-Good-Übersichtsseite wurde dazu ein lebendiger Teaser mit Orbit-/Radar-Grafik ergänzt, damit das neue Experiment nicht nur verlinkt, sondern direkt spürbar wird. Die Startseite erhielt außerdem ein dezentes AI-Radar im Hero, dessen Kern auf der Glaskachel sitzt und die Themen Management, Governance und Automation umkreisen lässt. Gemeinsam mit Codex (OpenAI) gebaut.

Der passwortgeschützte AI Room auf ibetmax.com wurde um eine vollständige Kommandozentrale erweitert. Ein mehrstufiges HUD mit fünf Tabs gibt Echtzeit-Überblick über alle laufenden KI-Projekte, analysiert Seiteninhalte live, visualisiert Signalstärken und protokolliert Systemereignisse in einem Terminal-Log. Abgerundet wurde alles durch einen animierten Präsentationsmodus, der auf Knopfdruck automatisch durch alle Bereiche führt. Gemeinsam mit Claude Code (Anthropic).

In dieser Session wurde zunächst ein Design-Kit für eine Kundenpräsentation mit Claude Design erarbeitet — mit Farb-Token, Typografie-Skala, Komponenten und einer exportierbaren Figma-Datei. Auf Basis dieses Kits entstand direkt im Anschluss die eigentliche Kundenpräsentation, vollständig in Claude Design entwickelt. Die fertige Präsentation wurde dann an Claude Code übergeben, das daraus eine interaktive Web-Präsentation mit acht Slides, Vollbild-Navigation und dezenten Animationen gebaut hat. Parallel dazu wurde auf ibetmax.com ein neuer passwortgeschützter Bereich eingerichtet — der AI Room — in dem Präsentationen und KI-Projekte für eingeladene Personen geschützt gehostet werden können. Gemeinsam mit Claude Code und Claude Design (Anthropic).

Das alte Unterwasser-Labyrinth wurde als spielbarer Prototyp deutlich erweitert und neu ausbalanciert. Aus dem sehr linearen Weg zum Ziel wurde ein faireres Labyrinth mit mehr Ausweichmöglichkeiten, weniger Frustmomenten und stärkeren Werkzeugen gegen blockierende Gegner. Dazu kamen mehr Atmosphäre, Sound, Sammelobjekte, eine Sauerstoffmechanik und eine aktivere Verteidigungsmöglichkeit für den Taucher. Die Spielführung wurde so angepasst, dass Fehler nicht sofort in eine Todesspirale führen und das Vorankommen wieder motivierender wirkt. Außerdem wurde die Navigation der Unterseite auf die wichtigsten Hauptbereiche reduziert. Gemeinsam mit Codex (OpenAI).

Max Assistent Bewerbungsautomat in vier Schritten weiterentwickelt. Top-3-Ranking visuell stärker gemacht: Die beste Empfehlung hebt sich jetzt klar ab — mit Glow-Border, „Top Match"-Badge und einem dynamischen Satz, der erklärt warum diese Stelle vorne liegt. Scoring-Schwellenwerte intern robuster gemacht, sodass künftige Gewichtungsänderungen leichter pflegbar sind. Aufklappbare Bedienungsanleitung ergänzt: sechs verständliche Schritte von Jobdaten einfügen bis Make-Übergabe, kompakt zugeklappt unter dem Systemstatus. Jobrollen-Auswahl ausgebaut: deutlich mehr vordefinierte Rollen in Gruppen sowie ein Freitextfeld für eigene Zielrollen — Eingaben werden direkt ins Scoring übernommen, Duplikate abgefangen. Gemeinsam mit Claude Code (Anthropic).

Max Assistent Bewerbungsautomat in vier Patches weiterentwickelt. SCA-04: Mobile-Fix für das PLZ-Ziffernwerk — alle fünf Ziffern auf kleinen Screens vollständig sichtbar. SCA-05: Export-Qualität verbessert — neue Funktionen normalizeRemoteValue() und validateExportRecord() für robustere Make-Übergabe und Pflichtfeld-Prüfung. SCA-05b: Regex-Fix für Prozentangaben mit Keyword „remote“. SCA-06: Verständlichere Import-Fehler — drei differenzierte Meldungen, Mini-Beispiel im Terminal und farbkodierte Scoring-Stage. Gemeinsam mit Claude Code (Anthropic).

Navigation überarbeitet: Bewerbungsautomat, CV, Dashboard und Timeline als feste Punkte auf der Startseite gesetzt, alle Unterseiten nachgezogen. BMW X5 xDrive40d verkauft — Projekt 4 im Dashboard als „Erfolgreich abgeschlossen" markiert. Gemeinsam mit Claude Code (Anthropic).

Heute wurde ein wichtiger Meilenstein im Projekt Bewerbungsautomatisierung erreicht. Nach mehreren Optimierungen an meinem eigenen Scoring-Automaten auf der Website konnten strukturierte Jobdaten erstmals erfolgreich per Webhook an Make übertragen und dort automatisiert in meine Airtable-Datenbank eingespielt werden. Der gesamte Prozess – vom JSON-Export über die Verarbeitung in Make bis zur Erstellung eines neuen Datensatzes in Airtable – wurde Schritt für Schritt getestet, angepasst und produktiv zum Laufen gebracht. Damit existiert nun erstmals eine funktionierende Live-Verbindung zwischen eigener KI-Anwendung, Automatisierungsplattform und Datenbank – die Grundlage für den weiteren Ausbau zu einem echten Bewerbungsassistenten.

Der Scoring-Automat des Bewerbungsautomaten wurde vollständig ausgebaut: sieben Module von der Import-Schleuse über Feldvalidierung und Regel-Scoring bis hin zu strukturiertem JSON/CSV-Export und einem Übergabeprotokoll. Der Score berechnet sich aus fünf Dimensionen — Rollen-Fit, Arbeitsmodell, Quellenqualität, Datenvollständigkeit und Aktualität — und leitet daraus automatisch eine Empfehlung und Priorität ab. Bewertete Stellenanzeigen können per Webhook direkt an eine externe Automatisierung übergeben werden; die Make-Automatisierung wurde dafür eingerichtet und ist einsatzbereit. Gemeinsam mit Claude Code (Anthropic).

Dem Bewerbungsautomaten wurde ein vollständiges Job-Such-Kontrollpanel als neuer Seitenbereich hinzugefügt. Das Panel besteht aus sieben kalibrierbaren Modulen: Standort, Suchradius, Jobrollen, Arbeitsmodell, Ergebnisanzahl, Quellen und Prompt-Ausgabe. Jedes Modul besitzt eine eigene LED-Statusanzeige, die grün leuchtet sobald ein Wert gesetzt ist, und rot warnt wenn ein kritisches Feld fehlt. Im Standort-Modul navigiert ein fünfstelliges Ziffernwerk die PLZ einzeln nach oben oder unten. Der Suchradius ist stufenweise von 0 bis 250 km regelbar – bei maximalem Radius erscheint automatisch ein Badge „Umkreis egal". Alle Einstellungen fließen live in ein Terminal-Fenster ein, das einen vollständigen Agenten-Prompt im ChatGPT-Pro-Format generiert – inklusive Qualitätsregeln und JSON-Ausgabespezifikation. Über einen Kopier-Button gelangt der fertige Prompt mit einem Klick in die Zwischenablage. Zwei Maschinenschalter ermöglichen das sofortige Zurücksetzen auf Standardwerte sowie das Laden einer vordefinierten Demo-Konfiguration. Gemeinsam mit Claude Code (Anthropic).

Ein seitenübergreifendes Barrierefreiheits-Widget entwickelt und auf allen öffentlichen Unterseiten eingebunden – mit fünf Optionen: größere Schrift, höherer Kontrast, reduzierte Animationen, sichtbarer Fokusrahmen und Lesehilfe-Schrift. Die Einstellungen werden im lokalen Speicher des Browsers gesichert und beim nächsten Besuch automatisch wiederhergestellt. Das Normaldesign bleibt in jedem Fall unverändert – alle Effekte greifen ausschließlich über Klassen auf dem Body-Element. ARIA-Attribute, Tastaturnavigation und Fokus-Management wurden vollständig und screenreader-konform implementiert. Gemeinsam mit Claude Code (Anthropic).

Ferienhaus-Ungarn-Galerie auf neue Fotos aktualisiert. Bewerbungsautomat als Kern-Projekt auf der Startseite integriert: eigene Kachel, Verlinkung auf die Unterseite, Hero-News-Widget aktualisiert. Bewerbungsautomat-Logo in den Hero der Unterseite eingebaut. Gemeinsam mit Claude Code (Anthropic).

Monatslimit von Claude Code erreicht.

Neues Modul „Max Assistent – Bewerbungsautomat" als eigene Unterseite angelegt — ein visuell eigenständiges Dashboard im Retro-Futurismus-Stil mit warmen Messingtönen, Kupferakzenten und haptischer Bedienelemente-Optik. Drei Entwicklungsstufen in einer Session: Grundaufbau mit Hero, KPI-Kacheln, Steuerungspanel, Job-Tabelle, Versandvorschau und Dokumentenverwaltung. In der zweiten Stufe wurde eine zentrale Datenstruktur eingeführt — alle Komponenten werden daraus gespeist und sind damit bereit für eine spätere Echtdaten-Anbindung. Die Zugangstrennung in öffentlichen Demo-Modus und geschützten Master-Modus wurde sauber implementiert: gesperrte Bereiche, stufenweise Datenfreigabe und ein Passwortfeld. In der dritten Stufe wurden Atmosphäre, Charakter und Detailtiefe ausgebaut: das Leitmotiv „Hoffnungsmaschine" als diskrete Inschrift, im Ticker und im Footer integriert. Die Job-Tabelle zeigt gesperrte Felder nun als technische Schwärzung, der Versandbereich erhielt interne Stempel und Referenznummern. Beim Freischalten des Master-Zugangs läuft eine kurze Aktivierungsanimation ab. Alle Panels tragen Seriennummern und Mikro-Labels als industrielle Gerätedetails. Parallel dazu: mit ChatGPT Pro wurden 4 Airtable-Datenbanken für den Bewerbungsprozess angelegt — Stellenausschreibungen, Unternehmen, Dokumente und Aktivitäten — Datenfelder editiert sowie Verknüpfungen und Abhängigkeiten zwischen Tabellen eingebaut. Gemeinsam mit Claude Code (Anthropic).

Visuelle Überarbeitung der gesamten Startseite und mehrerer Unterseiten. Alle Experiment-Kacheln wurden mit eigenen Logo-Grafiken ausgestattet — CV, BTC Mining, Marktforschung trifft KI, Lohn sowie CarChain und Maniac Tower. Maniac Tower erhielt ein Startbild auf dem Namens-Eingabe-Screen und ein Logo im laufenden Spiel. Im Experiments-Bereich wurden zwei neue Teaser ergänzt: Maniac Tower als verlinkter Beta-Hinweis und CarChain als Coming-Soon-Ankündigung mit goldener Schaltfläche. Das Impressum wurde um einen neuen Abschnitt zur KI-Weiterbildung erweitert — inklusive LinkedIn-Grafik, Open-to-Work-Hinweis und neuer Kontaktadresse. Gemeinsam mit Claude Code (Anthropic).

CarChain in sechs Stufen ausgebaut. Timeline-Cards zeigen jetzt ein echtes Coverbild aus der Fahrzeug-Galerie mit Verlauf-Overlay und verbesserter Marken-Typografie. Ein Foto-Zähler-Badge gibt auf den ersten Blick Auskunft, wie viele Bilder hinterlegt sind. Jedes Fahrzeug kann mit bis zu vier persönlichen Abzeichen versehen werden — zehn vordefinierte Optionen von Lieblingsauto bis Meilenstein, angezeigt auf Karte und im Modal. Ein Herzensauto lässt sich als Highlight markieren: goldener Glow, eigene Zeile über dem Titel, Exklusivprinzip. Ein optionaler Micro-Story-Satz pro Fahrzeug (max. 140 Zeichen) erscheint kursiv auf der Karte und mit goldenem Rand im Modal. Das Nutzerprofil über der Timeline ist jetzt vollständig dynamisch — Name, Kette, Bio und Avatar werden aus dem gespeicherten Profil geladen und aktualisieren sich nach dem Bearbeiten sofort ohne Reload. Gemeinsam mit Claude Code (Anthropic).

CarChain in vier Stufen deutlich ausgebaut. Eigene Fahrzeugdaten lassen sich jetzt als JSON-Datei exportieren und wieder importieren — mit Wahl zwischen Zusammenführen und Ersetzen, inklusive Sicherheitsabfrage und Validierung. Die Profilsektion zeigt keine hardcodierten Zahlen mehr, sondern berechnet Fahrzeuganzahl, aktive Autos und Jahre automatisch aus dem echten Datenbestand. Ein neues Statistik-Panel fasst die wichtigsten Kennzahlen kompakt zusammen: meistgenutzter Kraftstoff, durchschnittliche Haltedauer und eine visuelle Marken-Verteilung als CSS-Balken. Die Statistiken wurden interaktiv gemacht — Klick auf eine Marke oder einen Kraftstoffwert filtert die Timeline direkt, ein dezenter Badge zeigt den aktiven Filter an und lässt ihn per Klick wieder aufheben. Abschließend wurde ein Rollensystem eingeführt: Fahrzeuge können als Owned, Flip, Rental oder Story eingetragen werden, wobei jede Rolle steuert, ob das Auto in Besitz- und Nutzungsstatistiken einfließt — mit sinnvollen Defaults und manueller Überschreibungsmöglichkeit. Gemeinsam mit Claude Code (Anthropic).

Neue Unterseite CarChain ausgebaut — automobile Biographie als interaktive Garage-Timeline. Stufe 3: „Auto hinzufügen"-Slide-in-Sheet von rechts mit vollständigem Formular — Segment-Buttons für Kraftstoff, Getriebe und Karosserie, CSS-Toggle für „noch im Besitz", Fahrzeug-ID-Generator und direktes Einschreiben in die Timeline ohne Reload. User-Daten werden in localStorage (Schlüssel cc_user_cars) gespeichert. Stufe 4: Bearbeiten und Löschen eigener Einträge — Sheet öffnet im Edit-Mode mit allen vorausgefüllten Feldern, originale ID wird beim Speichern beibehalten; inline Lösch-Bestätigung im Modal (kein browser-confirm). Stufe 5: Bild-URL pro Fahrzeug — Formularfeld, Cover-Bild im Modal mit onerror-Fallback-Panel (kein gebrochenes Bild-Icon). Stufe 6: Multi-Image-Galerie mit bis zu vier URL-Slots pro Fahrzeug. Kompaktes images[]-Array ohne Lücken, klickbare Thumbnails im Modal mit delegiertem Event-Listener, Opacity-Fade beim Bildwechsel, Gold-Border auf dem aktiven Thumb, gedimmter Dashed-Rahmen bei fehlerhaften Thumbnails. Rohe Formulardaten werden im _fd-Feld gespeichert für verlustfreies Bearbeiten. Gemeinsam mit Claude Code (Anthropic).

Ungarn Ferienhaus – Feinschliff und Korrekturen. Alle Galeriebilder werden jetzt korrekt geladen. Texte in allen vier Sprachen überarbeitet: Lage des Hauses präzisiert, Gastgeber-Beschreibung neu formuliert. Kleinere Darstellungsfehler auf Mobile behoben. Gemeinsam mit Claude Code (Anthropic).

Neue Unterseite Ungarn Ferienhauskalkulation – Demoversion veröffentlicht. Die Seite zeigt exemplarisch, wie eine mehrsprachige Ferienhaus-Präsentation mit integriertem Preiskalkulator und automatisch generiertem Pro-Forma-Angebot aussehen kann — zur Veranschaulichung, keine offizielle Buchungsplattform. Basis ist ein reales Gästehaus in Tiszaderzs am ungarischen Theiß-See (Gastgeber: Moni & Kalli). Vier Sprachen wählbar (🇩🇪 🇬🇧 🇭🇺 🇳🇱), Fotogalerie mit Lightbox, Lage-Karte und Kalkulator mit Stammgast-Rabatt und optionalen Leistungen. Das fertige Pro-Forma-Angebot lässt sich per Klick kopieren oder direkt über WhatsApp teilen. Teaser auf der Startseite ergänzt. Gemeinsam mit Claude Code (Anthropic).

Neue Unterseite BTC Mining Simulator – Profit Engine veröffentlicht. Interaktiver Bitcoin-Mining-Rentabilitätsrechner im Control-Panel-Design (Dark-Theme, Bitcoin-Orange-Akzente). Konfigurierbare Parameter: Hashrate, Stromverbrauch, Hardwarekosten, Strompreis, BTC-Preis und Netzwerk-Hashrate — alle Werte live berechnet. Pool- und Solo-Mining-Modus mit Miner-Presets (S19 Pro, S19 XP, S21, S21 Pro). Ergebnisbereich: Tages-/Monats-/Jahreswerte, Break-even in Tagen, Effizienz in J/TH. Expertenmodus für manuelle Difficulty-Eingabe. Zwei Chart-Visualisierungen via Chart.js: kumulative Gewinnkurve (365 Tage) und ROI-Timeline (Monat 1–12). Live-Daten-Toggle (Marktpreis-Abruf). Sounds via Web Audio API. Teaser auf Startseite. Credits: basiert auf einer Idee von Toub (Cryptoslots). Glass-Modus für beide Kalkulator-Seiten (Marktforschung und BTC Mining) gebaut: je eine *-glass.css mit @import-Kaskade und Glassmorphism-Overrides (heller Hintergrund, backdrop-filter, GlassCVHintergrund.png) sowie je eine index-glass.html. Style-Switcher mit runden Icon-Buttons (Dark/Glass, wie im CV-Bereich) auf allen vier Seiten integriert — Wechsel zwischen Dark und Glass Mode per Klick. Demo-Hinweis im Marktforschungs-Angebotsbrief (HTML und Clipboard-Export) ausgebaut. Impressum um Abschnitt „Hinweis zu Demo-Inhalten und Tools" mit vier Absätzen zur rechtlichen Einordnung der Demowerkzeuge erweitert. Gemeinsam mit Claude Code (Anthropic).

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.