docs: add README and .gitignore
This commit is contained in:
+17
@@ -0,0 +1,17 @@
|
||||
# Agent ignored files
|
||||
temp*.txt
|
||||
scratch/
|
||||
.venv/
|
||||
venv/
|
||||
*.tmp
|
||||
*.log
|
||||
|
||||
# macOS
|
||||
.DS_Store
|
||||
|
||||
# Editor
|
||||
.vscode/
|
||||
|
||||
# Dependencies (just in case they get added later)
|
||||
node_modules/
|
||||
package-lock.json
|
||||
@@ -0,0 +1,44 @@
|
||||
# Schnappix-Web
|
||||
|
||||
Schnappix-Web ist die Landing-Page und Informationsseite für die Schnappix Photobooth App. Sie präsentiert die Features der App, beantwortet häufig gestellte Fragen (FAQ), bietet Kontakt- und Feedbackmöglichkeiten und stellt die rechtlichen Informationen (Impressum & Datenschutz) bereit.
|
||||
|
||||
## Features
|
||||
|
||||
- **Responsive Design**: Optimiert für alle Bildschirmgrößen (Desktop, Tablet, Mobile).
|
||||
- **Moderne UI/UX**: Neon-Synthwave Ästhetik passend zur Schnappix App, mit fließenden Übergängen (View Transition API) und Micro-Animations.
|
||||
- **Seiten**:
|
||||
- `index.html`: Startseite mit App-Vorstellung
|
||||
- `features.html`: Detaillierte Übersicht aller App-Funktionen
|
||||
- `faq.html`: Häufig gestellte Fragen und Antworten
|
||||
- `feedback.html`: Formular für Nutzerfeedback
|
||||
- `impressum.html` & `datenschutz.html`: Rechtliche Seiten
|
||||
|
||||
## Tech Stack
|
||||
|
||||
- **Struktur**: Vanilla HTML5
|
||||
- **Styling**: Vanilla CSS3 (`style.css`), CSS Custom Properties (Variablen), View Transitions
|
||||
- **Logik**: Vanilla JavaScript (`app.js`)
|
||||
- **Schriften**: Google Fonts (Outfit für Überschriften, Inter für Fließtext)
|
||||
|
||||
## Getting Started
|
||||
|
||||
Da es sich um ein reines Frontend-Projekt ohne Build-System oder Framework handelt, ist das Setup extrem einfach:
|
||||
|
||||
1. Repository klonen:
|
||||
```bash
|
||||
git clone <repository-url>
|
||||
cd Schnappix-Web
|
||||
```
|
||||
|
||||
2. Öffnen der Dateien:
|
||||
- Du kannst die `index.html` direkt in deinem Browser öffnen.
|
||||
- Für die beste Erfahrung empfiehlt sich ein lokaler Webserver (z. B. VS Code Extension "Live Server").
|
||||
|
||||
## Design Theme
|
||||
|
||||
Das Design greift die neon-synthwave Ästhetik der Haupt-App auf:
|
||||
|
||||
- **Hintergrund**: Tiefes Dunkelblau/Schwarz (`#050510`)
|
||||
- **Primärfarbe**: Neon Magenta (`#ff2bd6`)
|
||||
- **Akzentfarbe**: Neon Cyan (`#28dfff`)
|
||||
- **Effekte**: Neon-Schatten (`box-shadow`), Glassmorphismus-Elemente (`backdrop-filter`)
|
||||
Reference in New Issue
Block a user