Changelog

Die Artikel-Übersicht zeigt jetzt nur die ersten 20 Artikel — weitere laden automatisch nach sobald du nach unten scrollst. Kein Warten, kein Klicken.

• Initial werden nur 20 Karten gerendert — deutlich schnellerer Seitenstart
• IntersectionObserver lädt den nächsten Batch bevor du den Footer erreichst
• Gold-Spinner zeigt an, wenn neue Artikel nachladen
• Genre- und Gruppen-Filter funktionieren wie bisher ohne Einschränkung
• Lesezeichen und Gelesen-Status werden auch für nachgeladene Karten korrekt angezeigt

Zwei Infrastruktur-Updates: Push-Benachrichtigungen funktionieren jetzt auch auf dem Handy — und das Analytics-System ist jetzt vollständig selbst gehostet.

• Push Mobile Opt-in: iOS zeigt einen Hinweis zum Installieren als PWA, Android bekommt das Opt-in direkt im Hamburger-Menü
• Drawer-Toggle zum Aktivieren/Deaktivieren von Benachrichtigungen ohne App-Neustart
• Umami Analytics ersetzt Plausible — selbst gehostet, DSGVO-konform, keine Cookies

Drei spürbare Verbesserungen im Alltag: Das Menü passt jetzt auch auf 13"-Bildschirme, der Newsletter-Hinweis kommt erst wenn du wirklich dabei bist — und Push-Benachrichtigungen erscheinen nur noch bei echten neuen Artikeln.

• Navigations-Subline auf kleineren Bildschirmen (≤1440px) etwas kompakter — kein Umbruch mehr auf 13" MacBooks
• Newsletter-Overlay erscheint erst nach 3 gelesenen Artikeln — nicht beim ersten Besuch
• Web-Push-Benachrichtigungen kommen jetzt ausschließlich wenn ein neuer Artikel freigeschaltet wird — kein Push mehr beim Öffnen eines Artikels oder Klick auf das Herz
• Telegram /vorschlaege: Accept- und Reject-Buttons funktionieren jetzt zuverlässig

Das Magazin hat ein neues Icon-Set — überall wo Lead with Flow als App erscheint, siehst du jetzt das Gold-Logo.

• Neues Favicon (16/32/48px), Apple Touch Icon (180×180) und PWA-Icons (192×192, 512×512)
• Alle Icons stammen aus dem neuen Gold-Logo — konsistentes Erscheinungsbild im Browser-Tab, Homescreen und Dock

Jeder Artikel hat jetzt ein professionell generiertes Hero-Bild und zwei Inline-Bilder — alle im redaktionellen Stil, ohne Gesichter, mit goldenen Akzenten.

• Hero-Bild (1792×1024, DALL-E 3 HD) für alle 22 veröffentlichten Artikel
• Zwei Inline-Bilder pro Artikel — direkt in den Fließtext eingebettet
• Einheitlicher Stil: cinematic, editorial, Leadership-Themen visuell greifbar gemacht

Bleib informiert wenn neue Artikel erscheinen — und dein Lesefortschritt wird jetzt erst gespeichert wenn du wirklich gelesen hast.

• Web Push Notifications: Benachrichtigung bei neuen Artikeln direkt am Gerät (Opt-in Banner nach 45 Sekunden)
• Notifications mit Artikelbild, Kurzbeschreibung und Direkt-Link zum Artikel
• Gelesen-Markierung greift erst ab 75% Scroll — verhindert Fehl-Markierungen beim kurzen Antippen
• Service Worker v3: Alter Cache wird bei Updates vollständig geleert — kein veralteter Content mehr nach Deployments

Dein Leseerlebnis wird persönlicher: Speichere deine Favoriten, teile sie sofort und sieh auf einen Blick, was du schon gelesen hast.

• Grünes Häkchen auf Kacheln nach Artikelbesuch — dein Leseverlauf wird lokal gespeichert (kein Login)
• Like/Herz-Button mit Fill-Animation — zeige deine Wertschätzung für einen Artikel (wird lokal in deinem Browser gespeichert)
• Share-Buttons direkt im Artikel: Link kopieren (mit "✓ Link kopiert"-Toast), WhatsApp, LinkedIn
• "OFFLINE lesbar"-Badge auf gebookmarkten Kacheln — dezentes SVG-Icon zeigt, welche Artikel offline verfügbar sind
• Suche im Hamburger-Menü (Mobile) — CMD+K / ⌘K funktioniert überall
• Mobile Suche öffnet oben im Viewport — nicht hinter der Tastatur

Jeden Tag eine neue Story: Der Aufmacher rotiert zwischen den Meistgelesenen, Meistgeliebtesten und Aktuellsten.

• Aufmacher rotiert täglich automatisch: Meistgelesen → Meistgeliebt → Aktuell (deterministisch, keine Zufall)
• Zwei Aufmacher nebeneinander auf großen Screens — visueller Impact auf der Startseite
• Signal-Badges mit SVG-Icons im Kicker: Trending-Pfeil, Herz-Icon, Blitz (je nach Aufmacher-Typ)

Schnell den richtigen Artikel finden: Drück CMD+K (oder Ctrl+K auf Windows) und durchsuche alle Inhalte.

• Pagefind-Suche über alle Artikel — auch Tastaturkürzel ⌘K auf dem Mac
• Suchergebnisse mit Genre-Pill, Veröffentlichungsdatum und Text-Auszug mit Highlighting
• Suche auch direkt im Hamburger-Menü auf dem Handy erreichbar

Speichere deine Lieblings-Artikel und lies sie später — auch ohne Internet.

• Lesezeichen-Button auf allen Kacheln — speichere Artikel, ohne dich anmelden zu müssen
• /lesezeichen-Seite zeigt alle deine gespeicherten Artikel auf einen Blick
• Service Worker cacht gebookmarkte Artikel automatisch für Offline-Lesen
• Lead with Flow installierbar als App auf deinem Handy oder Desktop (Web App Manifest)

Die Seite lädt spürbar schneller — besonders auf dem Handy. Gleichzeitig wurde die Lesbarkeit und Bedienbarkeit für alle verbessert.

• Deutlich kürzere Ladezeiten: Bilder und Schriften werden früher geladen, die Seite erscheint sofort
• Bilder werden kleiner ausgeliefert — weniger Datenverbrauch, gleiche Qualität
• Texte und Farben mit mehr Kontrast — auch bei Sonnenlicht gut lesbar
• Gold-Akzentfarbe im Tageslichtmodus für optimale Lesbarkeit nachgeschärft
• Zurück-Button im Browser funktioniert jetzt zuverlässig (auch im Safari)
• Screenreader und Tastaturnavigation verbessert — barriereärmer für alle

Mehrere Reader-Experience-Features auf einmal.

• ← → Pfeiltasten navigieren zwischen Artikeln
• Automatisches Inhaltsverzeichnis aus H3-Überschriften, mit Scroll-Spy
• Lesezeichen-Button — Artikel lokal speichern (kein Login nötig)
• „Zuletzt gelesen"-Strip auf der Startseite (localStorage)
• Plausible Analytics-Infrastruktur vorbereitet (per Env-Variable aktivierbar)

Listen, Bilder und Barrierefreiheit der Peek-Cards.

• Nummerierte Listen mit CSS-Counter — deckt Items 11+ korrekt ab
• Aufzählungslisten mit Gold-Gedankenstrich statt Browser-Default
• Bot-Platzhaltertexte „[Eingefügtes Bild hier: …]" werden gefiltert
• Peek-Cards: aria-hidden auf Deko-Spans, Day-Mode Kontrast via color-mix

Kollabierbare Navigations-Laschen links und rechts im Artikel.

• Nur Pfeil sichtbar (kollabiert), Hover fährt Lasche mit Titel und Genre aus
• Erscheinen synchron mit der Sticky-Artikel-Bar
• Vertikal zentriert, feste Höhe für konsistentes Layout
• WCAG AA-konform: aria-label, focus-visible, Kontrastfix Day-Mode

Nutzer können Themen vorschlagen, Bot ruft sie ab.

• /vorschlaege-Befehl im Telegram-Bot listet eingereichte Ideen
• Accept → Pool / Reject-Buttons direkt in Telegram
• Directus-Collection topic_suggestions als Backend

Orientierung beim Lesen langer Artikel.

• Fortschrittsbalken oben (sticky) zeigt Lesefortschritt
• Sticky-Bar mit Titel, Genre und Aufrufen nach erstem Scroll
• Scroll-to-Top-Button rechts unten

Vollständiges Farb-System für beide Modi.

• Kategorie-Akzentfarben je Genre (Leadership, Teams, Agilität …)
• WCAG AA-Kontrast in Day und Night überall geprüft
• CSS-Custom-Properties für konsistente Farbvergabe

Mehrwert direkt beim Artikelstart.

• KI-generierte Bullet-Zusammenfassung pro Artikel
• View-Counter via Directus — live, Session-dedupliziert
• AI-Summary-Karte am Artikelende

Alle Artikel durchsuchbar und nach Kategorie filterbar.

• Genre-Tabs mit Live-Filterung ohne Seitenreload
• Artikel-Kacheln (fc) mit Lesezeitanzeige
• Trending-Leiste nach Aufrufen sortiert

Lead with Flow geht live.

• Astro Static Site auf Hostinger
• Directus CMS als Backend
• Grammy Telegram-Bot für Content-Verwaltung
• Self-hosted Fonts (DSGVO-konform)