updated homepage

michaelsboost · Sep 7, 2024 · 6f12f09 · 6f12f09
1 parent d269ff7
commit 6f12f09
Showing 1 changed file with 37 additions and 39 deletions.
diff --git a/index.html b/index.html
@@ -22,49 +22,47 @@
     <link rel="shortcut icon" type="image/x-icon" href="imgs/logo.svg">
     <link rel="icon" type="image/svg+xml" href="imgs/logo.svg" />
     <link rel="apple-touch-icon" href="imgs/logo.svg">
-    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/picocss/2.0.6/pico.min.css">
-    <script src="https://michaelsboost.com/TailwindCSSMod/tailwind-mod-noreset.min.js"></script> -->
     <link rel="stylesheet" href="dist/bundle.css">
   </head>
   <body>
     <div class="container" id="home">
       <nav class="relative md:sticky top-0 inset-x-0 flex-col md:flex-row items-center py-4 bg-[#13171f] bg-opacity-50 backdrop-filter backdrop-blur-lg">
-    <ul class="flex items-center gap-0 md:gap-3">
-      <!-- Logo -->
-      <li>
-        <a href="#home" class="text-2xl font-bold">
-          <img src="imgs/logo.svg" alt="kodeWeave Logo" class="h-8">
-        </a>
-      </li>
-    </ul>
-
-      <!-- Links -->
-    <ul class="hidden md:flex items-center gap-0 md:gap-3 text-xs sm:text-base md:text-base">
-      <li class="flex gap-3 py-2">
-        <div class="bg-[#cf06bc] rounded-md px-2 py-1 md:px-4 md:py-3">
-          <a class="no-underline text-white" href="#home">Home</a>
-        </div>
-        <div class="px-2 py-1 md:px-4 md:py-3">
-          <a class="no-underline text-white" href="https://github.com/michaelsboost/kodeWeave" target="_blank">Github</a>
-        </div>
-        <div class="px-2 py-1 md:px-4 md:py-3">
-          <a class="no-underline text-white" href="https://twitter.com/michaelsboost" target="_blank">Twitter</a>
-        </div>
-        <div class="px-2 py-1 md:px-4 md:py-3">
-          <a class="no-underline text-white" href="https://michaelsboost.com/donate" target="_blank">Support</a>
-        </div>
-      </li>
-    </ul>
-
-      <!-- Get Started Button -->
-    <ul class="hidden md:flex items-center gap-0 md:gap-3">
-      <li>
-        <a href="./go" class="no-underline text-white bg-[#0d6efd] hover:bg-[#0b5ed7] active:bg-[#0a58ca] px-3 py-2 md:px-4 md:py-3 rounded-lg">
-          Get Started
-        </a>
-      </li>
-    </ul>
-  </nav>
+        <ul class="flex items-center gap-0 md:gap-3">
+          <!-- Logo -->
+          <li>
+            <a href="#home" class="text-2xl font-bold">
+              <img src="imgs/logo.svg" alt="kodeWeave Logo" class="h-8">
+            </a>
+          </li>
+        </ul>
+          
+          <!-- Links -->
+        <ul class="hidden md:flex items-center gap-0 md:gap-3 text-xs sm:text-base md:text-base">
+          <li class="flex gap-3 py-2">
+            <div class="bg-[#cf06bc] rounded-md px-2 py-1 md:px-4 md:py-3">
+              <a class="no-underline text-white" href="#home">Home</a>
+            </div>
+            <div class="px-2 py-1 md:px-4 md:py-3">
+              <a class="no-underline text-white" href="https://github.com/michaelsboost/kodeWeave" target="_blank">Github</a>
+            </div>
+            <div class="px-2 py-1 md:px-4 md:py-3">
+              <a class="no-underline text-white" href="https://twitter.com/michaelsboost" target="_blank">Twitter</a>
+            </div>
+            <div class="px-2 py-1 md:px-4 md:py-3">
+              <a class="no-underline text-white" href="https://michaelsboost.com/donate" target="_blank">Support</a>
+            </div>
+          </li>
+        </ul>
+          
+          <!-- Get Started Button -->
+        <ul class="hidden md:flex items-center gap-0 md:gap-3">
+          <li>
+            <a href="./go" class="no-underline text-white bg-[#0d6efd] hover:bg-[#0b5ed7] active:bg-[#0a58ca] px-3 py-2 md:px-4 md:py-3 rounded-lg">
+              Get Started
+            </a>
+          </li>
+        </ul>
+      </nav>
 
       <main class="flex flex-col items-center justify-center min-h-screen py-12">
         <hgroup class="text-center mb-8">
@@ -123,7 +121,7 @@ <h3 class="text-xl font-bold mb-2">Screenshot Full Websites</h3>
         </section>
       </article>
 
-      <footer class="bg-[#13171f] text-white py-8 mt-16">
+      <footer class="py-8 mt-16">
         <div class="container mx-auto flex flex-col items-center">
           <img src="imgs/author.jpg" alt="Michael Schwartz" class="w-64 h-64 rounded-full mb-4 shadow-lg">
           <p class="text-sm my-4">Created by Michael Schwartz</p>