diff --git a/src/resources/data/events.ts b/src/resources/data/events.ts index f635dec..a6f4426 100644 --- a/src/resources/data/events.ts +++ b/src/resources/data/events.ts @@ -43,10 +43,6 @@ export const EVENTS: EventData[] = [ term: ["Fall"], image: codingKickoff, recurring: true, - date: "2025-09-18T17:00:00", - location: "EITC E2-125", - rsvp: "https://docs.google.com/forms/d/e/1FAIpQLSfSVtcqE3yz4dnmpBs7bLpXAj7nZ2VNsDoeZnFIO5IKo1hX7g/viewform", - upcomingImage: codingKickoffUpcoming, }, { id: "workshops", @@ -76,12 +72,13 @@ export const EVENTS: EventData[] = [ recurring: true, upcomingTitle: [".devGames Level 1", ".devGames Level 2"], upcomingDescription: [ - "Level 1: Learn the basics of game development in Unity. We will be building a simple 2D game from scratch.", + "Level 1: Learn the basics of game development in Unity.", "Level 2: Join us for this special workshop in collaboration with UBISOFT and CSSA to learn about the fundamentals of Game Design.", ], upcomingImage: [devgames1, devgames2], - date: ["2025-09-25T18:00:00", "2025-10-01T18:00:00"], - location: ["EITC E2-110", "EITC E3-270"], + date: ["2025-09-25T17:00:00", "2025-10-01T17:00:00"], + location: ["EITC E2-155", "EITC E3-270"], + rsvp: "https://forms.gle/h7eHKcXw2wSrWCpUA", }, { id: "exam-crams", diff --git a/src/routes/Events.tsx b/src/routes/Events.tsx index 2c8aba9..131332a 100644 --- a/src/routes/Events.tsx +++ b/src/routes/Events.tsx @@ -6,7 +6,7 @@ import "@/styles/Events.scss"; const TERMS: Term[] = ["Summer", "Fall", "Winter"]; function Events() { - const [active, setActive] = useState("All"); + const [active, setActive] = useState("Upcoming"); const isAll = active === "All"; const matches = (evTerms: Term[] | undefined, term: Term | "All") => { diff --git a/src/styles/Events.scss b/src/styles/Events.scss index 2160ba1..a07ff2b 100644 --- a/src/styles/Events.scss +++ b/src/styles/Events.scss @@ -160,7 +160,9 @@ .events-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(280px, 350px)); + justify-content: center; + gap: 2rem; align-items: stretch; @@ -191,23 +193,10 @@ backface-visibility: hidden; &:hover { - transform: translateY(-8px) rotate(-2.25deg) scale(1.01); + transform: translateY(-8px) scale(1.02); box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18); } - &:nth-child(even):hover { - transform: translateY(-8px) rotate(2.25deg) scale(1.01); - } - &:nth-child(3n):hover { - transform: translateY(-8px) rotate(-1.25deg) scale(1.01); - } - &:nth-child(4n):hover { - transform: translateY(-8px) rotate(1.5deg) scale(1.01); - } - &:nth-child(5n):hover { - transform: translateY(-8px) rotate(-3deg) scale(1.01); - } - .event-thumb { width: 100%; height: 180px;