sponsors_update

config.json

@@ -5,12 +5,17 @@
     },
     "signupLink": "https://tally.so/r/mOzlYa",
     "faq": {
-        "Will there be food/drink served?": "Yes, thanks to our sponsor Quokka, there will be energy drinks and coffee. In addition, there will be meals provided.",
         "Who is the event host?": "DataHacks 2024 is hosted by Data Science Student Society at UC San Diego.",
         "What size can teams be?": "Teams can be anywhere between 1-4 people!",
         "Any experience required?": "Absolutely no experience is required to participate in DataHacks!",
         "Will hardware be provided?": "Unfortunately, we will not be able to provide any hardware to participants and instead encourage those to bring their own hardware.",
         "Can we use old projects/code?": "All projects must be done during the event and thus, no old projects/code are to be turned in.",
         "Other questions?": "Feel free to email us at [email protected] for any other questions you may have!"
+    },
+    "old_questions": {
+        "Will there be food/drink served?": "Yes, thanks to our sponsor Quokka, there will be energy drinks and coffee. In addition, there will be meals provided."
     }
-}
+
+}
+
+

index.html

@@ -104,27 +104,27 @@ <h2>Our Sponsors</h2>
             <p>Thank you to our sponsors!</p>
 
             <div id="sponsor-row">
-                <div class="sponsor-card">
+                <!-- <div class="sponsor-card">
                     <div class="img" style="background-image: url(/assets/imgs/quokka.jpg);">
                         <div class="triangle triangle-bronze"></div>
                     </div>
-                </div>
+                </div> -->
                 <div class="sponsor-card">
                     <div class="img" style="background-image: url(/assets/imgs/trace3.png);">
-                        <div class="triangle triangle-bronze"></div>
+                        <!-- <div class="triangle triangle-bronze"></div> -->
                     </div>
                 </div>
                 <div class="sponsor-card">
                     <div class="img" style="background-image: url(/assets/imgs/netapp.jpg);">
-                        <div class="triangle triangle-bronze"></div>
+                        <!-- <div class="triangle triangle-bronze"></div> -->
                     </div>
                 </div>
                 <div class="sponsor-card">
-                    <div class="img" style="background-image: url(/assets/imgs/converge.png); background-color:white;">
-                        <div class="triangle triangle-bronze"></div>
+                    <div class="img" style="background-image: url(/assets/imgs/coming_soon.jpg); background-color:white;">
+                        <!-- <div class="triangle triangle-bronze"></div> -->
                     </div>
                 </div>
-                <div class="sponsor-card">
+                <!-- <div class="sponsor-card">
                     <div class="img" style="background-image: url(/assets/imgs/ucsdkeebs.png);">
                         <div class="triangle triangle-bronze"></div>
                     </div>
@@ -137,7 +137,7 @@ <h2>Our Sponsors</h2>
                 <div class="sponsor-card">
                     <div class="img" style="background-image: url(/assets/imgs/padres.png); background-color:white;">
                         <div class="triangle triangle-bronze"></div>
-                    </div>
+                    </div> -->
                 </div>
             </div>
         </section>

styles.css

@@ -495,17 +495,22 @@ footer #icon-row {
     }
     #sponsor-row {
         display: flex;
+        flex-wrap: wrap;
         justify-content: space-evenly;
-        flex-direction: column;
+        /* flex-direction: column; */
         width: 100%;
         margin: 2rem auto;
+        gap: 1rem;
     }
     .sponsor-card {
         width: 85vw;
         height: 10vh;
         border: 1px solid black;
         margin: 1rem 0;
     }
+    .sponsor-card:nth-child(3) {
+        width: 60%; /* Centered card spans a larger width */
+    }
     .sponsor-card .img {
         height: 100%;
         width: 100%;