Templates adjustments

templates/404.html

@@ -1,6 +1,7 @@
 {% extends "base.html" %}
-{% block title %}Not Found{% endblock %}
+{% block title %}404{% endblock %}
 {% block content %}
+    <div class="flex-1 flex items-center justify-center">
         <div class="max-w-4xl mx-auto text-center">
             <div class="mb-8">
                 <h1 class="text-4xl font-semibold text-gray-700 mb-4">404</h1>
@@ -32,4 +33,5 @@
                 </div>
             </div>
         </div>
+    </div>
 {% endblock %}

templates/base.html

@@ -6,7 +6,8 @@
     <meta name="keywords" content="newsletter, rust, axum, htmx" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>
-      {% block title %}zero2prod{% endblock %}
+      {% block title %}{% endblock %}
+      - zero2prod
     </title>
     <link href="/assets/css/main.css" rel="stylesheet" />
     <script src="/assets/js/htmx.min.js"></script>
@@ -36,10 +37,10 @@
       </div>
     </header>
     <div class="flex flex-1">
-      <main class="flex-1 lg:ml-0">
+      <main class="flex-1 lg:ml-0 flex flex-col py-8 px-4 sm:px-6 lg:px-8">
-        <div class="py-8 px-4 sm:px-6 lg:px-8">
+        <!-- <div class="flex-1 flex-col py-8 px-4 sm:px-6 lg:px-8"> -->
         {% block content %}{% endblock %}
-        </div>
+        <!-- </div> -->
       </main>
     </div>
     <footer class="bg-white border-t border-gray-200 mt-auto">

templates/confirm.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}zero2prod{% endblock %}
 {% block content %}
-  <div class="min-h-[60vh] flex items-center justify-center">
+  <div class="flex-1 flex items-center justify-center">
     <div class="max-w-md w-full space-y-8">
       <div class="text-center">
         <div class="mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-6">
@@ -13,10 +13,7 @@
           </svg>
         </div>
         <h1 class="text-3xl font-bold text-gray-900 mb-4">Subscription confirmed</h1>
-        <p class="text-lg text-gray-600 mb-8">
+        <p class="text-lg text-gray-600 mb-8">Your email has been confirmed! You're all set to receive the latest updates.</p>
-          Your email has been confirmed! You're all set to receive our newsletter
-          updates.
-        </p>
       </div>
       <div class="text-center">
         <a href="/"

templates/dashboard.html

@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% block title %}Dashboard - zero2prod{% endblock %}
+{% block title %}Dashboard{% endblock %}
 {% block content %}
     <div class="max-w-6xl mx-auto">
         <div class="mb-8">
@@ -21,9 +21,6 @@
                 <div class="flex items-center">
                     <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center">
                         <svg class="w-6 h-6 text-blue-600"
-                             xmlns="http://www.w3.org/2000/svg"
-                             width="24"
-                             height="24"
                              viewBox="0 0 24 24"
                              fill="none"
                              stroke="currentColor"

templates/home.html

@@ -1,6 +1,7 @@
 {% extends "base.html" %}
-{% block title %}Home - zero2prod{% endblock %}
+{% block title %}Home{% endblock %}
 {% block content %}
+  <div class="flex-1 flex items-center justify-center">
     <div class="max-w-4xl mx-auto">
       <div class="bg-gradient-to-r from-blue-600 to-indigo-700 rounded-lg shadow-lg text-white p-8 mb-8">
         <div class="max-w-3xl">
@@ -22,22 +23,7 @@
           </div>
         </div>
       </div>
-    <div class="grid md:grid-cols-3 gap-6 mb-8">
+      <div class="grid md:grid-cols-2 gap-6 mb-8">
-      <div class="bg-white rounded-lg shadow-md p-6 border border-gray-200">
-        <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
-          <svg class="w-6 h-6 text-blue-600"
-               fill="none"
-               viewBox="0 0 24 24"
-               stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
-          </svg>
-        </div>
-        <h3 class="text-lg font-semibold text-gray-900 mb-2">Idempotent</h3>
-        <p class="text-gray-600 text-sm">
-          Smart duplicate prevention ensures you'll never receive the same email
-          twice.
-        </p>
-      </div>
         <div class="bg-white rounded-lg shadow-md p-6 border border-gray-200">
           <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
             <svg class="w-6 h-6 text-green-600"
@@ -93,28 +79,6 @@
           </form>
         </div>
       </div>
-    <div class="mt-8 bg-gray-50 rounded-lg p-6">
-      <h3 class="text-lg font-semibold text-gray-900 mb-4 text-center">Stats</h3>
-      <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-center">
-        <div>
-          <div class="text-2xl font-bold text-blue-600" id="subscriber-count">2</div>
-          <div class="text-sm text-gray-600">subscribers</div>
-        </div>
-        <div>
-          <div>
-            <div class="text-2xl font-bold text-orange-600">23</div>
-            <div class="text-sm text-gray-600">emails sent</div>
-          </div>
-        </div>
-        <div>
-          <div class="text-2xl font-bold text-green-600">0</div>
-          <div class="text-sm text-gray-600">email opened</div>
-        </div>
-        <div>
-          <div class="text-2xl font-bold text-purple-600">3</div>
-          <div class="text-sm text-gray-600">issues delivered</div>
-        </div>
-      </div>
     </div>
   </div>
 {% endblock %}

templates/post.html

@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% block title %}{{ post.title }} - zero2prod{% endblock %}
+{% block title %}{{ post.title }}{% endblock %}
 {% block content %}
     <div class="max-w-4xl mx-auto">
         <article class="bg-white rounded-lg shadow-md border border-gray-200">
@@ -36,7 +36,7 @@
                 <div class="prose prose-lg prose-blue max-w-none">{{ post.content | safe }}</div>
             </div>
         </article>
-        <div class="mt-12 bg-gradient-to-r from-blue-600 to-indigo-700 rounded-lg shadow-lg text-white p-8 text-center">
+        <div class="mt-8 bg-gradient-to-r from-blue-600 to-indigo-700 rounded-lg shadow-lg text-white p-8 text-center">
             <h3 class="text-2xl font-bold mb-2">Enjoyed this post?</h3>
             <p class="text-blue-100 mb-4">Subscribe to my newsletter for more insights on Rust backend development.</p>
             <a href="/#newsletter-signup"

templates/posts.html

@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% block title %}Posts - zero2prod{% endblock %}
+{% block title %}Posts{% endblock %}
 {% block content %}
     <div class="max-w-4xl mx-auto">
         <div class="mb-8">