Merge pull request #150 from umdevclub/feat/devgames

refactor:updated devgames loc

Author: FawazBinSaleem

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",

src/routes/Events.tsx

@@ -6,7 +6,7 @@ import "@/styles/Events.scss";
 const TERMS: Term[] = ["Summer", "Fall", "Winter"];
 
 function Events() {
-  const [active, setActive] = useState<Term | "All" | "Upcoming">("All");
+  const [active, setActive] = useState<Term | "All" | "Upcoming">("Upcoming");
   const isAll = active === "All";
 
   const matches = (evTerms: Term[] | undefined, term: Term | "All") => {

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;