navlinks on the way...

ombhojane · Feb 14, 2024 · efb7f14 · efb7f14
1 parent 4475a90
commit efb7f14
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/templates/generate.html b/templates/generate.html
@@ -19,17 +19,19 @@
 
   </head>
   <body class="bg-gray-50 text-gray-800">
-    <nav class="flex justify-between items-center py-6">
-      <a href="#" class="text-2xl font-bold text-gray-800">Chalo Kisaan</a>
-      <div class="menu-toggle" onclick="toggleMenu()">
-        <i class="fas fa-bars fa-2x"></i>
-      </div>
-      <div class="nav-links hidden md:flex">
-        <a href="/predict" class="text-gray-600 mx-2">Start Planning</a>
-        <a href="/generate" class="text-gray-600 mx-2">Generate</a>
-        <a href="#" class="text-blue-600 mx-2">How it works?</a>
-      </div>
-    </nav>
+    <div class="container mx-auto px-4">
+      <nav class="flex justify-between items-center py-6">
+        <a href="#" class="text-2xl font-bold text-gray-800">Chalo Kisaan</a>
+        <div class="menu-toggle" onclick="toggleMenu()">
+          <i class="fas fa-bars fa-2x"></i>
+        </div>
+        <div class="nav-links hidden md:flex">
+          <a href="/predict" class="text-gray-600 mx-2">Start Planning</a>
+          <a href="/visualize" class="text-gray-600 mx-2">Visualize</a>
+          <a href="/generate" class="text-gray-600 mx-2">Generate</a>
+          <a href="/docs" class="text-blue-600 mx-2">How it works?</a>
+        </div>
+      </nav>
 
     <div class="container mx-auto px-4 py-8">
       <h2 class="text-xl font-bold text-green-600">
@@ -168,6 +170,7 @@ <h4 class="font-bold text-green-600">
 
       {% endif %}
     </div>
+    </div>
     <script>
       function toggleMenu() {
         var navigation = document.querySelector(".nav-links");

diff --git a/templates/predict.html b/templates/predict.html
@@ -24,8 +24,9 @@
   </div>
   <div class="nav-links hidden md:flex">
     <a href="/predict" class="text-gray-600 mx-2">Start Planning</a>
+    <a href="/visualize" class="text-gray-600 mx-2">Visualize</a>
     <a href="/generate" class="text-gray-600 mx-2">Generate</a>
-    <a href="#" class="text-blue-600 mx-2">How it works?</a>
+    <a href="/docs" class="text-blue-600 mx-2">How it works?</a>
   </div>
 </nav>