Posts dedicated page with cards linking to specific post

templates/base.html

@@ -15,13 +15,16 @@
     <header class="bg-white shadow-sm border-b border-gray-200 top-0 z-40">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="flex justify-between items-center h-16">
-          <div class="flex-shrink-0">
-            <a href="/" class="hover:opacity-80 transition-opacity">
-              <h1 class="text-xl font-bold text-gray-900">
-                <span class="text-blue-600">zero2prod</span>
-              </h1>
+          <nav class="flex items-center space-x-2">
+            <a href="/"
+               class="flex items-center text-gray-700 hover:text-blue-600 hover:bg-blue-50 px-3 py-2 rounded-md text-sm font-medium transition-colors">
+              Home
             </a>
-          </div>
+            <a href="/posts"
+               class="flex items-center text-gray-700 hover:text-blue-600 hover:bg-blue-50 px-3 py-2 rounded-md text-sm font-medium transition-colors">
+              Posts
+            </a>
+          </nav>
           <nav>
             <a href="/admin/dashboard"
                hx-boost="true"
@@ -47,7 +50,7 @@
               <a href="https://gitea.alphonsepaix.xyz/alphonse/zero2prod"
                  target="_blank"
                  class="text-sm text-gray-500 hover:text-gray-900 transition-colors flex items-center">
-                Code repository
+                Gitea
                 <svg class="ml-1 h-3 w-3"
                      fill="none"
                      viewBox="0 0 24 24"