ABGABE.md

Abgabe-Anleitung — Onepager NASCH e.V

Kurz: So testest du die Onepager-Website lokal und bereitest die Abgabe vor.

Voraussetzungen

• Windows mit installiertem Python 3 (alternativ: lokaler Webserver wie XAMPP)
• Projektordner: c:\xampp\htdocs\Onepager-NASCH

Lokalen Test starten (Python HTTP-Server)

Öffne eine PowerShell im Projektordner und führe aus:

cd C:\xampp\htdocs\Onepager-NASCH
python -m http.server 8000

Dann im Browser aufrufen: http://localhost:8000

Demo-Zugang (Mitgliedschaft)

• Benutzername: Mitglied
• Passwort: lecker

Nach erfolgreichem Login erscheinen Mitglieder-Inhalte und exklusive Downloads werden freigegeben.

Wichtigste Dateien (geänderte/erstellte)

• index.html — Onepager-Hauptseite (Inhalte, Downloads, Login-Modal, Media Gallery)
• css/style.css — Styles (Webfonts eingebunden, :root Variablen, Header/Card Styling)
• js/main.js — Login-Flow, mobile Nav, Modal-Fokus, Registrierungsspeicherung
• ABGABE.md — diese Anleitung

Schnelles Verpacken (Zip) via PowerShell

cd C:\xampp\htdocs\Onepager-NASCH
Compress-Archive -Path . -DestinationPath ..\Onepager-NASCH-abgabe.zip -Force

Accessibility & Tests (Kurzcheck)

• Skip-Link oben benutzen (Tastatur: Tab, Shift+Tab)
• Modal: mit Tab in die Felder, Escape schließt Modal, Fokus kehrt zum Login-Button zurück
• Screenreader-Hinweis: Fehler im Login haben role="alert" und werden angesagt
• Exklusive Downloads sind vor Login deaktiviert (disabled) und werden nach Login aktiviert

Offene Punkte (optional)

• Pixel-genaues Feintuning des CSS an Figma-Export
• Vollständige Accessibility-Audit mit Axe/Pa11y
• Serverseitige Speicherung der Registrierungsdaten (derzeit lokal in localStorage)