revert

subhramit · Mar 13, 2024 · 4dacf18 · 4dacf18
1 parent 63411bb
commit 4dacf18
Showing 1 changed file with 18 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="hidden md:block">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -9,44 +9,37 @@
   </head>
   <body>
     <!-- Nav Bar -->
-    <nav class="bg-uno text-white">
-      <ul class="sm:hidden flex justify-evenly w-full h-13 gap-6">
+    <nav class="bg-uno text-white flex gap-6 h-13">
+      <ul class="flex justify-evenly w-full">
         <a href="./index.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Home</li></a>
         <a href="./about.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">About me</li></a>
         <a href="./stories.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Thoughts & Stories</li></a>
         <a href="./poetry.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Poetry</li></a>
         <a href="./recommendations.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Recommendations</li></a>
         <a href="./contact.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Contact</li></a>
       </ul>
-      <ul class="hidden sm:flex sm:flex-col sm:items-center sm:w-full sm:space-y-4 sm:py-4">
-        <a href="./index.html"><li class="cursor-pointer hover:bg-tres py-2 px-4">Home</li></a>
-        <a href="./about.html"><li class="cursor-pointer hover:bg-tres py-2 px-4">About me</li></a>
-        <a href="./stories.html"><li class="cursor-pointer hover:bg-tres py-2 px-4">Thoughts & Stories</li></a>
-        <a href="./poetry.html"><li class="cursor-pointer hover:bg-tres py-2 px-4">Poetry</li></a>
-        <a href="./recommendations.html"><li class="cursor-pointer hover:bg-tres py-2 px-4">Recommendations</li></a>
-        <a href="./contact.html"><li class="cursor-pointer hover:bg-tres py-2 px-4">Contact</li></a>
-      </ul>
     </nav>
-    <!-- Body -->
-    <main class="bg-quad flex justify-around sm:flex-col sm:items-center sm:justify-center sm:py-8">
-      <div class="main py-96 pl-56 max-w-6xl sm:py-8 sm:pl-4 sm:text-center sm:max-w-full">
-        <div class="text-6xl font-serif sm:text-4xl">Subhramit's Blog</div>
+     <!-- Body -->
+    <main class="bg-quad flex justify-around">
+      <div class="main py-96 pl-56 max-w-6xl">
+        <div class="text-6xl font-serif">Subhramit's Blog</div>
         <div>
-          <p class="py-3 w-1/2 pl-1 font-serif sm:w-full sm:px-4">
+          <p class="py-3 w-1/2 pl-1 font-serif">
             The aurors are on their way.
           </p>
-          <div class="buttons my-4 sm:flex sm:justify-center">
-            <a href="./about.html"><button class="bg-uno px-3 py-2 rounded-xl text-white hover:text-white hover:bg-tres mx-2">Board the train</button></a>
-          </div>
+          <div class="buttons my-4">
+              <a href="./about.html"><button class="bg-uno px-3 py-2 rounded-xl text-white hover:text-white hover:bg-tres mx-2">Board the train</button></a>
+        </div>
         </div>
       </div>
-      <div class="flex items-center sm:mt-8 sm:justify-center">
-        <img src="./assets/window.jpg" class="rounded-full h-80 mr-72 sm:h-40 sm:mr-0" alt="">
+      <div class="flex items-center">
+        <img src="./assets/window.jpg" class="rounded-full h-80 mr-72" alt="">
       </div>
     </main>
   </body>
   <hr>
-  <footer class="text-center bg-uno text-white sm:py-4">
-    <div class="sm:px-4"><a rel="license" href="https://opensource.org/licenses/MIT/" class="hover:text-quad">MIT License</a>. Copyright © 2023 Subhramit Basu Bhowmick</div>
-  </footer>
-</html>
+  <footer class="text-center bg-uno text-white">
+    <div class="flex justify-center"><a rel="license" href="https://opensource.org/licenses/MIT/" class="hover:text-quad">MIT License</a>. Copyright © 2023 Subhramit Basu Bhowmick</div>
+    <div class="flex justify-center"></div>
+    </footer>
+</html>