update

2025-11-10 19:13:33 +01:00
commit ac5738c29d
64 changed files with 9445 additions and 0 deletions
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Munich News Daily - Your Daily Dose of Munich News</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <header class="hero">
+            <div class="hero-content">
+                <h1>📰 Munich News Daily</h1>
+                <p class="tagline">Get the latest Munich news delivered to your inbox every morning</p>
+                <p class="description">Stay informed about what's happening in Munich with our curated daily newsletter. No fluff, just the news that matters.</p>
+                
+                <div class="subscription-form" id="subscriptionForm">
+                    <input 
+                        type="email" 
+                        id="emailInput" 
+                        placeholder="Enter your email address" 
+                        required
+                    >
+                    <button id="subscribeBtn" onclick="subscribe()">Subscribe Free</button>
+                    <p class="form-message" id="formMessage"></p>
+                </div>
+                
+                <div class="stats">
+                    <div class="stat-item">
+                        <span class="stat-number" id="subscriberCount">-</span>
+                        <span class="stat-label">Subscribers</span>
+                    </div>
+                </div>
+            </div>
+        </header>
+
+        <section class="news-section">
+            <h2>Latest Munich News</h2>
+            <div class="news-grid" id="newsGrid">
+                <div class="loading">Loading news...</div>
+            </div>
+        </section>
+
+        <footer>
+            <p>&copy; 2024 Munich News Daily. Made with ❤️ for Munich.</p>
+            <p><a href="#" onclick="showUnsubscribe()">Unsubscribe</a></p>
+        </footer>
+    </div>
+
+    <!-- Unsubscribe Modal -->
+    <div class="modal" id="unsubscribeModal">
+        <div class="modal-content">
+            <span class="close" onclick="closeUnsubscribe()">&times;</span>
+            <h2>Unsubscribe</h2>
+            <p>Enter your email to unsubscribe from Munich News Daily:</p>
+            <input type="email" id="unsubscribeEmail" placeholder="Enter your email">
+            <button onclick="unsubscribe()">Unsubscribe</button>
+            <p class="form-message" id="unsubscribeMessage"></p>
+        </div>
+    </div>
+
+    <script src="app.js"></script>
+</body>
+</html>
+