From 7cc3ef6c785328ed08c4244dfa3a00460f50f396 Mon Sep 17 00:00:00 2001 From: FawazBinSaleem Date: Sat, 15 Nov 2025 23:34:08 +0300 Subject: [PATCH] refactor: sponsor tiers and events page --- .../devHacksArchive/HackathonYearSponsors.tsx | 22 +++++++++---------- src/resources/data/events.ts | 1 - src/routes/Events.tsx | 2 +- src/routes/hackathon/HackathonArchive.tsx | 20 ++++++++--------- src/styles/Events.scss | 2 +- src/styles/devHacksSponsors.scss | 15 +++++++------ 6 files changed, 30 insertions(+), 32 deletions(-) diff --git a/src/resources/data/devHacksArchive/HackathonYearSponsors.tsx b/src/resources/data/devHacksArchive/HackathonYearSponsors.tsx index 9643c3e..4abcb0f 100644 --- a/src/resources/data/devHacksArchive/HackathonYearSponsors.tsx +++ b/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>; -/** Optional: nicer titles per tier */ const TIER_LABEL: Record = { platinum: "Platinum Sponsor", gold: "Gold Sponsor", @@ -49,29 +48,28 @@ const TIER_LABEL: Record = { inkind: "In-Kind Sponsors", }; -/** Render order */ const TIER_ORDER: Tier[] = ["platinum", "gold", "silver", "bronze", "inkind"]; const HackathonYearSponsors: React.FC = ({ year, }) => { const sponsorsByYear: Record = { - /* -------------------- 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 = ({ { 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 = ({ ], }, - /* -------------------- 2023 -------------------- */ "2023": { gold: [{ name: "Neo", logo: Neo }], silver: [ diff --git a/src/resources/data/events.ts b/src/resources/data/events.ts index 1935a48..629f511 100644 --- a/src/resources/data/events.ts +++ b/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", diff --git a/src/routes/Events.tsx b/src/routes/Events.tsx index 131332a..b5da85a 100644 --- a/src/routes/Events.tsx +++ b/src/routes/Events.tsx @@ -214,7 +214,7 @@ function Events() { return (
{active !== "Upcoming" && ev.recurring && ( - ✔️ + Recurring )} {media} diff --git a/src/routes/hackathon/HackathonArchive.tsx b/src/routes/hackathon/HackathonArchive.tsx index c3b0930..56193ab 100644 --- a/src/routes/hackathon/HackathonArchive.tsx +++ b/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() { -

Sponsors:

+

Sponsors

Event Pictures

-
+ {/*

Rules:

@@ -77,9 +77,9 @@ function HackathonArchive() { ))}

-
+
*/} -
+ {/*

Code Of Conduct:

@@ -105,11 +105,11 @@ function HackathonArchive() { ))}

-
+
*/} -
+ {/*
-
+
*/} ); } diff --git a/src/styles/Events.scss b/src/styles/Events.scss index a07ff2b..018860c 100644 --- a/src/styles/Events.scss +++ b/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; diff --git a/src/styles/devHacksSponsors.scss b/src/styles/devHacksSponsors.scss index a436f12..603d5a0 100644 --- a/src/styles/devHacksSponsors.scss +++ b/src/styles/devHacksSponsors.scss @@ -1,3 +1,5 @@ +@import "media-queries.scss"; + .sponsors-container { display: flex; font-family: "IBM Plex Mono", monospace; @@ -37,24 +39,23 @@ 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; } @@ -62,7 +63,7 @@ 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; }