Merge pull request #18 from Aryandev12/main

fixed minor issues.
GDSC-IIIT-Kalyani · Oct 12, 2023 · 3cf159a · 3cf159a
2 parents 0a47877 + 0a22726
commit 3cf159a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 124 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -11,33 +11,7 @@
     <title>Hacktober Fest 2023</title>
 </head>
 <body class="font-jetbrains h-screen bg-[#0F0913]">
-    <!-- Navbar  -->
-    <nav class="flex justify-between items-center width-[12%] mx-auto">
-        <div class="">
-            <img class="w-24 mx-20 my-20 " src="assets/hlogo.svg" alt="...">
-        </div>
-
-        <div class="nav-links duration-500 absolute md:static md:min-h-fit md:w-auto min-h-[60vh] left-0 top-[-100%] w-full flex items-center px-5">
-            <ul class="flex md:flex-row flex-col md:items-center text-white md:gap-[2vw] gap-14 text-2xl -mx-32">
-                <li>
-                    <a class="text-white opacity-90 hover:text-yellow-400 duration-300" href="#">About</a>
-                </li>
-                <li>
-                    <a class="text-white opacity-90 hover:text-yellow-400 duration-300" href="#">Leaderboard</a>
-                </li>
-                <li>
-                    <a class="text-white opacity-90 hover:text-yellow-400 duration-300" href="#">Projects</a>
-                </li>
-                <li>
-                    <a class="text-white opacity-90 hover:text-yellow-400 duration-300" href="#">Faq</a>
-                </li>
-            </ul>
-        </div>
-        <img class="absolute mx-60 w-auto " src="assets/navbar.svg" alt="">
-        <div class="flex items-center gap-6">
-            <ion-icon onclick="onToggleMenu(this)" name="menu" class="text-3xl cursor-pointer text-yellow-400 md:hidden"></ion-icon>
-        </div>
-    </nav>
+
 
 
     <!-- Landing page -->

diff --git a/dist/output.css b/dist/output.css
@@ -538,12 +538,6 @@ video {
   width: 100%;
 }
 
-@media (min-width: 30px) {
-  .container {
-    max-width: 30px;
-  }
-}
-
 @media (min-width: 640px) {
   .container {
     max-width: 640px;
@@ -610,10 +604,6 @@ video {
   right: 10px;
 }
 
-.top-\[-100\%\] {
-  top: -100%;
-}
-
 .top-\[22\%\] {
   top: 22%;
 }
@@ -651,21 +641,6 @@ video {
   margin-right: -0.25rem;
 }
 
-.-mx-32 {
-  margin-left: -8rem;
-  margin-right: -8rem;
-}
-
-.mx-20 {
-  margin-left: 5rem;
-  margin-right: 5rem;
-}
-
-.mx-60 {
-  margin-left: 15rem;
-  margin-right: 15rem;
-}
-
 .mx-\[10\%\] {
   margin-left: 10%;
   margin-right: 10%;
@@ -686,11 +661,6 @@ video {
   margin-bottom: 0.5rem;
 }
 
-.my-20 {
-  margin-top: 5rem;
-  margin-bottom: 5rem;
-}
-
 .my-3 {
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
@@ -885,10 +855,6 @@ video {
   height: 100vh;
 }
 
-.min-h-\[60vh\] {
-  min-height: 60vh;
-}
-
 .min-h-full {
   min-height: 100%;
 }
@@ -901,10 +867,6 @@ video {
   width: 4rem;
 }
 
-.w-24 {
-  width: 6rem;
-}
-
 .w-4\/5 {
   width: 80%;
 }
@@ -957,10 +919,6 @@ video {
   width: 90px;
 }
 
-.w-auto {
-  width: auto;
-}
-
 .w-full {
   width: 100%;
 }
@@ -990,10 +948,6 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.cursor-pointer {
-  cursor: pointer;
-}
-
 .flex-row {
   flex-direction: row;
 }
@@ -1026,10 +980,6 @@ video {
   gap: 3.5rem;
 }
 
-.gap-6 {
-  gap: 1.5rem;
-}
-
 .gap-x-\[5\%\] {
   -moz-column-gap: 5%;
        column-gap: 5%;
@@ -1353,19 +1303,10 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.text-yellow-400 {
-  --tw-text-opacity: 1;
-  color: rgb(250 204 21 / var(--tw-text-opacity));
-}
-
 .opacity-60 {
   opacity: 0.6;
 }
 
-.opacity-90 {
-  opacity: 0.9;
-}
-
 .shadow-custom {
   --tw-shadow:  0 0 1px 1px #FFFBA4;
   --tw-shadow-colored: 0 0 1px 1px var(--tw-shadow-color);
@@ -1464,11 +1405,6 @@ video {
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
-.hover\:text-yellow-400:hover {
-  --tw-text-opacity: 1;
-  color: rgb(250 204 21 / var(--tw-text-opacity));
-}
-
 .hover\:duration-150:hover {
   transition-duration: 150ms;
 }
@@ -1642,10 +1578,6 @@ video {
 }
 
 @media (min-width: 768px) {
-  .md\:static {
-    position: static;
-  }
-
   .md\:m-2 {
     margin: 0.5rem;
   }
@@ -1721,10 +1653,6 @@ video {
     margin-top: 70px;
   }
 
-  .md\:hidden {
-    display: none;
-  }
-
   .md\:h-\[14rem\] {
     height: 14rem;
   }
@@ -1753,11 +1681,6 @@ video {
     height: 100%;
   }
 
-  .md\:min-h-fit {
-    min-height: -moz-fit-content;
-    min-height: fit-content;
-  }
-
   .md\:w-1 {
     width: 0.25rem;
   }
@@ -1798,10 +1721,6 @@ video {
     width: 95%;
   }
 
-  .md\:w-auto {
-    width: auto;
-  }
-
   .md\:w-full {
     width: 100%;
   }
@@ -1814,10 +1733,6 @@ video {
     flex-direction: column;
   }
 
-  .md\:items-center {
-    align-items: center;
-  }
-
   .md\:justify-around {
     justify-content: space-around;
   }
@@ -1826,10 +1741,6 @@ video {
     gap: 0.75rem;
   }
 
-  .md\:gap-\[2vw\] {
-    gap: 2vw;
-  }
-
   .md\:border-l-4 {
     border-left-width: 4px;
   }
@@ -2269,7 +2180,7 @@ video {
   }
 }
 
-@media (min-width: 640px) and (max-width: 767px) {
+@media (max-width: 767px) {
   .sm_lead\:bottom-\[40\%\] {
     bottom: 40%;
   }
@@ -2318,7 +2229,7 @@ video {
   }
 }
 
-@media (min-width: 768px) and (max-width: 1023px) {
+@media (max-width: 1023px) {
   .md_lead\:bottom-\[110px\] {
     bottom: 110px;
   }
@@ -2375,7 +2286,7 @@ video {
   }
 }
 
-@media (min-width: 30px) and (max-width: 639px) {
+@media (max-width: 639px) {
   .xs_lead\:-top-\[75px\] {
     top: -75px;
   }
@@ -2461,7 +2372,7 @@ video {
   }
 }
 
-@media (min-width: 1024px) and (max-width: 1700px) {
+@media (max-width: 1700px) {
   .xl_lead\:bottom-\[58\%\] {
     bottom: 58%;
   }

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -41,10 +41,10 @@ module.exports = {
         'exsm':{"max":'460px'},
         'verysmall':{'max':"475px"},
         "640tk":{'max':"640px"},
-        'sm_lead': {'min': '640px', 'max': '767px'},
-      'md_lead': {'min': '768px', 'max': '1023px'},
-      'xs_lead': {'min': '30px', 'max': '639px'},
-      'xl_lead': {'min': '1024px', 'max': '1700px'},
+        'sm_lead': {'max': '767px'},
+      'md_lead': { 'max': '1023px'},
+      'xs_lead': { 'max': '639px'},
+      'xl_lead': { 'max': '1700px'},
       }
     },
   },