feat(newsletter): add newsletters listing and detail pages

* Created a newsletters table and added insertion logic during newsletter send. * Added a /newsletters route to display a list of sent newsletters. * Implemented a /newsletter/<int:newsletter_id> route for detailed view. * Developed new templates with navigation, including unsubscribe links. * Enhanced front-end styling and layout for newsletter pages.
2025-02-18 20:07:30 -06:00
parent e3ae855a0b
commit db5d631b0d
6 changed files with 186 additions and 6 deletions
--- a/templates/newsletter_detail.html
+++ b/templates/newsletter_detail.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>RideAware - Newsletter Detail</title>
+  <link rel="stylesheet" href="/static/css/styles.css" />
+</head>
+<body>
+  <header>
+    <nav>
+        <a href="/">
+            <span>Ride</span><span style="color: #1e4e9c;">Aware</span>
+        </a>
+        <a href="/newsletters">Newsletters</a>
+    </nav>
+  </header>
+  
+  <main>
+    <div class="newsletter-detail">
+      <h1>{{ newsletter.subject }}</h1>
+      <p class="newsletter-time">Sent on: {{ newsletter.sent_at }}</p>
+      <div class="content">
+        {{ newsletter.body | safe }}
+      </div>
+      <a href="/newsletters" class="back-link">← Back to Newsletters</a>
+    </div>
+  </main>
+  
+  <footer class="fixed-footer">
+    <p>© 2025 RideAware. All rights reserved.</p>
+  </footer>
+  <script src="/static/js/main.js"></script>
+</body>
+</html>