Added centralized templating system with static asset serving.

2026-02-27 10:05:52 -05:00
parent 4e2c8b4d67
commit 410c0cd791
14 changed files with 238 additions and 152 deletions
@@ -1,40 +1,29 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Quotes</title>
-<style>
-body { font-family: sans-serif; margin: 2rem; }
-table { border-collapse: collapse; width: 100%; }
-th, td { border: 1px solid #ccc; padding: 0.5rem 0.75rem; text-align: left; }
-th { background: #f5f5f5; }
-td:first-child, th:first-child { text-align: center; }
-</style>
-</head>
-<body>
-<h1>Quotes</h1>
+{% extends "base.html" %}
+{% block title %}Quotes{% endblock %}
+{% block content %}
+<h1 class="mb-3">Quotes</h1>
 {% if quotes %}
-<table>
-<thead><tr>
-<th>#</th>
-<th>Quote</th>
-<th>Added By</th>
-<th>Date Added</th>
-</tr></thead>
-<tbody>
-{% for quote in quotes %}
-<tr>
-<td>{{ quote.id }}</td>
-<td>{{ quote.text }}</td>
-<td>{{ quote.added_by }}</td>
-<td>{{ quote.date }}</td>
-</tr>
-{% endfor %}
-</tbody>
+<table class="table table-bordered table-striped">
+    <thead>
+        <tr>
+            <th class="text-center">#</th>
+            <th>Quote</th>
+            <th>Added By</th>
+            <th>Date Added</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for quote in quotes %}
+        <tr>
+            <td class="text-center">{{ quote.id }}</td>
+            <td>{{ quote.text }}</td>
+            <td>{{ quote.added_by }}</td>
+            <td>{{ quote.date }}</td>
+        </tr>
+        {% endfor %}
+    </tbody>
 </table>
 {% else %}
 <p>No quotes have been added yet.</p>
 {% endif %}
-</body>
-</html>
+{% endblock %}