Merge pull request #52 from UR-dandyhacks/dev

Link to Stand Out Stickers

index.html

@@ -267,12 +267,15 @@ <h2 class="text-5xl">
           </details>
         </div>
       </div>
-      <div class="flex flex-col items-center mb-24 gap-12">
+      <div class="relative flex flex-col items-center mb-24 gap-12">
         <h2 class="text-5xl">
           <div id="sponsors" class="absolute -top-20"></div>
           Sponsors
         </h2>
-        <img class="pointer-events-none" src="img/sponsors_white.png" />
+        <div>
+          <img class="pointer-events-none" src="img/sponsors_lavender.png" />
+          <a class="absolute block w-[8%] h-[7%] left-[42%] top-[75%]" href="http://hackp.ac/mlh-StandOutStickers-hackathons" target="_blank"></a>
+        </div>
       </div>
     </div>
     <footer class="flex gap-8 lg:gap-0 flex-col lg:flex-row items-center justify-between lg:px-24 lg:py-12 lg:bg-groundboi lg:bg-no-repeat lg:bg-center-top lg:bg-[length:344px_auto] text-xl">

styles.css

@@ -663,6 +663,26 @@ h1, h2, h3, h4, h5, h6 {
   top: 0px;
 }
 
+.bottom-0 {
+  bottom: 0px;
+}
+
+.left-\[41\%\] {
+  left: 41%;
+}
+
+.top-\[74\%\] {
+  top: 74%;
+}
+
+.left-\[42\%\] {
+  left: 42%;
+}
+
+.top-\[75\%\] {
+  top: 75%;
+}
+
 .isolate {
   isolation: isolate;
 }
@@ -868,6 +888,18 @@ h1, h2, h3, h4, h5, h6 {
   height: 100vh;
 }
 
+.h-\[10\%\] {
+  height: 10%;
+}
+
+.h-\[8\%\] {
+  height: 8%;
+}
+
+.h-\[7\%\] {
+  height: 7%;
+}
+
 .w-40 {
   width: 10rem;
 }
@@ -892,6 +924,14 @@ h1, h2, h3, h4, h5, h6 {
   width: 100vw;
 }
 
+.w-\[20\%\] {
+  width: 20%;
+}
+
+.w-\[8\%\] {
+  width: 8%;
+}
+
 .max-w-7xl {
   max-width: 80rem;
 }
@@ -2178,8 +2218,8 @@ h1, h2, h3, h4, h5, h6 {
   padding-bottom: 6rem;
 }
 
-.pt-11 {
-  padding-top: 2.75rem;
+.pt-12 {
+  padding-top: 3rem;
 }
 
 .pt-32 {
@@ -2190,10 +2230,6 @@ h1, h2, h3, h4, h5, h6 {
   padding-top: 1.25rem;
 }
 
-.pt-12 {
-  padding-top: 3rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -3058,10 +3094,6 @@ canvas {
     gap: 5rem;
   }
 
-  .lg\:gap-16 {
-    gap: 4rem;
-  }
-
   .lg\:bg-deep-purple {
     --tw-bg-opacity: 1;
     background-color: rgb(27 0 44 / var(--tw-bg-opacity));