Timeline

Der Brutto-Netto-Rechner ist vom schmalen Einspalter zum Desktop-Cockpit geworden: drei Panels für Eingabe, Parameter und Auswertung, sodass auf 1920×1080 und selbst auf dem 1366er-Laptop alles ohne Scrollen sichtbar ist. Neu sind ein 270°-Netto-Ring-Instrument mit Skalenstrichen, das die Geometrie der Drehregler zitiert, vier farbcodierte Abzugs-Balken, ein metallischer Brutto-Fader sowie Boot-Sequenz und Licht-Impuls bei jeder Änderung – alles hinter prefers-reduced-motion abschaltbar, während Steuerformel und Knob-Klasse unangetastet blieben. Erstellt mit Fable 5 im Ultracode-Modus: Ein Workflow aus 17 Agenten prüfte Logik-Parität, JavaScript, Responsive-CSS und Barrierefreiheit adversarial gegeneinander; elf bestätigte Findings wurden direkt eingebaut, darunter WCAG-AA-Kontraste, ein Screenreader-Name für den Kirchensteuer-Toggle und der iOS-sichere Umzug des Wallpapers auf die fixe Fade-Ebene. Gemeinsam mit Claude Code (Anthropic).

Die Startseite hat ein neues Zweispalten-Layout bekommen: Zwölf Kacheln stehen jetzt in sechs thematischen Zweiergruppen nebeneinander – von Marktforschung über Content und Projekte bis zu den Rechnern – und rücken auf schmalen Bildschirmen automatisch wieder untereinander. Die Music-Kachel zeigt nun das neue Rocksong-Logo mit Max, das so eingebunden ist, dass die animierte Welle sichtbar hindurchläuft. Außerdem lässt sich das TÜV-Siegel im Footer jetzt per Maus oder Tastatur vergrößern, damit Schrift und Details des Zertifikats gut erkennbar sind. Gemeinsam mit Claude Code (Anthropic).

Session 2: Das Content Theater hat seinen sechsten Release bekommen – das LinkedIn-Video „Chatbot MAX ist jetzt an eine RAG-Wissensdatenbank angeschlossen" zur frisch gebauten RAG-Anbindung. Der Einbau folgte dem eingespielten /theater-Workflow: Video nach media/ kopiert, ein neuer Datensatz oben in CT_RELEASES, den Rest (Sortierung, Jahresgruppe, Player) erledigt der bestehende Renderer ohne eine Zeile neuen Codes. Im Browser verifiziert: Karte an Position 1, Video lädt und spielt (1080×1080, 58 Sekunden), alle fünf bestehenden Releases unverändert. Die LinkedIn-URL wird nachgetragen, sobald der Post live ist. Gemeinsam mit Claude Code (Anthropic).

Der Max Knowledge Graph ist entstanden: Die komplette RAG-Wissensbasis wird jetzt als interaktive Sternenkarte unter /max/knowledge-graph/ sichtbar – 250 Wissensbausteine aus 11 Wissensgebieten, verbunden über 429 echte Embedding-Ähnlichkeiten. Ein lokales Build-Skript reduziert die 1536-dimensionalen Vektoren per PCA über die Gram-Matrix plus deterministischem Force-Layout auf 2D-Positionen und erzeugt eine kompakte 119-KB-Datendatei, die weder Embeddings noch Volltexte enthält; die geschützten Rohdaten bleiben hinter der 403-Sperre. Im Browser kamen ohne eine einzige Bibliothek Canvas-Rendering mit Pan, Zoom und Pinch, Hover-Tooltip, Detailpanel mit verwandten Bausteinen, gewichtete Suche und Kategorie-Filter dazu – plus eine schlafende Force-Simulation, die Knoten beim Ziehen elastisch mitschwingen lässt und sich bei Ruhe selbst abschaltet (0,5 ms Physik pro Frame). Ein deterministisches Sternenfeld in drei Parallax-Ebenen, Nebel und Konstellationslinien machen daraus ein kleines Wissensuniversum, das per Andockleiste unter der Max-Kachel, RAG-Accordion und CTA auf der RAG-Seite erreichbar ist; parallel wurde die Content-Theater-Kachel strukturell an das Content Design Studio angeglichen. Gemeinsam mit Claude Code (Anthropic).

Der KI-Hub hat mit „RAG-Systeme" eine elfte Wissensseite bekommen, die Chunks, Embeddings, Cosine Similarity und hybride Suche verständlich erklärt – mit dem echten Max-System als durchgängigem Praxisbeispiel. Herzstück ist eine animierte Wissenswolke aus 18 SVG-Knoten, die in einem ruhigen Zwölf-Sekunden-Zyklus zeigt, wie eine Frage nur die passendsten Wissensbereiche aktiviert; die Animation pausiert bei verborgenem Tab, außerhalb des Viewports und liefert bei Reduced Motion ein erklärendes Standbild. Das KI-Wiki wuchs von 60 auf 81 Begriffe in einer neuen Kategorie „RAG & Suche", und die Seite wurde direkt selbst in Max' Wissensbasis aufgenommen – 207 auf 250 Chunks, alle 15 neuen Testfragen treffen die richtigen Abschnitte. Nebenbei zeigte sich, warum Ladereihenfolge zählt: Die geteilte Max-Figur-CSS überschrieb mit width:100% die kompakte CTA-Figur und sprengte das Tablet-Layout, bis die Stylesheets getauscht waren. Gemeinsam mit Claude Code (Anthropic).

Der neue Max-Chat wurde anhand echter Live-Beobachtungen gehärtet: Der Verlauf wächst jetzt dynamisch mit dem Inhalt statt in einem engen Scrollfenster zu klemmen, Antworten und Quellenkarten nutzen die volle Breite bis zur Kante der Nutzerfrage, und die Quellen stehen als eigener Block unter der Antwortblase. Spannendster Fall war eine RAG-Regelverletzung: Das Antwortmodell begann mit „keine verlässliche Information" und erklärte danach trotzdem munter weiter – gelöst durch eine serverseitige Konsistenzregel, die solche Zwitterantworten hart auf den Standardsatz reduziert und Wissenslücke sauber von Sicherheitsablehnung trennt. Als das kleine Modell daraufhin ins Gegenteil kippte und „Human in the Loop" trotz perfekter Treffer verweigerte, kam ein Übervorsichts-Schutz dazu: Bei starkem Top-Treffer erzwingt der Endpunkt genau einen zweiten Anlauf mit verschärfter Anweisung. Nebenbei flog eine Deko-Transition raus, die sich als hängende CSS-Animation entpuppte, und die Quellenkarten lösen keinen Scroll-Sprung mehr aus, weil nur noch das Absenden und das Tippen scrollen dürfen. Gemeinsam mit Claude Code (Anthropic).

Max hat ein echtes Wissensgedächtnis bekommen: Aus elf freigegebenen KI-Hub-Seiten entstand eine Wissensbasis mit 207 Abschnitten, die über OpenAI-Embeddings und eine hybride Suche aus Cosine-Ähnlichkeit und Keyword-Gewichtung durchsuchbar ist. Ein PHP-Endpunkt auf dem Strato-Server erzeugt das Query-Embedding serverseitig, wählt die passendsten Abschnitte aus und lässt das Antwortmodell ausschließlich daraus formulieren – abgesichert durch Rate-Limit mit gehashten IP-Adressen, Dateisperren und eine Live-Abnahme mit 29 Testfragen ohne ein einziges Leck. Der öffentliche Max-Chat ist jetzt daran angebunden: Ein Zustandsmodell koppelt seine Emotionen an den Ablauf, Antworten tippen überspringbar in Gesprächsblasen, Quellenkarten verlinken direkt in den KI-Hub, und eine serverseitige Konsistenzregel verhindert Zwitterantworten aus „keine Information" plus allgemeiner Erklärung. Technisch reizvoll: Die PHP-Portierung der Suche wurde per Paritätstest chunk-genau gegen die JavaScript-Module verifiziert, damit beide Welten identisch ranken. Gemeinsam mit Claude Code (Anthropic).

Das Content Design Studio ist nach einem vollständigen Systemcheck offiziell veröffentlicht: Die Startseiten-Kachel ist jetzt komplett klickbar, die Studio-Seite indexierbar mit Canonical, Open Graph und Sitemap-Eintrag – der Ordnername video-design-studio/ blieb bewusst unangetastet. Direkt danach entstand mit dem Content Theater eine zweite öffentliche Bühne: eine Release-Galerie für Videos und Beiträge aus dem I-BET-MAX-Universum, gepflegt über eine einzige dokumentierte Datenliste im JavaScript, aus der Sortierung, Jahresgruppen und optionale LinkedIn-Links automatisch entstehen. Der Kinosaal-Look kommt ohne ein einziges Bild aus – Projektorstrahl und Spotlight sind reine CSS-Verläufe per conic-gradient. Vier LinkedIn-Releases der letzten Tage sind bereits eingezogen, inklusive einer Playback-Logik, die immer nur ein Video gleichzeitig laufen lässt, und einem object-fit-Fix, damit quadratische und Hochformat-Videos vollständig statt beschnitten angezeigt werden. Gemeinsam mit Claude Code (Anthropic).

Max hat eine zweite Fähigkeit bekommen: den System Scan, eine browserbasierte Analyse von Rechner, Grafikleistung und Internetverbindung im Steampunk-Cockpit mit Messing-Manometern. Die Messphasen steuern ein sichtbares Zustandsmodell – das aktive Modul leuchtet teal mit Scan-Lichtstreifen, das nächste wartet bernsteinfarben, fertige Module beruhigen sich in Grün. Dazu ist eine komplette Soundbibliothek entstanden, rein synthetisch über die Web Audio API ohne eine einzige Audiodatei, als Erweiterung der geteilten Max-Audio-Komponente. Die Geschwindigkeitsmessung erkennt zur Laufzeit, ob PHP auf dem Server verfügbar ist, und fällt sonst sauber auf einen eingeschränkten Download-Test zurück; der Ergebnisbericht lässt sich als handgezeichnetes PNG exportieren. Auf der Startseite trennt die Max-Kachel nun Chat und Systemcheck als zwei eigenständige Wege. Gemeinsam mit Claude Code (Anthropic).

Max ist heute vom stillen Gesicht zum ansprechbaren Assistenten geworden. Er hat eine eigene Seite bekommen, auf der er einen freundlich begrüßt und man ihm direkt eine Frage stellen kann – seine Antworten schreibt er Zeichen für Zeichen im ruhigen Terminal-Stil, begleitet von einem dezenten, abschaltbaren Tippgeräusch. Dahinter ist ein eigener Testbereich entstanden, in dem sich alle seine Emotionen, Bewegungen und Texte in Ruhe ausprobieren und weiterentwickeln lassen, und auf der Startseite lädt eine neue Fläche jetzt sichtbar dazu ein, mit Max zu sprechen. Wichtig war dabei, dass Max nur noch einmal existiert und überall dieselbe Figur genutzt wird, statt ihn mehrfach nachzubauen. Passend dazu ist mit Claude Cowork ein kurzes LinkedIn-Video entstanden, das Max erstmals öffentlich vorstellt. Gemeinsam mit Claude Code (Anthropic).

Heute stand die Verzahnung von Claude mit externen Werkzeugen im Mittelpunkt: Über neu eingerichtete Connectoren greift Claude jetzt direkt auf Gamma, Descript, Gmail und weitere Dienste zu, sodass Präsentationen, Medienschnitt und Postfach ohne Umwege aus einem Arbeitsfluss heraus bedient werden können. Auf dieser Basis ist ein erstes LinkedIn-Video entstanden, für das die Audiospur mit ElevenLabs erzeugt und anschließend im Descript-Workflow mit dem Bildmaterial zusammengeführt wurde. Der reizvolle Teil daran ist das Zusammenspiel: KI-Stimme, Videoschnitt und Veröffentlichung greifen über die Connectoren ineinander, statt in getrennten Tools zu leben. Gemeinsam mit Claude Code (Anthropic).

Die Website wurde durchgängig auf den bestandenen TÜV-Abschluss umgestellt: Die KI-Manager-Weiterbildung ist jetzt als abgeschlossen mit dem Zertifikat „Manager für angewandte KI Transformation" ausgewiesen — inklusive verschobener und entpulsierter Timeline-Karte, angepasster Hero-Badges in beider Seitenvarianten und aktualisierter Statusanzeigen auf der Startseite. Gemeinsam mit Claude Code (Anthropic).

Geschafft: Heute habe ich bei der TÜV Rheinland Akademie die Prüfung zum KI-Manager mit Projekt bestanden und das Zertifikat „Manager für angewandte KI Transformation" erhalten. Zusammen mit der Note 1 für die Projektarbeit ist die Weiterbildung damit vollständig und erfolgreich abgeschlossen.

Heute haben wir MAX Assistent zum Leben erweckt. Er schwebt jetzt im Hero der Startseite direkt neben dem „I" von I BET MAX und hat seine ersten Emotionen gelernt – ein türkis leuchtendes Robotergesicht, das blinzelt, zwinkert und je nach Stimmung die Augen verändert. Dazu ist im AI Room eine eigene Max-Unterseite entstanden. In der nächsten Zeit wird Max Sprache und Aufgaben erlernen und Stück für Stück weiterentwickelt – er soll der sympathische Assistent werden, der dieser Seite ein Gesicht und einen Charakter gibt.

Das Schach-Experiment wurde zu „IbetMax Steampunk Schach" umgebaut – mit einem komplett aus Code gerenderten Messing-und-Eisen-Figurensatz samt animiertem Königs-Heiligenschein und leuchtender Damen-Zahnradkrone, einem Werkstatt-Brett mit langsam drehenden Zahnrädern, Dampfschwaden und gravierten Koordinaten sowie gleitenden Zug-, zerberstenden Schlag- und einer Schachmatt-Inszenierung sowie einer feinstufigen Elo-Regelung per Messing-Manometer. Nebenbei spielt die Hintergrundmusik wieder zuverlässig, weil sie nun über relative Pfade direkt neben dem Rest der Seite liegt, und das ständige Ambient-Rauschen wurde auf die halbe Lautstärke gesenkt. Gemeinsam mit Claude Code (Anthropic).

Pflege-Session nach einem Website-Review: Datenschutzerklärung und Impressum wurden überarbeitet und die Angaben zur verantwortlichen Stelle vereinheitlicht, die zitierten Rechtsgrundlagen sind jetzt auf dem Stand von Digitale-Dienste-Gesetz und Medienstaatsvertrag. Die Hintergrundmusik auf Startseite, Galaxia-Spiel und Musik-Seite wird nun über absolute Pfade geladen, damit sie auf dem case-sensitiven Server zuverlässig abspielt. In der Timeline wanderte außerdem ein chronologisch falsch einsortierter Juni-Eintrag an seine richtige Position. Gemeinsam mit Claude Code (Anthropic).

Ein Meilenstein abseits des Codes: Die Projektarbeit bei der TÜV Rheinland Akademie ist bestanden – mit der Note 1. Damit ist ein gutes Stück Weiterbildungsweg offiziell abgeschlossen, und vieles von dem, was hier auf ibetmax.com in den letzten Monaten entstanden ist, hat direkt oder indirekt in diese Arbeit hineingespielt. Ein guter Tag.

Das Content Design Studio hat drei neue Animationen bekommen: einen Taucher, der gemütlich durchs Bild schwimmt, aufsteigende Raketen und einen Planeten-Orbit nach dem Vorbild der Startseite, bei dem sich Anzahl und Beschriftung der kreisenden Punkte frei bestimmen lassen. Außerdem sind Überschriften und Bullet-Listen jetzt in Größe, Schriftart und Farbe einstellbar – wobei nebenbei ein alter Fehler aufflog, durch den die Farbwahl bisher gar nicht sichtbar wurde. Gemeinsam mit Claude Code (Anthropic).

Ein animiertes Pixel-Maskottchen – das Claude-Männchen – ist entstanden: komplett aus Code gerendert, mit Wippen, Freude-Hüpfern samt Squash & Stretch, Blinzeln und kurzen Glitch-Bursts, jetzt zuhause im Footer der Startseite neben dem Copyright. Dieselbe Komponente ist ohne Duplizierung ins Content Design Studio eingezogen und dort als auswählbarer Charakter mit generiertem Vorschau-Thumbnail und abschaltbarem Glitch registriert. Im Studio wurden außerdem zwei bisher gesperrte Animationen freigeschaltet: die Morphende Masse im Goo-Look der Living-Concept-Präsentation, wählbar in drei ibetmax-Farben, und das Galaxy-Raumschiff aus dem Galaxia-Spiel, das über die Stage patrouilliert, ab und zu Laser feuert und dessen Flughöhe sich per Schieberegler verstellen lässt. Gemeinsam mit Claude Code (Anthropic), endlich wieder angetrieben von Fable 5.

Im AI Room ist eine neue Kachel für ein kompaktes KI-MiniDeck zu Busche Gewerbeimmobilien hinzugekommen, hinter der eine eigene Präsentationsansicht die vier Folien im dunklen ibetmax-Stil bildschirmfüllend im 16:9-Format zeigt – bedienbar per Pfeiltasten, Buttons, Punkten und Touch-Wischen, mit sofort geladener erster Folie und performant nachgeladenen Folgeseiten. Gemeinsam mit Claude Code (Anthropic).

Für meinen Vortrag zur Stakeholderanalyse von Safe Frames ist ein ruhiger Teleprompter-Onepager entstanden, der meinen vollständigen Sprechtext in großen, klar getrennten Textblöcken zum lauten Üben zeigt und mir während der TÜV-Präsentation als Sicherheitsnetz auf dem zweiten Bildschirm dient – mit dezenten Sprungmarken, Fortschrittsbalken, Druckversion und Pfeiltasten-Navigation, nicht indexiert und bewusst frei von Stichworten und Zusatzboxen. Gemeinsam mit Claude Code (Anthropic).

Für meinen Präsentationsteil zur Stakeholderanalyse des Projekts Safe Frames ist eine ruhige, dunkle Speaker-Notes-Ansicht entstanden, durch die ich mich allein per Pfeiltasten in handlichen Karten vorwärtsbewegen kann – jede Karte zeigt genau so viel, dass sie auf den Laptopbildschirm passt und ich trotzdem vorausschauend sprechen kann. Die Präsentation ist außerdem im AI Room hinterlegt, sodass dort später sichtbar bleibt, was ich für die TÜV Rheinland Akademie vorbereitet habe. Gemeinsam mit Claude Code (Anthropic).

Der Hero-Bereich der Startseite hat einen kurzen Horror- bzw. Glitch-Effekt bekommen: Über dem Hafen-Video blitzt ab und zu ein großer, rot-oranger Schriftzug „Something very good is going to happen" auf — nur Sekundenbruchteile lang, mit einer festen Eröffnungssequenz und danach unregelmäßig wiederkehrenden, leicht zitternden Blitzen. Der Effekt liegt als nicht-anklickbare Ebene über dem Video, verschiebt nichts am Layout und funktioniert auf Desktop wie Handy. Wer reduzierte Bewegung eingestellt hat, sieht den Schriftzug nur ein einziges Mal dezent. Dabei stellte sich heraus, dass die mitgelieferte Grafik einen weißen Hintergrund hatte und nicht freigestellt war — sie wurde daher sauber freigestellt, damit nur der leuchtende Schriftzug erscheint und kein Kasten. Gemeinsam mit Claude Code (Anthropic).

Der KI & AI Hub hat als zehnte Karte den „LLM-Kompass" bekommen — eine praxisnahe Orientierungshilfe, die verständlich erklärt, wie man mit Sprachmodellen wie Claude, ChatGPT und Gemini wirklich gut arbeitet: von guten Prompts über Workflows und wiederverwendbare Skills bis zu Konnektoren. Durchgehend steht dabei der verantwortungsvolle Umgang im Vordergrund — KI unterstützt, aber Prüfung, Datenschutz und die Entscheidung bleiben beim Menschen. Gemeinsam mit Claude Code (Anthropic).

Im Content Design Studio wandert die Logo-Auswahl aus der linken Asset-Leiste in ein eigenes Auswahlmenü auf der rechten Seite, das immer genau ein Logo auf die Bühne setzt — neu dabei sind der freigestellte grüne und rote Apfel. Außerdem bekam der Editor-Kopf ein frischeres Branding mit eigenem Logo und passendem Namen, der alte Slogan verschwand und die linke Werkzeugleiste wurde von überflüssigen Filtern befreit. Gemeinsam mit Claude Code (Anthropic).

Der KI & AI Hub hat als neunte Karte einen neuen Wissensbereich „Datenanalyse" bekommen — eine kompakte Lern- und Wissensseite rund um den Umgang mit Daten. Verständlich und praxisnah erklärt sie, warum gute Daten die Grundlage jedes KI-Projekts sind: von statistischen Grundbegriffen wie Mittelwert, Median und Ausreißern über Datenqualität und die richtige Wahl von Diagrammen bis hin zur explorativen Erkundung von Daten, zu Zusammenhängen und konkreten Beispielen aus dem Unternehmensalltag. Als roter Faden zieht sich das Prinzip „Garbage in, garbage out" durch die Seite: Schlechte Daten führen zu schlechten Ergebnissen. Optisch bleibt sie in der Hub-Familie, setzt sich aber mit einem eigenen blau-türkisen Daten-Look ab, und der Abschnitt zur Personalanalyse ist bewusst sensibel gehalten — kein automatisches Bewerten von Menschen, sondern Transparenz und der Mensch in der Entscheidung. Gemeinsam mit Claude Code (Anthropic).

Das Video Design Studio wurde um aktivierbare Bühnen-Effekte erweitert: drei animierte Rahmen (dezenter Glow, gelb-schwarzes Absperrband und biolumineszenter Ocean-Look) sowie ein ruhiger Luftblasen-Ambienteffekt, jeweils als nicht-interaktive Overlay-Ebene zwischen Hintergrund und Inhalten und bewusst export-sicher gehalten, weil der Bild-Export auf solchen Ebenen nur solide Farben statt Verläufe rendert. Begleitend wurde die linke Hintergrund-Auswahl entschlackt, der Standard-Zoom der Bühne auf 70 % gesetzt und ein durch Groß-/Kleinschreibung fehlerhafter Download-Link auf der KI-Einführungsseite korrigiert. Gemeinsam mit Claude Code (Anthropic).

Im Video Design Studio wurden die Motive Kraken 1/2 und Leuchtende Quallen aus den Animation-Assets in eine eigene Kategorie „Hintergründe" verschoben und verhalten sich nun als vollflächige Stage-Hintergründe (cover/center, unterste Ebene, kein verschiebbares Element), ergänzt um einfarbiges Schwarz und Weiß. Die bestehende Background-Infrastruktur trug das mit: Klick setzt den Hintergrund über applyStageBackground inklusive Undo/Redo, localStorage-Persistenz und korrektem PNG-/WebM-Export. Gemeinsam mit Claude Code (Anthropic).

Der AI-Bereich von Evil or Good wurde um die neue Alignment Chamber erweitert: ein interaktiver Prüfraum, in dem KI-Entscheidungen nicht einfach als gut oder böse erscheinen, sondern zwischen Absicht, Risiko, Nutzen und Kontrolle eingeordnet werden. Auf der Übersicht entstand dazu eine große animierte Teaser-Karte, damit das neue Experiment schon im Machine's Playground sichtbar und neugierig machend auftaucht. Nach einem kleinen Darstellungsfehler wurde die Animation nachgeschärft, sodass der leuchtende Kern und die umlaufenden Kräfte jetzt klar erkennbar sind. Gemeinsam mit Codex (OpenAI).

Der KI & AI Hub hat als achte Karte eine neue Referenzseite „Website Quality Framework 2026" bekommen — ein sachlicher Wissensbereich, der Website-Qualität in fünf Säulen erklärt: SEO, AI SEO, Accessibility, Datenschutz und Sicherheit. Über zwölf Abschnitte führt die Seite von den Grundlagen über die einzelnen Bausteine bis zu einer Prioritäten-Matrix mit 32 Einträgen (Nutzen, Aufwand, Priorität, Relevanz 2026), einem ehrlichen Vorher-Nachher zu ibetmax.com und einer Quick-Audit-Checkliste; ein eigener Abschnitt ordnet historische SEO-Themen wie Meta Keywords und Keyword Density per Ampel ein, statt sie zu verschweigen. Technisch wurde die Designsprache des Hubs in einer eigenständigen framework.css nachgebaut — lokale Fonts, mobile-first, semantische Tabellen mit scope, Skip-Link, sichtbare Fokuszustände und ein per IntersectionObserver mitlaufendes Inhaltsverzeichnis — verifiziert im Browser-Preview inklusive 375-px-Test und Schema-Prüfung (WebPage + BreadcrumbList). Davor liefen mehrere risikoarme SEO-Stufen: ein ALT-Text- und Bilddimensions-Audit, die Domain-Konsolidierung auf https://www.ibetmax.com per .htaccess, eine produktive llms.txt, Canonicals für die CV-Glass-Varianten sowie ein neuer Abschnitt „Fachthemen & Projekte" im Executive Profile, der die Person erstmals direkt mit ihren Wissensseiten verknüpft. Begleitend entstanden Audit-Dokumente zu Search-Console-Readiness und Entity-Verknüpfung. Gemeinsam mit Claude Code (Anthropic).

Heute drehte sich alles um Sichtbarkeit: Der KI & AI Hub hat einen neuen Wissensbereich „KI für Websites & Sichtbarkeit (SEO/SEA)" bekommen. Die Infoseite erklärt verständlich, warum Sichtbarkeit heute mehr ist als nur Google – und welche Rolle Suchmaschinen wie Bing und KI-Assistenten wie ChatGPT, Claude und Perplexity dabei spielen. Sie zeigt den Unterschied zwischen klassischer Suchmaschinen-Optimierung und der neuen „AI SEO", vergleicht den organischen und den bezahlten Weg zu mehr Reichweite und liefert eine Checkliste samt fertiger Beispiel-Fragen für eine KI-gestützte Website-Prüfung. Als ehrliches Praxisbeispiel diente ibetmax.com selbst: Im Vorher-Nachher zeigen wir sachlich, welche technischen Grundlagen früher fehlten und inzwischen ergänzt wurden – von einer sauberen Auffindbarkeit für Suchsysteme bis zu spürbar verbesserter Sicherheit. Außerdem haben wir die Startseite behutsam neu sortiert: Die Bereiche rund um Wissen, Weiterbildung und Erfahrung stehen jetzt klar unter „KI Wissen & Erfahrung", während die verspielteren Prototypen und Tests einen eigenen, deutlich abgegrenzten Experimente-Bereich erhalten haben. Kleine Details wie das passendere Lupen-Symbol für die neue SEO-Seite runden den Feinschliff ab. Damit wirkt die Seite nun stärker wie ein persönliches KI-Wissens- und Weiterbildungs-Portfolio. Gemeinsam mit Claude Code (Anthropic).

Der KI & AI Hub hat eine neue Unterseite „KI-Einführung im Unternehmen" bekommen — komplett eigenständig mit grünem Transformations-Akzent, einer 6-Schritte-Roadmap als Step-Cards, vier Querschnittsthemen-Karten, Governance- und Bias-Sektion, Shadow-Mode-Erklärung mit KPI-Chips, Prompt-Grundformel und einer 10-Punkte-Checkliste. Auf der Startseite wurde der zugehörige Accordion-Punkt vom reinen Toggle auf die Split-Header-Logik der anderen Kacheln umgestellt, ohne das Accordion-JavaScript anzufassen — der generische Toggle-Selektor machte den Umbau rein im Markup möglich. Beim anschließenden Canvas-Einbau zeigte sich, dass claude.ai Design-Links per Framing-Sperre blockiert (ERR_ABORTED im iframe), weshalb das leere Embed durch zwei gleichwertige Glass-Link-Karten ersetzt wurde: der interaktive Canvas in Grün, die DIN-A4-Printversion in Amber, beide in einem responsiven Options-Grid mit Datenschutzhinweis und PDF-Ausblick. Verifiziert wurde durchgehend im Browser-Preview per DOM-Abfragen, Netzwerk-Analyse und 375-px-Tests. Gemeinsam mit Claude Code (Anthropic).

Die Startseite wurde unten aufgeräumt: Die vier frühen Experimente (Typo-Wand, Jetzt, Zufall, Foto) leben jetzt in einer kompakten Archiv-Untersektion „Frühe Experimente" mit Mini-Kacheln, während Schach, Galaxia und Abyss handgecodete SVG-Badge-Logos im Teal-Glass-Look bekamen — eine zusammengehörige Serie mit Emblem, Experiment-Name und ibetmax.com-Bogentext. Nebenbei wurden drei kaputte Bilder repariert, darunter ein binär korruptes Ungarn-Logo, das durch die intakte Version vom Live-Server ersetzt wurde. Im Maniac Tower liefen drei Sprints: Prompt 11 deckte per automatisiertem Browser-Test auf, dass der Fahrstuhl eine Einbahnfalle war und alle rechten Räume zu Fuß unerreichbar — gefixt durch Reaktivierung des toten Exit-Zweigs in checkElevatorEntry, sodass der Avatar jetzt durch den Schacht hindurchlaufen kann. Prompt 12 brachte die Fundstücke-Leiste im HUD (vier Flags als Retro-Icons, per Signatur-Vergleich im Game-Loop aktualisiert) und fand dabei einen echten Bug, durch den der Goldbarren nie gespeichert wurde; Prompt 13 ergänzte den HUD-Namensfix, vier Goldbarren-Reaktionen und Günters vages Light-Hinweissystem über die bestehende dialogueFn-Mechanik. Gearbeitet wurde dabei erstmals mit Fable 5, dem neuen Claude-Modell von Anthropic. Gemeinsam mit Claude Code (Anthropic).

Maniac Tower hat in dieser Session drei Erweiterungen bekommen: Im 5. OG sitzt jetzt eine Selbsthilfegruppe für überforderte NPCs — Stuhlkreis mit sitzenden Pixel-Figuren, Therapieprotokoll-Miniquest und zehn zufälligen One-Linern über Hover-Abhängigkeit und Klick-Traumata. Darauf aufbauend reagieren NPCs nun aufeinander: Erol kommentiert die Gruppe im fünften Stock, der Zombie bewertet sein Gehirn mit fünf von fünf Grabsteinen, und die Hausordnung bekommt nach dem Kuh-Event drei neue Paragraphen. Als dritter Baustein zog Günter Glitch in den Wartungsraum im 3. OG ein — ein Hausmeister, der inoffiziell Konsolenfehler entfernt und über sechs reaktive Dialoge auf den Spielstand reagiert. Technisch lief alles über die bestehende dialogueFn-Mechanik mit Flag-Abfragen und Pool-Erweiterungen; das einzige neue System war keins, nur zwei neue Flags (cows_happened, hasMaintenanceNote). Verifiziert wurde direkt im Browser-Preview, inklusive Negativtests, dass reaktive Dialoge ohne erfüllte Bedingungen nicht erscheinen. Gemeinsam mit Claude Code (Anthropic).

Die Unterseite „Agiles Arbeiten" wurde um sechs inhaltliche Bausteine aus einem Agile-Management-Kurs erweitert. Neu hinzugekommen sind: eine „Agilität als Mindset"-Sektion mit Infobox zum Agilen Manifest 2001 und vier Werte-Karten (Individuen, Ergebnisse, Partnerschaft, Wandel), eine „Lean kurz erklärt"-Sektion mit fünf Prinzip-Karten im Toyota-Stil, eine Outreach-Karte zu skalierbaren Frameworks wie SAFe, LeSS und Nexus direkt im Scrum-Bereich, ein Chip-Grid mit zehn Erkennungszeichen agiler Teams sowie eine orange Warning-Sektion mit sieben Karten zu typischen Scheitergründen. Für jede Komponente entstand eine eigene CSS-Klasse — `.value-card`, `.lean-card`, `.frameworks-out`, `.chip-item`, `.warning-card` — konsequent im Orange-Teal-Farbsystem: Teal für Prinzipien und Mindset, Orange für Methoden und Warnsignale. Gemeinsam mit Claude Code (Anthropic).

Das Video Design Studio wirkt jetzt wie ein echtes ibetmax-Werkzeug: Kraken-Motive, Leuchtende Quallen, Logo und Coin aus ibetmax.com sind als klickbare Stage-Elemente und Bühnenhintergründe eingebunden. Die Asset-Bibliothek wurde neu strukturiert — mit Kategorie-Filter, Vorschaubildern und einem kleinen Badge für eigene ibetmax-Assets. Neue Inhalte lassen sich künftig durch einen einzigen Eintrag ergänzen, ohne weiteren Umbau. Auf dem Weg dorthin gab es einen kniffligen stillen Fehler, der die gesamte Anwendung beim Start lautlos blockierte und erst durch gezieltes Schritt-für-Schritt-Debugging eingegrenzt werden konnte. Gemeinsam mit Claude Code (Anthropic).

Das Video Design Studio hat in dieser Session zwei weitere Sprints bekommen. Sprint 6 brachte die Bullet Reveal Animation zum Leben: Die Zeilen erscheinen jetzt per CSS-Keyframes nacheinander, mit einstellbarer Verzögerung und drei Geschwindigkeitsstufen — ein „Reveal testen"-Button löst die Vorschau direkt im Editor aus. Dazu kam ein lokaler KI-Textassistent mit fünf inhaltlichen Vorlagen, der Headline und Bullet-Zeilen auf einen Klick befüllt — ohne API-Key und ohne Backend, bewusst als Human-in-the-Loop-Ansatz für den TÜV-Kontext umgesetzt. Sprint 7 ergänzte eine vollständige Undo/Redo-Funktion: Snapshot-basiert mit bis zu 20 Schritten, über Toolbar-Buttons und Strg+Z/Y erreichbar, mit einem Focus/Blur-Pattern für alle Eingabefelder und einer Drag-sicheren Lösung, die pro Zieh-Aktion genau einen Undo-Schritt erzeugt. Gemeinsam mit 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.

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).

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.