Fix minor bugs

Groverio · Oct 19, 2024 · 91f9dbd · 91f9dbd
1 parent ba7647e
commit 91f9dbd
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/Todo.html b/Todo.html
@@ -114,4 +114,4 @@ <h2 class="text-2xl font-semibold mb-4">Export Tasks</h2>
     <script src="darkMode.js"></script>
     <script src="script.js"></script>
   </body>
-</html>
+</html>
diff --git a/index.html b/index.html
@@ -17,19 +17,22 @@
   </head>
   <body class="bg-gradient-to-br from-purple-600 via-indigo-600 to-blue-500 text-white min-h-screen flex flex-col transition-colors duration-300">
     <!-- Navbar -->
-    <nav class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg">
-      <div class="container mx-auto px-6 py-3">
+    <header class="bg-white bg-opacity-5 backdrop-filter backdrop-blur-md shadow-lg transition-colors duration-300 sticky top-0 z-50">
+      <div class="container mx-auto px-6 py-4">
         <div class="flex justify-between items-center">
-          <a href="#" class="text-2xl font-bold text-white">TaskMaster</a>
-          <div class="hidden md:flex items-center space-x-8">
-            <a href="#" class="text-white hover:text-purple-200 transition duration-300">Features</a>
-            <a href="#" class="text-white hover:text-purple-200 transition duration-300">Pricing</a>
-            <a href="#" class="text-white hover:text-purple-200 transition duration-300">About</a>
-            <a href="Todo.html" class="bg-white text-purple-600 px-4 py-2 rounded-full font-semibold hover:bg-purple-100 transition duration-300">Get Started</a>
-          </div>
+          <a href="#" class="text-3xl font-bold text-white transition-colors duration-300">TaskMaster</a>
+          <nav class="flex items-center space-x-8">
+            <a href="#" class="text-white hover:text-purple-200 transition duration-300 text-lg">Features</a>
+            <a href="#" class="text-white hover:text-purple-200 transition duration-300 text-lg">Pricing</a>
+            <a href="#" class="text-white hover:text-purple-200 transition duration-300 text-lg">About</a>
+            <a href="Todo.html" class="get-started-btn bg-white text-purple-600 px-6 py-2 rounded-full font-semibold hover:bg-purple-100 transition duration-300 shadow-md hover:shadow-lg text-lg">Get Started</a>
+            <button id="dark-mode-toggle" class="p-2 rounded-full bg-white bg-opacity-20 text-white hover:bg-opacity-30 transition duration-300 focus:outline-none">
+              <i class="fas fa-moon text-xl"></i>
+            </button>
+          </nav>
         </div>
       </div>
-    </nav>
+    </header>
 
     <!-- Hero Section -->
     <main class="flex-grow flex items-center justify-center px-4">
@@ -46,7 +49,7 @@ <h1 class="text-5xl md:text-7xl font-bold mb-6 leading-tight">Organize Your Life
     <footer class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg py-6">
       <div class="container mx-auto px-4 text-center">
         <p class="text-sm">
-          &copy; 2024 TaskMaster. Made with &#10084; by Ansh Grover. All rights reserved.
+          &copy; 2024 TaskMaster. Made with <i class="fas fa-heart text-red-500"></i> by Ansh Grover. All rights reserved.
         </p>
       </div>
     </footer>