Merge pull request #152 from umdevclub/feat/sponsors

refactor: sponsor tiers and events page

Author: FawazBinSaleem

src/resources/data/devHacksArchive/HackathonYearSponsors.tsx

@@ -40,7 +40,6 @@ type Tier = "platinum" | "gold" | "silver" | "bronze" | "inkind";
 type Sponsor = { name: string; logo: string };
 type YearSponsors = Partial<Record<Tier, Sponsor[]>>;
 
-/** Optional: nicer titles per tier */
 const TIER_LABEL: Record<Tier, string> = {
   platinum: "Platinum Sponsor",
   gold: "Gold Sponsor",
@@ -49,29 +48,28 @@ const TIER_LABEL: Record<Tier, string> = {
   inkind: "In-Kind Sponsors",
 };
 
-/** Render order */
 const TIER_ORDER: Tier[] = ["platinum", "gold", "silver", "bronze", "inkind"];
 
 const HackathonYearSponsors: React.FC<HackathonYearSponsorsProps> = ({
   year,
 }) => {
   const sponsorsByYear: Record<string, YearSponsors> = {
-    /* -------------------- 2026 -------------------- */
     "2026": {
-      // platinum: [{ name: "Ubisoft", logo: Ubisoft2026 }],
+      platinum: [{ name: "QDoc Virtual", logo: Ubisoft2026 }],
       gold: [{ name: "G3", logo: G3_2026 }],
       silver: [
         { name: "Niche", logo: Niche2026 },
         { name: "Pollard", logo: Pollard2026 },
+        { name: "Ubisoft", logo: Ubisoft2026 },
+      ],
+      inkind: [
+        {
+          name: "UMSU CARES",
+          logo: umsuCares,
+        },
       ],
-      //  inkind: [
-      //   {
-      //     name:"UMSU CARES", logo:umsuCares,
-      //   }
-      //  ],
     },
 
-    /* -------------------- 2025 -------------------- */
     "2025": {
       gold: [{ name: "Glitch Secure", logo: GlitchSecure }],
       silver: [
@@ -81,13 +79,14 @@ const HackathonYearSponsors: React.FC<HackathonYearSponsorsProps> = ({
         { name: "Priceline", logo: Priceline2025 },
         { name: "G3", logo: G3_2025 },
         { name: "Pollard", logo: Pollard2025 },
+      ],
+      inkind: [
         { name: "SSA", logo: SSA },
         { name: "umsuCares", logo: umsuCares },
         { name: "FOS", logo: FOS },
       ],
     },
 
-    /* -------------------- 2024 -------------------- */
     "2024": {
       gold: [{ name: "Priceline", logo: Priceline2024 }],
       silver: [
@@ -100,7 +99,6 @@ const HackathonYearSponsors: React.FC<HackathonYearSponsorsProps> = ({
       ],
     },
 
-    /* -------------------- 2023 -------------------- */
     "2023": {
       gold: [{ name: "Neo", logo: Neo }],
       silver: [

src/resources/data/events.ts

@@ -58,7 +58,6 @@ export const EVENTS: EventData[] = [
     upcomingImage: google,
     date: "2025-11-18T16:00:00",
     location: "EITC E3-270",
-    rsvp: "https://docs.google.com/forms/d/e/1FAIpQLSeQ4ElP6kT1S7eUlr147fXRVJluoefPmufUzXmG1VYtyCxs4A/viewform?usp=send_form",
   },
   {
     id: "rendezvous",

src/routes/Events.tsx

@@ -214,7 +214,7 @@ function Events() {
             return (
               <article key={`${ev.id}-${idx}`} className="event-card">
                 {active !== "Upcoming" && ev.recurring && (
-                  <span className="event-badge">✔️</span>
+                  <span className="event-badge">Recurring</span>
                 )}
                 {media}
 

src/routes/hackathon/HackathonArchive.tsx

@@ -2,13 +2,13 @@ import React from "react";
 import { useLoaderData, useNavigate } from "react-router-dom";
 import { Button } from "@mui/material";
 
-import HackathonFaq from "@/components/HackathonFaq";
+// import HackathonFaq from "@/components/HackathonFaq";
 
-import codeOfConduct from "@/resources/data/code-of-conduct";
+// import codeOfConduct from "@/resources/data/code-of-conduct";
 
 import HackathonYearPictures from "@/resources/data/devHacksArchive/HackathonYearPictures";
 import HackathonYearSponsors from "@/resources/data/devHacksArchive/HackathonYearSponsors";
-import rules from "@/resources/data/rules";
+// import rules from "@/resources/data/rules";
 import { HackathonInfo } from "@/resources/data/types";
 
 function HackathonArchive() {
@@ -46,13 +46,13 @@ function HackathonArchive() {
         </div>
       </div>
 
-      <h1 className="hackathon-sponsors heading">Sponsors:</h1>
+      <h1 className="hackathon-sponsors heading">Sponsors</h1>
       <HackathonYearSponsors year={data.year} />
 
       <h1 className="hackathon-sponsors heading">Event Pictures</h1>
       <HackathonYearPictures year={data.year} />
 
-      <div className="hackathon-rules container" id="rules">
+      {/* <div className="hackathon-rules container" id="rules">
         <h1 className="hackathon-rules heading">Rules:</h1>
         <div className="hackathon-rules text-container">
           <p>
@@ -77,9 +77,9 @@ function HackathonArchive() {
             ))}
           </ol>
         </div>
-      </div>
+      </div> */}
 
-      <div className="hackathon-code-conduct container" id="code-of-conduct">
+      {/* <div className="hackathon-code-conduct container" id="code-of-conduct">
         <h1 className="hackathon-code-conduct heading">Code Of Conduct:</h1>
         <div className="hackathon-code-conduct text-container">
           <p>
@@ -105,11 +105,11 @@ function HackathonArchive() {
             ))}
           </ol>
         </div>
-      </div>
+      </div> */}
 
-      <div className="container">
+      {/* <div className="container">
         <HackathonFaq />
-      </div>
+      </div> */}
     </div>
   );
 }

src/styles/Events.scss

@@ -285,7 +285,7 @@
     top: 10px;
     right: 10px;
     background: #000000c2;
-    color: #000;
+    color: #e3e3e3;
     font-size: 12px;
     font-weight: 700;
     padding: 0.3em 0.6em;

src/styles/devHacksSponsors.scss

@@ -1,3 +1,5 @@
+@import "media-queries.scss";
+
 .sponsors-container {
   display: flex;
   font-family: "IBM Plex Mono", monospace;
@@ -37,32 +39,31 @@
   object-fit: contain;
 }
 
-/* tier-specific sizing */
 .tier--platinum .sponsor img {
   max-width: 450px;
 }
 .tier--gold .sponsor img {
-  max-width: 320px;
+  max-width: 400px;
 }
 .tier--silver .sponsor img {
-  max-width: 250px;
+  max-width: 200px;
 }
 .tier--bronze .sponsor img {
   max-width: 160px;
 }
 .tier--inkind .sponsor img {
-  max-width: 130px;
+  max-width: 150px;
 }
 
-@media (max-width: 1024px) {
+@include tablet {
   .tier--platinum .sponsor img {
     max-width: 420px;
   }
   .tier--gold .sponsor img {
     max-width: 360px;
   }
   .tier--silver .sponsor img {
-    max-width: 150px;
+    max-width: 130px;
   }
   .tier--bronze .sponsor img {
     max-width: 120px;
@@ -72,7 +73,7 @@
   }
 }
 
-@media (max-width: 768px) {
+@include mobile {
   .tier--platinum .sponsor img {
     max-width: 320px;
   }