From 09dd04b26efb17cffcca2b461cd84a55b9b7952a Mon Sep 17 00:00:00 2001
From: Zach <duong.nguyen@rochester.edu>
Date: Fri, 20 Oct 2023 14:52:01 -0400
Subject: [PATCH] Remove Sponsoring and add Sponsors section

---
 index.html | 56 +++++++++++++-----------------------------------------
 styles.css | 55 +++++++++++++++++++----------------------------------
 2 files changed, 33 insertions(+), 78 deletions(-)

diff --git a/index.html b/index.html
index b1cc8eb..47c4ff0 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@ <h3 class="text-2xl"><a href="#hero">DandyHacks &OpenCurlyQuote;23</a></h3>
         <li class="text-right hover:scale-110 transition-transform origin-center"><a href="#prizes">Prizes</a></li>
         <li class="text-right hover:scale-110 transition-transform origin-center"><a href="#past-projects">Past projects</a></li>
         <li class="text-right hover:scale-110 transition-transform origin-center"><a href="#faq">FAQ</a></li>
-        <li class="hidden text-right hover:scale-110 transition-transform origin-center lg:block"><a href="#sponsoring">Sponsoring</a></li>
+        <li class="text-right hover:scale-110 transition-transform origin-center"><a href="#sponsors">Sponsors</a></li>
       </ul>
     </div>
     <a id="mlh-trust-badge" style="
@@ -128,7 +128,7 @@ <h3 class="mb-4 text-2xl text-center font-display">Emerging Tech</h3>
       </div>
     </div>
     <div id="particles-js" class="relative flex flex-col items-center px-5 bg-deep-purple">
-      <div class="flex flex-col items-center justify-center py-16 gap-10 bg-deep-purple">
+      <div class="flex flex-col items-center justify-center py-12 lg:py-20 gap-12 lg:gap-20 bg-deep-purple">
         <h2 class="text-5xl">
           <div id="prizes" class="absolute -top-20"></div>
           Prizes
@@ -144,20 +144,20 @@ <h2 class="text-5xl">
           <div class="hover-scale pointer-events-auto flex items-center h-28 p-8 bg-no-repeat bg-contain w-72 md:w-80 lg:w-96 grow-0 rounded-2xl bg-prize-amazon-fire-stick bg-violet bg-[bottom_-16px_right_0px]"><h3>Amazon Fire Stick</h3></div>
         </div>
       </div>
-      <div class="flex flex-col grow-0 items-center w-full gap-7 lg:gap-11 px-9 lg:px-0 lg:w-[999px] box-border text-base lg:text-xl">
+      <div class="flex flex-col grow-0 items-center w-full gap-12 lg:gap-20 px-9 lg:px-0 lg:w-[999px] box-border text-base lg:text-xl">
         <h2 class="text-5xl text-center">
           <div id="past-projects" class="absolute -top-20"></div>
           Past projects
         </h2>
-        <div class="flex flex-row flex-wrap justify-center pt-5 pb-12 lg:pt-1 gap-12">
-          <a href="https://devpost.com/software/goodsoup" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale overflow-hidden">
+        <div class="flex flex-row flex-wrap justify-center pointer-events-none lg:pt-1 gap-12">
+          <a href="https://devpost.com/software/goodsoup" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale pointer-events-auto overflow-hidden">
             <img class="w-full mx-auto mb-9" src="img/projects/goodsoup.png" />
             <h3 class="mb-4 text-2xl text-center font-display">GoodSoup</h3>
             <p class="px-6 text-center">
               The dining hall recipe allergen analysis.
             </p>
           </a>
-          <a href="https://devpost.com/software/project-eleos" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale overflow-hidden">
+          <a href="https://devpost.com/software/project-eleos" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale pointer-events-auto overflow-hidden">
             <img class="w-full mx-auto mb-9" src="img/projects/project-eleos.png" />
             <h3 class="mb-4 text-2xl text-center font-display">Project Eleos</h3>
             <p class="px-6 text-center">
@@ -165,7 +165,7 @@ <h3 class="mb-4 text-2xl text-center font-display">Project Eleos</h3>
               power and its availability to the average person.
             </p>
           </a>
-          <a href="https://devpost.com/software/2-tris" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale overflow-hidden">
+          <a href="https://devpost.com/software/2-tris" target="_blank" class="w-[298px] h-[448px] rounded-3xl bg-violet hover-scale pointer-events-auto overflow-hidden">
             <img class="w-full mx-auto mb-9" src="img/projects/2-tris.jpg" />
             <h3 class="mb-4 text-2xl text-center font-display">2-Tris</h3>
             <p class="px-6 text-center">
@@ -175,12 +175,12 @@ <h3 class="mb-4 text-2xl text-center font-display">2-Tris</h3>
           </a>
         </div>
       </div>
-      <div class="flex flex-col items-center pb-24 pt-11 box-border gap-12 lg:gap-20">
+      <div class="flex flex-col items-center pt-12 pb-24 lg:pt-20 box-border gap-12 lg:gap-20">
         <h2 class="text-5xl">
           <div id="faq" class="absolute -top-20"></div>
           FAQS
         </h2>
-        <div class="flex flex-col px-10 py-4 pointer-events-none lg:py-0 gap-5 lg:px-0">
+        <div class="flex flex-col px-10 pointer-events-none lg:py-0 gap-5 lg:px-0">
           <details>
             <summary>
               What is a hackathon?
@@ -267,42 +267,12 @@ <h2 class="text-5xl">
           </details>
         </div>
       </div>
-      <div class="flex-col items-center hidden mb-24 lg:flex gap-20">
+      <div class="flex flex-col items-center mb-24 gap-12">
         <h2 class="text-5xl">
-          <div id="sponsoring" class="absolute -top-20"></div>
-          Sponsoring
+          <div id="sponsors" class="absolute -top-20"></div>
+          Sponsors
         </h2>
-        <div class="flex flex-row pointer-events-none gap-24">
-          <div class="flex flex-col w-[434px] bg-violet rounded-3xl p-12 text-xl hover-scale pointer-events-auto">
-            <h3 class="text-3xl text-center pb-7">What does a sponsor do?</h3>
-            <p>Sponsors enable us to:</p>
-            <ul class="list-disc list-inside">
-              <li>Keep the entire event <b>free for all of our attendees</b></li>
-              <li>Send us mentors and workshop leaders and <b>gain recognition
-                  from our hackers</b></li>
-            </ul>
-          </div>
-          <div class="flex flex-col w-[434px] bg-violet rounded-3xl p-12 text-xl hover-scale pointer-events-auto">
-            <h3 class="text-3xl text-center pb-7">Why sponsor?</h3>
-            <p>As a sponsor, you will be able to:</p>
-            <ul class="list-disc list-inside">
-              <li>
-                Connect with <b>top students</b>, and get <b>early access</b> to
-                resumes and portfolios.
-              </li>
-              <li>
-                <b>Showcase your products</b> and see talented students make
-                cool hacks with them.
-              </li>
-              <li>
-                <b>Inspire the next generation</b> of developers to find pride
-                and joy in building awesome things.
-              </li>
-              <li><b>Attract next generation talent</b> for tech development
-                programs.</li>
-            </ul>
-          </div>
-        </div>
+        <img class="pointer-events-none" src="img/sponsors_white.png" />
       </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">
diff --git a/styles.css b/styles.css
index 1ed490b..62a15fe 100644
--- a/styles.css
+++ b/styles.css
@@ -884,10 +884,6 @@ h1, h2, h3, h4, h5, h6 {
   width: 298px;
 }
 
-.w-\[434px\] {
-  width: 434px;
-}
-
 .w-full {
   width: 100%;
 }
@@ -1130,10 +1126,6 @@ h1, h2, h3, h4, h5, h6 {
   list-style-position: outside;
 }
 
-.list-disc {
-  list-style-type: disc;
-}
-
 .appearance-none {
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -1443,10 +1435,6 @@ h1, h2, h3, h4, h5, h6 {
   justify-items: stretch;
 }
 
-.gap-10 {
-  gap: 2.5rem;
-}
-
 .gap-12 {
   gap: 3rem;
 }
@@ -1459,14 +1447,6 @@ h1, h2, h3, h4, h5, h6 {
   gap: 0.625rem;
 }
 
-.gap-20 {
-  gap: 5rem;
-}
-
-.gap-24 {
-  gap: 6rem;
-}
-
 .gap-4 {
   gap: 1rem;
 }
@@ -2143,10 +2123,6 @@ h1, h2, h3, h4, h5, h6 {
      object-fit: scale-down;
 }
 
-.p-12 {
-  padding: 3rem;
-}
-
 .p-6 {
   padding: 1.5rem;
 }
@@ -2175,9 +2151,9 @@ h1, h2, h3, h4, h5, h6 {
   padding-right: 2.25rem;
 }
 
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
 }
 
 .py-4 {
@@ -2202,10 +2178,6 @@ h1, h2, h3, h4, h5, h6 {
   padding-bottom: 6rem;
 }
 
-.pb-7 {
-  padding-bottom: 1.75rem;
-}
-
 .pt-11 {
   padding-top: 2.75rem;
 }
@@ -2218,6 +2190,10 @@ h1, h2, h3, h4, h5, h6 {
   padding-top: 1.25rem;
 }
 
+.pt-12 {
+  padding-top: 3rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -3027,10 +3003,6 @@ canvas {
     display: inline;
   }
 
-  .lg\:flex {
-    display: flex;
-  }
-
   .lg\:hidden {
     display: none;
   }
@@ -3086,6 +3058,10 @@ 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));
@@ -3136,6 +3112,11 @@ canvas {
     padding-bottom: 3rem;
   }
 
+  .lg\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
   .lg\:py-5 {
     padding-top: 1.25rem;
     padding-bottom: 1.25rem;
@@ -3145,6 +3126,10 @@ canvas {
     padding-top: 0.25rem;
   }
 
+  .lg\:pt-20 {
+    padding-top: 5rem;
+  }
+
   .lg\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;