Code formatting cleanup and addition of visual assets (logo, background)

public/index.html

@@ -5,8 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Quizalarm</title>
-    <link rel="icon"
-        href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚨</text></svg>">
+    <link rel="icon" href="/img/logo.png">
     <script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
@@ -14,9 +13,8 @@
     <style>
         body {
             font-family: system-ui, -apple-system, sans-serif;
-            background: #111111;
-            background-image: radial-gradient(ellipse at 20% 50%, rgba(220, 38, 38, 0.08) 0%, transparent 50%),
-                radial-gradient(ellipse at 80% 50%, rgba(245, 158, 11, 0.06) 0%, transparent 50%);
+            background: #111111 url('/img/bg.png') center/cover fixed;
+
         }
 
         .answer-a {

public/js/admin.js

@@ -35,7 +35,7 @@ function LoginPage({ onLogin }) {
     return (
         <div className="min-h-screen flex items-center justify-center bg-stone-100">
             <div className="bg-white rounded-2xl shadow-lg p-8 w-full max-w-sm border-t-4 border-red-600">
-                <div className="text-center text-4xl mb-2">🚨</div>
+                <img src="/img/logo.png" alt="Quizalarm" className="w-24 h-24 mb-2" />
                 <h1 className="text-2xl font-bold mb-6 text-center">Quizalarm Admin</h1>
                 <input type="password" className="w-full p-3 border rounded-lg mb-3 text-center focus:border-red-500 outline-none" placeholder="Passwort" value={pw} onChange={(e) => setPw(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && submit()} autoFocus />
                 {err && <p className="text-red-500 text-sm mb-3 text-center">{err}</p>}

public/js/app.js

@@ -123,7 +123,7 @@ function AnswerGrid({ question, selected, onToggle, disabled }) {
 function HomePage({ navigate }) {
     return (
         <div className="min-h-screen flex flex-col items-center justify-center p-6">
-            <div className="text-6xl mb-2">🚨</div>
+            <img src="/img/logo.png" alt="Quizalarm" className="w-24 h-24 mb-2" />
             <h1 className="text-5xl font-extrabold mb-2 fire-gradient">Quizalarm</h1>
             <p className="text-gray-400 mb-10 text-lg">Lernen. Quizzen. Wissen.</p>
             <div className="w-full max-w-sm space-y-4">

public/js/present.js

@@ -106,7 +106,7 @@ function PresentApp() {
     if (phase === 'need-config') {
         return (
             <div className="min-h-screen flex flex-col items-center justify-center p-8">
-                <div className="text-6xl mb-4">🚨</div>
+                <img src="/img/logo.png" alt="Quizalarm" className="w-24 h-24 mb-2" />
                 <h1 className="text-3xl font-bold mb-4 fire-gradient">Quizalarm — Präsentation</h1>
                 <p className="text-gray-400 mb-4 text-center">Öffne diesen Link aus dem Admin-Panel.<br />Die URL muss <code className="bg-gray-800 px-2 py-1 rounded">?token=PASSWORT#CODE</code> enthalten.</p>
             </div>
@@ -124,7 +124,7 @@ function PresentApp() {
 
     if (phase === 'waiting') return (
         <div className="min-h-screen flex flex-col items-center justify-center p-8">
-            <div className="text-6xl mb-4">🚨</div>
+            <img src="/img/logo.png" alt="Quizalarm" className="w-24 h-24 mb-2" />
             <h1 className="text-4xl font-extrabold mb-4 fire-gradient">Quizalarm</h1>
             <p className="text-gray-400 text-xl mb-6">{session?.setName}</p>
             <div className="text-8xl font-mono font-extrabold tracking-widest text-red-500 mb-8">{session?.code}</div>

public/present.html

@@ -14,9 +14,8 @@
     <style>
         body {
             font-family: system-ui, -apple-system, sans-serif;
-            background: #111111;
-            background-image: radial-gradient(ellipse at 20% 50%, rgba(220, 38, 38, 0.08) 0%, transparent 50%),
-                radial-gradient(ellipse at 80% 50%, rgba(245, 158, 11, 0.06) 0%, transparent 50%);
+            background: #111111 url('/img/bg.png') center/cover fixed;
+
         }
 
         .answer-a {