Jannik/Schnappix-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-Commit: 2026-07-09 22:51:36

Browse Source
This commit is contained in:
Jannik
2026-07-09 22:51:36 +02:00
parent b13dd60788
commit e89ad74121
2 changed files with 144 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+25 -9
View File
@@ -1,17 +1,22 @@
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" type="image/png" href="favicon.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Schnappix - Die ultimative Photobooth App</title>
<meta name="description" content="Schnappix ist eine Tablet-optimierte Photobooth-App mit Kiosk-Modus, Direktdruck, Filtern, Stickern und anpassbaren Rahmen für dein perfektes Event.">
<meta name="description"
content="Schnappix ist eine Tablet-optimierte Photobooth-App mit Kiosk-Modus, Direktdruck, Filtern, Stickern und anpassbaren Rahmen für dein perfektes Event.">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;700;800&display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<!-- Header Navigation -->
@@ -39,9 +44,11 @@
<div class="hero-bg-glow"></div>
<div class="container hero-container">
<div class="hero-content">
<div class="badge">🚀 Version 23.01.X</div>
<div class="badge">🚀 Version 23.01.17</div>
<h1>Erstelle unvergessliche Momente mit <span class="text-gradient">Schnappix</span></h1>
<p class="hero-lead">Die professionelle, Tablet-optimierte Photobooth-App für dein Event. Kiosk-Modus, Direktdruck, kreative Sticker und maßgeschneiderte Rahmen vereint in einem atemberaubenden Synthwave-Design.</p>
<p class="hero-lead">Die professionelle, Tablet-optimierte Photobooth-App für dein Event. Kiosk-Modus,
Direktdruck, kreative Sticker und maßgeschneiderte Rahmen vereint in einem atemberaubenden
Synthwave-Design.</p>
<div class="hero-actions">
<a href="features.html" class="btn btn-primary">Features entdecken</a>
<a href="feedback.html" class="btn btn-secondary">Feedback abgeben</a>
@@ -91,7 +98,9 @@
</div>
</div>
<div style="display: flex; justify-content: center; gap: 8px; margin-bottom: 5px;">
<button class="btn btn-secondary" id="demo-btn-reset" style="padding: 6px 12px; font-size: 11px; border-radius: 6px;"><i class="fa-solid fa-rotate-left"></i> Neues Foto aufnehmen</button>
<button class="btn btn-secondary" id="demo-btn-reset"
style="padding: 6px 12px; font-size: 11px; border-radius: 6px;"><i
class="fa-solid fa-rotate-left"></i> Neues Foto aufnehmen</button>
</div>
</div>
</div>
@@ -122,7 +131,9 @@
<label for="admin-password">Admin Passwort</label>
<input type="password" id="admin-password" placeholder="Passwort eingeben" required>
</div>
<div id="admin-login-error" style="color: #ff4466; font-size: 14px; margin-bottom: 15px; display: none;">Falsches Passwort!</div>
<div id="admin-login-error"
style="color: #ff4466; font-size: 14px; margin-bottom: 15px; display: none;">Falsches Passwort!
</div>
<button type="submit" class="btn btn-primary btn-block">Anmelden</button>
</form>
</div>
@@ -140,8 +151,12 @@
<button id="admin-export-btn" class="btn btn-primary">Einträge-Code exportieren</button>
</div>
<div id="export-container" style="display: none; margin-top: 20px;">
<label style="color: var(--text-muted); font-size: 13px; display: block; margin-bottom: 8px;">Kopiere diesen Code und ersetze damit den <code>defaultFeedback</code> Block in <code>app.js</code>, um Änderungen dauerhaft für alle Besucher zu speichern:</label>
<textarea id="export-textarea" rows="6" readonly style="width: 100%; font-family: monospace; font-size: 12px; background: rgba(5,5,16,0.8); border: 1px solid var(--border-color); color: var(--accent-color); padding: 10px; border-radius: 8px;"></textarea>
<label
style="color: var(--text-muted); font-size: 13px; display: block; margin-bottom: 8px;">Kopiere
diesen Code und ersetze damit den <code>defaultFeedback</code> Block in <code>app.js</code>, um
Änderungen dauerhaft für alle Besucher zu speichern:</label>
<textarea id="export-textarea" rows="6" readonly
style="width: 100%; font-family: monospace; font-size: 12px; background: rgba(5,5,16,0.8); border: 1px solid var(--border-color); color: var(--accent-color); padding: 10px; border-radius: 8px;"></textarea>
</div>
</div>
</div>
@@ -149,4 +164,5 @@
<script src="app.js"></script>
</body>
</html>
</html>