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
faq.html
+119 -41
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 - Häufig gestellte Fragen (FAQ)</title>
<meta name="description" content="Antworten auf Fragen zum Kiosk-Modus, IPP-Drucker-Einrichtung, Fotorahmen-Konfiguration und Foto-Speicherung.">
<meta name="description"
content="Antworten auf Fragen zum Kiosk-Modus, IPP-Drucker-Einrichtung, Fotorahmen-Konfiguration und Foto-Speicherung.">
<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 -->
@@ -37,8 +42,10 @@
<!-- Page Title -->
<div style="padding: 140px 0 20px;">
<div class="container">
<h1 class="section-title" style="margin-bottom: 20px;">Häufig gestellte <span class="text-gradient">Fragen</span></h1>
<p style="text-align: center; color: var(--text-muted); max-width: 600px; margin: 0 auto 40px;">Alles Wissenswerte zur Einrichtung, Hardware-Kompatibilität und Anpassung der Photobooth App.</p>
<h1 class="section-title" style="margin-bottom: 20px;">Häufig gestellte <span
class="text-gradient">Fragen</span></h1>
<p style="text-align: center; color: var(--text-muted); max-width: 600px; margin: 0 auto 40px;">Alles
Wissenswerte zur Einrichtung, Hardware-Kompatibilität und Anpassung der Schnappix App.</p>
</div>
</div>
@@ -53,7 +60,10 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Die Benutzeroberfläche von Schnappix ist primär für die Nutzung auf <strong>Tablets</strong> optimiert. Tablets bieten den Gästen auf Events einen größeren Bildschirm als Vorschau-Spiegel und eine angenehmere Bedienung für den Sticker-Editor.</p>
<p>Die Benutzeroberfläche von Schnappix ist primär für die Nutzung auf <strong>Tablets</strong>
optimiert. Tablets bieten den Gästen auf Events einen größeren Bildschirm als
Vorschau-Spiegel und eine angenehmere Bedienung für den Sticker-Editor.
Allerdings funktioniert die App auch auf jedem Android Smartphone.</p>
</div>
</div>
@@ -63,7 +73,9 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Schnappix benötigt mindestens <strong>Android 10 (API Level 29)</strong>, um die volle Unterstützung für die moderne CameraX-API und das aktuelle Dateisystem (Scoped Storage) zu gewährleisten.</p>
<p>Schnappix benötigt mindestens <strong>Android 10 (API Level 29)</strong>, um die volle
Unterstützung für die moderne CameraX-API und das aktuelle Dateisystem (Scoped Storage) zu
gewährleisten.</p>
</div>
</div>
@@ -73,7 +85,8 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Nein, für das Aufnehmen von Fotos, die Speicherung auf dem Gerät und den lokalen Druck (z.B. über ein lokales WLAN) wird <strong>keine</strong> aktive Internetverbindung benötigt.</p>
<p>Nein, für das Aufnehmen von Fotos, die Speicherung auf dem Gerät und den lokalen Druck (z.B.
über ein lokales WLAN) wird <strong>keine</strong> aktive Internetverbindung benötigt.</p>
</div>
</div>
@@ -83,7 +96,15 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Ja, Schnappix unterstützt neben der eingebauten Tablet-Frontkamera auch externe USB-Kameras (UVC). Schließe einfach eine USB-Webcam an dein Tablet an, um für eine noch bessere Bildqualität zu sorgen.</p>
<p>Ja, Schnappix unterstützt neben der eingebauten Tablet-Frontkamera auch externe USB-Kameras
(UVC). Schließe einfach eine USB-Webcam an dein Tablet an, um für eine noch bessere
Bildqualität zu sorgen. Sollte dies nicht sofort funktionieren, probiere es mit einem
USB-C-Hub.
Wenn eine externe Kamera verbunden wird, muss der Schnappix App in den
Admineinstellungen die Frontkamera deaktiviert werden, damit die USB-Kamera funktioniert,
da dies im Hintergrund nicht automatisch geschieht.
<br>Wichtig: Die Foto-Qualität hängt von der verbundenen Kamera ab.
</p>
</div>
</div>
@@ -94,7 +115,12 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Die App ist für Serienbilder ausgelegt und nimmt automatisch 1 bis 5 Fotos hintereinander auf. Aus dieser Serie wird im Anschluss direkt eine fertige Collage zum Drucken oder Speichern generiert.</p>
<p>Die App ist für Serienbilder ausgelegt und nimmt automatisch 1 bis 5 Fotos hintereinander
auf. Aus dieser Serie wird im Anschluss direkt eine fertige Collage zum Drucken oder
Speichern generiert.
Wie viel Bilder aufgenommen werden sollen, kann in den Admineinstellungen voreingestellt
werden. In einer Serie kann immer nur die eingestellte Anzahl an Fotos aufgenommen werden.
</p>
</div>
</div>
@@ -104,7 +130,9 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Schnappix bietet einen integrierten Editor, mit dem die Gäste ihre Collagen vor dem Speichern oder Drucken verzieren können. Emojis, Datumsanzeigen und der Eventname können dabei wie auf Social Media frei auf dem Bildschirm verschoben, gedreht und skaliert werden.</p>
<p>Schnappix bietet einen integrierten Editor, mit dem die Gäste ihre Collagen vor dem Speichern
oder Drucken verzieren können. Emojis, Datumsanzeigen und der Eventname können dabei wie auf
Social Media frei auf dem Bildschirm verschoben, gedreht und skaliert werden.</p>
</div>
</div>
@@ -114,7 +142,22 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Erstelle ein transparentes PNG im Format <strong>1500 x 1000 px</strong> (3:2 Querformat, max. 500 KB) und lege es im Ordner <code>assets/frames/</code> als <code>frame_name.png</code> ab. Trage das Template anschließend in <code>src/data/frames.ts</code> ein und führe einen neuen Build aus.</p>
<p>Erstelle ein transparentes PNG im Format <strong>1500 x 1000 px</strong> (3:2 Querformat,
max. 5 MB)
<strong>Variante 1 - Für besondere Anlässe: </strong>Das erstelle Bild kann auf der Seite
unter Upload
an den Entwickler übermittelt werden. Dieser kann das Template dann in die App integrieren.
Wichtig hierbei ist, dass nicht alle Anfragen berücksichtigt werden können.
Außerdem werden alle Rahmen öffentlich für alle sichtbar sein, sobald sie in die App
integriert wurden.
Die Bildrechte der hochgeladenen Rahmen müssen frei von Rechten Dritter sein (z.B. selber
gemalt oder selbst erstellt).
Der Entwickler übernimmt keine Haftung für die Nutzung der hochgeladenen Rahmen.
<strong>Variante 2 - Nur für Entwickler: </strong>Lege das erstellte PNG im Ordner
<code>assets/frames/</code> als <code>frame_name.png</code> ab.
Trage das Template anschließend in <code>src/data/frames.ts</code> ein
und führe einen neuen Build aus.
</p>
</div>
</div>
@@ -124,7 +167,9 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Es werden alle Drucker unterstützt, die das <strong>IPP (Internet Printing Protocol)</strong> im lokalen Netzwerk unterstützen. Beliebte Fotodrucker wie der Canon CP1300 lassen sich direkt über ihre lokale IP-Adresse ansteuern.</p>
<p>Es werden alle Drucker unterstützt, die das <strong>IPP (Internet Printing Protocol)</strong>
im lokalen Netzwerk unterstützen. Beliebte Fotodrucker wie der Canon CP1300 lassen sich
direkt über ihre lokale IP-Adresse ansteuern.</p>
</div>
</div>
@@ -134,7 +179,10 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Ja, die App lässt sich auch <strong>komplett digital</strong> nutzen! Lässt du im Admin-Bereich das Feld für die Drucker-IP-Adresse leer, schaltet die App automatisch in einen digitalen Modus um und alle Druck-Buttons in der Benutzeroberfläche werden für die Gäste ausgeblendet. Die Fotos werden dann rein lokal auf dem Gerät gespeichert.</p>
<p>Ja, die App lässt sich auch <strong>komplett digital</strong> nutzen! Lässt du im
Admin-Bereich das Feld für die Drucker-IP-Adresse leer, schaltet die App automatisch in
einen digitalen Modus um und alle Druck-Buttons in der Benutzeroberfläche werden für die
Gäste ausgeblendet. Die Fotos werden dann rein lokal auf dem Gerät gespeichert.</p>
</div>
</div>
@@ -145,7 +193,12 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>In Schnappix gibt es keine komplizierte Account- oder Event-Verwaltung. Öffne einfach den versteckten Admin-Bereich in der App und trage dort unter "Event-Name" den Titel deiner Veranstaltung ein (z. B. "Hochzeit Anna & Paul"). Ab diesem Moment werden alle Fotos und Collagen automatisch unter diesem Namen verknüpft und gespeichert.</p>
<p>In Schnappix gibt es keine komplizierte Account- oder Event-Verwaltung. Öffne einfach den
versteckten Admin-Bereich in der App und trage dort unter "Event-Name" den Titel deiner
Veranstaltung ein (z. B. "Hochzeit Anna & Paul"). Ab diesem Moment werden alle Fotos und
Collagen automatisch unter diesem Namen verknüpft und gespeichert.
Bei Neuinstallation der App wird automatisch nach dem Event gefragt, welcher in der
Admin-Übersicht /p>
</div>
</div>
@@ -155,7 +208,10 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Ja, du kannst den Namen im Admin-Bereich jederzeit ändern. Beachte aber: Diese Namensänderung gilt nur für zukünftige Aufnahmen. Bereits gespeicherte Fotos verbleiben in der Galerie-Ordnerstruktur unter dem alten Event-Namen, damit deine bisherigen Dateien nicht durcheinandergeraten.</p>
<p>Ja, du kannst den Namen im Admin-Bereich jederzeit ändern. Beachte aber: Diese Namensänderung
gilt nur für zukünftige Aufnahmen. Bereits gespeicherte Fotos verbleiben in der
Galerie-Ordnerstruktur unter dem alten Event-Namen, damit deine bisherigen Dateien nicht
durcheinandergeraten.</p>
</div>
</div>
@@ -165,7 +221,8 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Schnappix nutzt die moderne Android MediaStore API und speichert Collagen sowie Originale direkt in der Galerie deines Tablets unter den Ordnern:</p>
<p>Schnappix nutzt die moderne Android MediaStore API und speichert Collagen sowie Originale
direkt in der Galerie deines Tablets unter den Ordnern:</p>
<ul>
<li><code>Schnappix - &lt;EventName&gt; - Collagen</code></li>
<li><code>Schnappix - &lt;EventName&gt; - Originale</code></li>
@@ -179,7 +236,9 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Ja, alle aufgenommenen Originalfotos und die fertigen Collagen werden automatisch und lokal in der Standard-Galerie-App deines Tablets (unter dem jeweiligen Event-Namen) abgespeichert und können jederzeit eingesehen oder exportiert werden.</p>
<p>Ja, alle aufgenommenen Originalfotos und die fertigen Collagen werden automatisch und lokal
in der Standard-Galerie-App deines Gerätes (unter dem jeweiligen Event-Namen) abgespeichert
und können jederzeit eingesehen oder exportiert werden.</p>
</div>
</div>
@@ -190,9 +249,12 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Damit der Kiosk-Modus (LockTask) ohne Bestätigungsdialoge funktioniert, muss die App als <strong>Device Owner</strong> festgelegt werden. Führe dazu folgenden ADB-Befehl aus:</p>
<p>Damit der Kiosk-Modus (LockTask) ohne Bestätigungsdialoge funktioniert, muss die App als
<strong>Device Owner</strong> festgelegt werden. Führe dazu folgenden ADB-Befehl aus:
</p>
<code>adb shell dpm set-device-owner de.orfel.schnappix/de.orfel.schnappix.KioskDeviceAdminReceiver</code>
<p>Danach kannst du den Kiosk-Modus einfach im passwortgeschützten Admin-Bereich ein- und ausschalten.</p>
<p>Danach kannst du den Kiosk-Modus einfach im passwortgeschützten Admin-Bereich ein- und
ausschalten.</p>
</div>
</div>
@@ -202,7 +264,9 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Da Schnappix für den sicheren Betrieb auf Events entwickelt wurde, sperrt der Kiosk-Modus das Tablet zuverlässig ab. Gäste können die App nicht beenden. Das Verlassen ist nur durch die Eingabe deines sicheren Passworts im versteckten Admin-Bereich möglich.</p>
<p>Da Schnappix für den sicheren Betrieb auf Events entwickelt wurde, sperrt der Kiosk-Modus das
Tablet zuverlässig ab. Gäste können die App nicht beenden. Das Verlassen ist nur durch die
Eingabe deines sicheren Passworts im versteckten Admin-Bereich möglich.</p>
</div>
</div>
@@ -212,7 +276,11 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Auch die eigentliche Schnappix-App auf dem Tablet verfügt über einen versteckten Admin-Bereich. Dieser ist durch ein Passwort geschützt und ermöglicht es dir, grundlegende Parameter wie Event-Namen, Drucker-IP-Adressen oder Fotorahmen einzustellen und den Kiosk-Modus zu steuern.</p>
<p>Die eigentliche Schnappix-App verfügt über einen versteckten Admin-Bereich.
Dieser ist durch ein Passwort (Standardmäßig: 1234) geschützt und ermöglicht es dir,
grundlegende
Parameter wie Event-Namen, Drucker-IP-Adressen oder Fotorahmen einzustellen und den
Kiosk-Modus zu steuern.</p>
</div>
</div>
@@ -222,27 +290,33 @@
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Der passwortgeschützte Admin-Bereich der Tablet-App steuert das gesamte Verhalten der Fotobox. Folgende Felder und Schalter stehen dir zur Verfügung:</p>
<p>Der passwortgeschützte Admin-Bereich der App steuert das gesamte Verhalten der
Fotobox. Folgende Felder und Schalter stehen dir zur Verfügung:</p>
<ul>
<li style="margin-bottom: 8px;"><strong>Event-Name:</strong> Der Titel der Veranstaltung. Dieser wird für die Datei-Ordnerstruktur genutzt und steht den Gästen als Sticker zur Verfügung.</li>
<li style="margin-bottom: 8px;"><strong>Admin-Passwort:</strong> Erlaubt dir, das Passwort (siehe <code>.env</code> Datei) für diesen Bereich zu ändern, damit Gäste sich keinen Zugriff verschaffen können.</li>
<li style="margin-bottom: 8px;"><strong>Kiosk-Modus (LockTask):</strong> Ein Schalter, der das Tablet sicher sperrt. Ist er aktiviert, gibt es keinen Zurück- oder Home-Button mehr. Die App lässt sich erst nach Eingabe des Passworts wieder verlassen.</li>
<li style="margin-bottom: 8px;"><strong>Drucker-IP-Adresse:</strong> Trage hier die lokale WLAN-Adresse (IPv4) deines Fotodruckers ein. Lässt du das Feld leer, schaltet die App in einen rein digitalen Modus und versteckt alle Druck-Buttons.</li>
<li style="margin-bottom: 8px;"><strong>Fotorahmen / Template:</strong> Hier kannst du festlegen, welche PNG-Datei aus dem Assets-Ordner als Überlagerung für die Collagen genutzt werden soll.</li>
<li style="margin-bottom: 8px;"><strong>Log-Funktion:</strong> Ein Diagnose-Tool, das im Hintergrund Ereignisse und potenzielle Abstürze protokolliert und Fehlerberichte automatisch an die Entwickler sendet. Das hilft uns enorm dabei, Schnappix kontinuierlich zu verbessern. Falls du das Senden von Fehlern nicht möchtest, kannst du die Log-Funktion hier jederzeit deaktivieren.</li>
<li style="margin-bottom: 8px;"><strong>Event-Name:</strong> Der Titel der Veranstaltung.
Dieser wird für die Datei-Ordnerstruktur genutzt und steht den Gästen als Sticker zur
Verfügung.</li>
<li style="margin-bottom: 8px;"><strong>Admin-Passwort:</strong> Erlaubt dir, das Passwort
für diesen Bereich zu ändern, damit Gäste sich keinen Zugriff verschaffen können.
Standardmäßig ist das Passwort: 1234.
Bei Vergessen ist ein Rücksetzen nur durch Neuinstallation der App möglich.</li>
<li style="margin-bottom: 8px;"><strong>Kiosk-Modus (LockTask):</strong> Ein Schalter, der
das Tablet sicher sperrt. Ist er aktiviert, gibt es keinen Zurück- oder Home-Button
mehr. Die App lässt sich erst nach Eingabe des Passworts wieder verlassen.</li>
<li style="margin-bottom: 8px;"><strong>Drucker-IP-Adresse:</strong> Trage hier die lokale
WLAN-Adresse (IPv4) deines Fotodruckers ein. Lässt du das Feld leer, schaltet die App in
einen rein digitalen Modus und versteckt alle Druck-Buttons.</li>
<li style="margin-bottom: 8px;"><strong>Fotorahmen / Template:</strong> Hier kannst du
festlegen, welche PNG-Datei aus dem Assets-Ordner als Überlagerung für die Collagen
genutzt werden soll.</li>
<li style="margin-bottom: 8px;"><strong>Log-Funktion:</strong> Ein Diagnose-Tool, das im
Hintergrund Ereignisse und potenzielle Abstürze protokolliert und Fehlerberichte
automatisch an die Entwickler sendet. Das hilft uns enorm dabei, Schnappix
kontinuierlich zu verbessern. Falls du das Senden von Fehlern nicht möchtest, kannst du
die Log-Funktion hier jederzeit deaktivieren.</li>
</ul>
</div>
</div>
<div class="accordion-item">
<button class="accordion-header">
<span>Wofür ist der "Admin"-Bereich auf dieser Website?</span>
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="accordion-content">
<p>Der "Admin"-Button oben in der Navigation dieser Website ist speziell für die Moderation des <strong>Feedback Hubs</strong> gedacht. Mit dem Admin-Passwort (hinterlegt in der <code>.env</code> Datei) können Administratoren auf Feedback-Einträge von Nutzern offiziell antworten, unangemessene Einträge löschen oder die gesamte Liste als Code exportieren.</p>
</div>
</div>
</div>
</div>
</section>
@@ -268,7 +342,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>
@@ -285,7 +361,8 @@
<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;">
<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>
<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>
@@ -293,4 +370,5 @@
<script src="app.js"></script>
</body>
</html>
</html>
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>