Commit graph

16 commits

Author SHA1 Message Date
Alex Mueller
44b9daa00d refactor(ui): professional enterprise redesign of navbar, layout and color scheme
- Replace arcade/candy aesthetics with authoritative deep slate and enterprise blue palette
- Streamline navigation bar across dashboard, landing page, impressum and datenschutz (no emojis)
- Upgrade vocational metrics (Ausbildungsberuf, Lehrjahr, Lernfortschritt) replacing toy gamification
- Modernize course action buttons, category filter tabs and mobile drawer
2026-09-15 10:13:46 +02:00
Alex Mueller
dd43e98748 feat(ui): WCAG text contrast improvements and modern course & lesson navigation button system 2026-09-13 12:16:42 +02:00
Alex Mueller
a058cc8920 fix(navbar): responsive navbar scaling, 1240px drawer collapse, flex-shrink fix and mobile spacing v2.2.1 2026-09-12 22:02:54 +02:00
Alex Mueller
dd0fa2da89 feat(legal): add comprehensive impressum, datenschutz and responsive multi-column portal footer
- create legally compliant impressum.html according to § 5 DDG and § 18 MStV
- create comprehensive datenschutz.html according to GDPR/DSGVO and TDDDG with zero-tracking notice and user rights
- redesign footer across index.html and dashboard.html into modern 4-column layout (Brand, Lehrpfade, Plattform, Rechtliches & Kontakt)
- integrate Impressum and Datenschutz links in mobile navigation drawer and footers
- add dedicated responsive CSS rules for footer and legal pages in assets/style.css
- verify pixel-perfect rendering across desktop and mobile viewports via headless chromium
2026-09-12 16:57:56 +02:00
Alex Mueller
4ccfa9d609 feat(mobile): responsive mobile navigation, drawer menu and overflow fix
- eliminate horizontal viewport overflow on smartphones (< 400px)
- implement mobile hamburger toggle and slide-down drawer for landing page and dashboard
- add adaptive button typography and compact action controls on mobile devices
- make course filter tabs horizontally scrollable with touch momentum
- optimize hero typography and stats grid for small screens
- verify mobile rendering via headless chromium pipeline
2026-09-12 16:43:59 +02:00
Alex Mueller
24e78444cf feat(auth & layout): registrierungspflicht für alle kurse, reine marketing-startseite und vertikales textbox-resizing
- Textbox Resizing Safeguard: textarea und .ihk-input auf 'resize: vertical' und 'max-width: 100%' beschränkt, um Layout-Bruch durch horizontales Ziehen zu verhindern
- Zugangsschutz (Auth Guard): Kurse, Lerneinheiten und Web-IDE erfordern zwingend ein registriertes Konto; Gastmodus entfernt; unregistrierte Nutzer werden durch eine Auth-Barrier geschützt
- Reine Werbe- & Marketing-Startseite (index.html):
  - Vorstellung aller 13 Praxis-Kurse (216 Module) mit Curriculum-Übersicht und Filter
  - IHK AP1 & AP2 Prüfungstrainer Showcase
  - Monaco Web-IDE Präsentation
  - Registrierungs- & Anmelde-CTAs auf allen Kurs-Karten
  - Bento Grid mit Plattformvorteilen und Zielgruppen-Segmentierung
2026-09-12 13:56:28 +02:00
Alex Mueller
2571cb8847 feat(ux): responsive kurs-sidebar und kapitel-drawer für alle 13 kurse & web-ide
- Dynamic Sidebar mit window.COURSES_MANIFEST für 13 Kurse (216 Kapitel)
- Kurswechsler Dropdown mit Direktnavigation
- Fortschrittsanzeige mit Solved-Checkmarks (✓) aus localStorage
- Responsive Off-Canvas Drawer mit Floating Action Button (☰ Kapitel) & Backdrop auf Mobile/Tablets
- Web-IDE Topbar Drawer-Button (☰ Kapitel) für unterbrechungsfreien Vollbild-Editor
- Saubere Bereinigung redundanter statischer Legacy-Sidebars
2026-09-12 13:49:46 +02:00
Alex Mueller
893590317b UX-Redesign für it-praxisportal.de: Schlankes Portal-Layout, Live-Kategoriematrix, Bento-Featuregrid und optimierter Kurs-Hub 2026-09-12 13:41:03 +02:00
Alex Mueller
0f73a3619f Perfektes statisches App-Layout mit nativer Sidebar, .nojekyll für GitHub Pages und validierten Non-Nested Karten 2026-08-29 16:00:38 +02:00
Alex Mueller
029f31015e Webdesign von Grund auf neu aufgebaut: Saubere Flex/Grid-Architektur, fehlerfreie HTML-Kartenstruktur und robuste Sidebar 2026-08-29 15:58:38 +02:00
Alex Mueller
989ccb4f6d Implementiere responsive linke Sidebar-Navigation für alle 27 Kapitel und das Hauptportal 2026-08-29 15:54:05 +02:00
Alex Mueller
5045b74145 Next-Gen UI/UX Redesign: Neues Design-System, Live-Suche, 1-Klick Code-Kopieren und persistente Checklisten 2026-08-29 15:50:43 +02:00
Alex Mueller
c428db6a5c Didaktisches Upgrade: Interaktive Parsons-Puzzles, Traceback-Dolmetscher & offizielle Abschluss-Zertifikate 2026-08-29 15:40:09 +02:00
Alex Mueller
86532b15bb Implementiere persistente Gamification (Level 1-10, XP, 14 Badges, profil.py CLI & Web-HUD für lokale Offline-Nutzung) 2026-08-29 14:51:06 +02:00
Alex Mueller
cd8cf471bf Füge Kapitel 04b zum Umstieg von Thonny auf VS Code mit Plugins, Shortcuts und Test-Playground hinzu 2026-08-29 13:54:04 +02:00
Alex Mueller
fbaec82182 Erweitere Übungsreihe um detaillierte Erklärungen, Stolperfallen-Guides und modernes HTML-Lernportal 2026-08-29 12:53:24 +02:00