diff --git a/package-lock.json b/package-lock.json
index 297e19872..054185cb5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,9 @@
       "version": "6.0.0",
       "license": "MIT",
       "dependencies": {
+        "@fullcalendar/core": "^6.1.20",
+        "@fullcalendar/daygrid": "^6.1.20",
+        "@fullcalendar/interaction": "^6.1.20",
         "@googleapis/calendar": "^7.0.0",
         "cropperjs": "^1.5.13",
         "css-tree": "^3.1.0",
@@ -807,6 +810,34 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@fullcalendar/core": {
+      "version": "6.1.20",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/core/-/core-6.1.20.tgz",
+      "integrity": "sha512-1cukXLlePFiJ8YKXn/4tMKsy0etxYLCkXk8nUCFi11nRONF2Ba2CD5b21/ovtOO2tL6afTJfwmc1ed3HG7eB1g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "preact": "~10.12.1"
+      }
+    },
+    "node_modules/@fullcalendar/daygrid": {
+      "version": "6.1.20",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/daygrid/-/daygrid-6.1.20.tgz",
+      "integrity": "sha512-AO9vqhkLP77EesmJzuU+IGXgxNulsA8mgQHynclJ8U70vSwAVnbcLG9qftiTAFSlZjiY/NvhE7sflve6cJelyQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@fullcalendar/core": "~6.1.20"
+      }
+    },
+    "node_modules/@fullcalendar/interaction": {
+      "version": "6.1.20",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/interaction/-/interaction-6.1.20.tgz",
+      "integrity": "sha512-p6txmc5txL0bMiPaJxe2ip6o0T384TyoD2KGdsU6UjZ5yoBlaY+dg7kxfnYKpYMzEJLG58n+URrHr2PgNL2fyA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@fullcalendar/core": "~6.1.20"
+      }
+    },
     "node_modules/@googleapis/calendar": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@googleapis/calendar/-/calendar-7.0.0.tgz",
@@ -2207,6 +2238,7 @@
       "integrity": "sha512-Hj8sR8O27p2zshFEIJzsvfhLzxga/hWw6tRLnBjMYw70m1aS9BSYCqAUtzDBjRREtX1EvLMYgaC0mYE3Hz4KWA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@standard-schema/spec": "^1.0.0",
         "@sveltejs/acorn-typescript": "^1.0.5",
@@ -2272,7 +2304,6 @@
       "integrity": "sha512-ubWshlMk4bc8mkwWbg6vNvCeT7lGQojE3ijDh3QTR6Zr/R+GXxsGbyH4PExEPpiFmqPhYiVSVmHBjUcVc1JIrA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "debug": "^4.4.1"
       },
@@ -2403,6 +2434,7 @@
       "integrity": "sha512-jCzKdm/QK0Kg4V4IK/oMlRZlY+QOcdjv89U2NgKHZk1CYTj82/RVSx1mV/0gqCVMJ/DA+Zf/S4NBWNF8GQ+eqQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.48.0",
         "@typescript-eslint/types": "8.48.0",
@@ -2747,6 +2779,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3506,6 +3539,7 @@
       "integrity": "sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -5031,6 +5065,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -5072,6 +5107,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -5189,6 +5225,16 @@
         "node": ">=4"
       }
     },
+    "node_modules/preact": {
+      "version": "10.12.1",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz",
+      "integrity": "sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -5205,6 +5251,7 @@
       "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -5473,6 +5520,7 @@
       "integrity": "sha512-N+7WK20/wOr7CzA2snJcUSSNTCzeCGUTFY3OgeQP3mZ1aj9NMQ0mSTXwlrnd89j33zzQJGqIN52GIOmYrfq46A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.0",
         "immutable": "^5.0.2",
@@ -5726,6 +5774,7 @@
       "integrity": "sha512-zpznim/tX/NegjoQuRKgWTF4XiB0cn2qt90uJzxYNTFAqexk4b94DOAkBD3TwhC6c3kw2r0KcnA5upziVMZqDg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "bytes-iec": "^3.1.1",
         "chokidar": "^3.5.3",
@@ -5908,6 +5957,7 @@
       "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.44.1.tgz",
       "integrity": "sha512-8VnkRXpa6tJ9IqiwKvzZBNnBy9tZg0N63duDz0EJqiozsmBEAZfHiZzWWWAneIN+cAWkK1JkafW1xIbC4YrdBA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jridgewell/remapping": "^2.3.4",
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -6183,6 +6233,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -6238,6 +6289,7 @@
       "integrity": "sha512-i7qRCmY42zmCwnYlh9H2SvLEypEFGye5iRmEMKjcGi7zk9UquigRjFtTLz0TYqr0ZGLZhaMHl/foy1bZR+Cwlw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "pathe": "^2.0.3"
       }
@@ -6284,6 +6336,7 @@
       "integrity": "sha512-NL8jTlbo0Tn4dUEXEsUg8KeyG/Lkmc4Fnzb8JXN/Ykm9G4HNImjtABMJgkQoVjOBN/j2WAwDTRytdqJbZsah7w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.5.0",
@@ -6400,7 +6453,6 @@
       "integrity": "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "workspaces": [
         "tests/deps/*",
         "tests/projects/*",
@@ -6560,6 +6612,7 @@
       "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "workerd": "bin/workerd"
       },
@@ -6594,6 +6647,7 @@
       "integrity": "sha512-Z4xn6jFZTaugcOKz42xvRAYKgkVUERHVbuCJ5+f+gK+R6k12L02unakPGOA0L0ejhUl16dqDjKe4tmL9sedHcw==",
       "dev": true,
       "license": "MIT OR Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@cloudflare/kv-asset-handler": "0.4.2",
         "@cloudflare/unenv-preset": "2.10.0",
diff --git a/package.json b/package.json
index 1553553ad..1f5ec8f8a 100644
--- a/package.json
+++ b/package.json
@@ -73,6 +73,9 @@
     "wrangler": "^4.59.2"
   },
   "dependencies": {
+    "@fullcalendar/core": "^6.1.20",
+    "@fullcalendar/daygrid": "^6.1.20",
+    "@fullcalendar/interaction": "^6.1.20",
     "@googleapis/calendar": "^7.0.0",
     "cropperjs": "^1.5.13",
     "css-tree": "^3.1.0",
diff --git a/src/lib/components/nav/bar.svelte b/src/lib/components/nav/bar.svelte
index a11a3c56b..9f0362125 100644
--- a/src/lib/components/nav/bar.svelte
+++ b/src/lib/components/nav/bar.svelte
@@ -27,7 +27,7 @@
 <nav>
   <input type="checkbox" id="navToggle" class="toggle" bind:this={checkbox} />
 
-  <div class="backdrop" on:click={handleClose} on:keypress={handleClose} role="presentation" />
+  <div class="backdrop" on:click={handleClose} on:keypress={handleClose} role="presentation"></div>
 
   <div class="container">
     <div class="logo-container">
@@ -75,9 +75,9 @@
   </div>
 
   <label for="navToggle" class="menu">
-    <div class="menuLine" />
-    <div class="menuLine" />
-    <div class="menuLine" />
+    <div class="menuLine"></div>
+    <div class="menuLine"></div>
+    <div class="menuLine"></div>
   </label>
 </nav>
 
diff --git a/src/lib/components/social-icon/social-icon.svelte b/src/lib/components/social-icon/social-icon.svelte
index a794ff0d8..1bb1b3160 100644
--- a/src/lib/components/social-icon/social-icon.svelte
+++ b/src/lib/components/social-icon/social-icon.svelte
@@ -12,7 +12,7 @@
   style:--icon-url="url({src})"
   style:--size-w="{width}px"
   style:--size-h="{height}px"
-/>
+></div>
 
 <style lang="scss">
   .social-icon {
diff --git a/src/lib/public/legacy/spacing.svelte b/src/lib/public/legacy/spacing.svelte
index 031b33038..5f1d4c1d1 100644
--- a/src/lib/public/legacy/spacing.svelte
+++ b/src/lib/public/legacy/spacing.svelte
@@ -1,4 +1,4 @@
-<div />
+<div></div>
 
 <style>
   :root {
diff --git a/src/lib/server/events/data/club-events.json b/src/lib/server/events/data/club-events.json
index 7a9d1e263..260bc0ded 100644
--- a/src/lib/server/events/data/club-events.json
+++ b/src/lib/server/events/data/club-events.json
@@ -1,178 +1,178 @@
 [
   {
-    "month": "January",
+    "month": "April",
     "day": 1,
-    "startTime": "2:00 PM",
-    "endTime": "3:00 PM",
+    "startTime": "3:00 PM",
+    "endTime": "4:00 PM",
     "hasStarted": true,
     "hasEnded": true,
-    "date": "2023-01-01T14:00:00-08:00[America/Los_Angeles]",
+    "date": "2026-04-01T15:00:00-07:00[America/Los_Angeles]",
     "location": "CS 104",
     "title": "Algo Team",
     "description": "Algo team meeting!",
-    "summary": "Algo Team\n=========\n\nAlgo team meeting!\n\nhttps://acmcsuf.com/events#algo-team-2023-january-1",
+    "summary": "Algo Team\n=========\n\nAlgo team meeting!\n\nhttps://acmcsuf.com/events#algo-team-2026-april-1",
     "meetingLink": "/discord",
-    "id": "algo-team-2023-january-1",
-    "selfLink": "https://acmcsuf.com/events#algo-team-2023-january-1",
+    "id": "algo-team-2026-april-1",
+    "selfLink": "https://acmcsuf.com/events#algo-team-2026-april-1",
     "recurring": false,
     "team": "algo",
     "calendarLinks": {
-      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=Algo+Team&details=Algo+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AAlgo+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23algo-team-2023-january-1&location=CS+104&dates=20230101T140001%2F20230101T150001",
-      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20230101T140001&enddt=20230101T150001&subject=Algo+Team&body=Algo+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AAlgo+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23algo-team-2023-january-1&location=CS+104"
+      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=Algo+Team&details=Algo+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AAlgo+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23algo-team-2026-april-1&location=CS+104&dates=20260401T150000%2F20260401T160000",
+      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20260401T150000&enddt=20260401T160000&subject=Algo+Team&body=Algo+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AAlgo+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23algo-team-2026-april-1&location=CS+104"
     }
   },
   {
-    "month": "January",
-    "day": 1,
-    "startTime": "10:00 AM",
-    "endTime": "11:00 AM",
+    "month": "April",
+    "day": 3,
+    "startTime": "11:00 AM",
+    "endTime": "12:00 PM",
     "hasStarted": true,
     "hasEnded": true,
-    "date": "2023-01-01T10:00:00-08:00[America/Los_Angeles]",
+    "date": "2026-04-03T11:00:00-07:00[America/Los_Angeles]",
     "location": "PLN 314",
     "title": "AI Team ",
     "description": "AI Team Meeting!",
-    "summary": "AI Team \n========\n\nAI Team Meeting!\n\nhttps://acmcsuf.com/events#ai-team--2023-january-1",
+    "summary": "AI Team \n========\n\nAI Team Meeting!\n\nhttps://acmcsuf.com/events#ai-team--2026-april-3",
     "meetingLink": "/discord",
-    "id": "ai-team--2023-january-1",
-    "selfLink": "https://acmcsuf.com/events#ai-team--2023-january-1",
+    "id": "ai-team--2026-april-3",
+    "selfLink": "https://acmcsuf.com/events#ai-team--2026-april-3",
     "recurring": false,
     "team": "ai",
     "calendarLinks": {
-      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=AI+Team+&details=AI+Team+%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AAI+Team+Meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23ai-team--2023-january-1&location=PLN+314&dates=20230101T100001%2F20230101T110001",
-      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20230101T100001&enddt=20230101T110001&subject=AI+Team+&body=AI+Team+%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AAI+Team+Meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23ai-team--2023-january-1&location=PLN+314"
+      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=AI+Team+&details=AI+Team+%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AAI+Team+Meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23ai-team--2026-april-3&location=PLN+314&dates=20260403T110000%2F20260403T120000",
+      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20260403T110000&enddt=20260403T120000&subject=AI+Team+&body=AI+Team+%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AAI+Team+Meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23ai-team--2026-april-3&location=PLN+314"
     }
   },
   {
-    "month": "January",
-    "day": 1,
-    "startTime": "5:00 PM",
-    "endTime": "6:00 PM",
+    "month": "April",
+    "day": 7,
+    "startTime": "6:00 PM",
+    "endTime": "7:00 PM",
     "hasStarted": true,
     "hasEnded": true,
-    "date": "2023-01-01T17:00:00-08:00[America/Los_Angeles]",
+    "date": "2026-04-07T18:00:00-07:00[America/Los_Angeles]",
     "location": "TSU",
     "title": "Design Team",
     "description": "Design team meeting!",
-    "summary": "Design Team\n===========\n\nDesign team meeting!\n\nhttps://acmcsuf.com/events#design-team-2023-january-1",
+    "summary": "Design Team\n===========\n\nDesign team meeting!\n\nhttps://acmcsuf.com/events#design-team-2026-april-7",
     "meetingLink": "/discord",
-    "id": "design-team-2023-january-1",
-    "selfLink": "https://acmcsuf.com/events#design-team-2023-january-1",
+    "id": "design-team-2026-april-7",
+    "selfLink": "https://acmcsuf.com/events#design-team-2026-april-7",
     "recurring": false,
     "team": "design",
     "calendarLinks": {
-      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=Design+Team&details=Design+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0ADesign+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23design-team-2023-january-1&location=TSU&dates=20230101T170001%2F20230101T180001",
-      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20230101T170001&enddt=20230101T180001&subject=Design+Team&body=Design+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0ADesign+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23design-team-2023-january-1&location=TSU"
+      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=Design+Team&details=Design+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0ADesign+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23design-team-2026-april-7&location=TSU&dates=20260407T180000%2F20260407T190000",
+      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20260407T180000&enddt=20260407T190000&subject=Design+Team&body=Design+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0ADesign+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23design-team-2026-april-7&location=TSU"
     }
   },
   {
-    "month": "January",
-    "day": 1,
-    "startTime": "12:00 PM",
-    "endTime": "1:00 PM",
+    "month": "April",
+    "day": 10,
+    "startTime": "1:00 PM",
+    "endTime": "2:00 PM",
     "hasStarted": true,
     "hasEnded": true,
-    "date": "2023-01-01T12:00:00-08:00[America/Los_Angeles]",
+    "date": "2026-04-10T13:00:00-07:00[America/Los_Angeles]",
     "location": "TSU",
     "title": "Dev Team",
     "description": "Dev team meeting",
-    "summary": "Dev Team\n========\n\nDev team meeting\n\nhttps://acmcsuf.com/events#dev-team-2023-january-1",
+    "summary": "Dev Team\n========\n\nDev team meeting\n\nhttps://acmcsuf.com/events#dev-team-2026-april-10",
     "meetingLink": "/discord",
-    "id": "dev-team-2023-january-1",
-    "selfLink": "https://acmcsuf.com/events#dev-team-2023-january-1",
+    "id": "dev-team-2026-april-10",
+    "selfLink": "https://acmcsuf.com/events#dev-team-2026-april-10",
     "recurring": false,
     "team": "dev",
     "calendarLinks": {
-      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=Dev+Team&details=Dev+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0ADev+team+meeting%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23dev-team-2023-january-1&location=TSU&dates=20230101T120001%2F20230101T130001",
-      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20230101T120001&enddt=20230101T130001&subject=Dev+Team&body=Dev+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0ADev+team+meeting%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23dev-team-2023-january-1&location=TSU"
+      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=Dev+Team&details=Dev+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0ADev+team+meeting%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23dev-team-2026-april-10&location=TSU&dates=20260410T130000%2F20260410T140000",
+      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20260410T130000&enddt=20260410T140000&subject=Dev+Team&body=Dev+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0ADev+team+meeting%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23dev-team-2026-april-10&location=TSU"
     }
   },
   {
-    "month": "January",
-    "day": 1,
-    "startTime": "2:30 PM",
-    "endTime": "2:30 PM",
+    "month": "April",
+    "day": 14,
+    "startTime": "3:30 PM",
+    "endTime": "4:30 PM",
     "hasStarted": true,
     "hasEnded": true,
-    "date": "2023-01-01T14:30:00-08:00[America/Los_Angeles]",
+    "date": "2026-04-14T15:30:00-07:00[America/Los_Angeles]",
     "location": "CS 408",
     "title": "Game Dev Team",
     "description": "Game dev team meeting!",
-    "summary": "Game Dev Team\n=============\n\nGame dev team meeting!\n\nhttps://acmcsuf.com/events#game-dev-team-2023-january-1",
+    "summary": "Game Dev Team\n=============\n\nGame dev team meeting!\n\nhttps://acmcsuf.com/events#game-dev-team-2026-april-14",
     "meetingLink": "/discord",
-    "id": "game-dev-team-2023-january-1",
-    "selfLink": "https://acmcsuf.com/events#game-dev-team-2023-january-1",
+    "id": "game-dev-team-2026-april-14",
+    "selfLink": "https://acmcsuf.com/events#game-dev-team-2026-april-14",
     "recurring": false,
     "team": "gamedev",
     "calendarLinks": {
-      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=Game+Dev+Team&details=Game+Dev+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AGame+dev+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23game-dev-team-2023-january-1&location=CS+408&dates=20230101T143001%2F20230101T143001",
-      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20230101T143001&enddt=20230101T143001&subject=Game+Dev+Team&body=Game+Dev+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AGame+dev+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23game-dev-team-2023-january-1&location=CS+408"
+      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=Game+Dev+Team&details=Game+Dev+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AGame+dev+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23game-dev-team-2026-april-14&location=CS+408&dates=20260414T153000%2F20260414T163000",
+      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20260414T153000&enddt=20260414T163000&subject=Game+Dev+Team&body=Game+Dev+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AGame+dev+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23game-dev-team-2026-april-14&location=CS+408"
     }
   },
   {
-    "month": "January",
-    "day": 1,
-    "startTime": "2:00 PM",
-    "endTime": "2:00 PM",
-    "hasStarted": true,
-    "hasEnded": true,
-    "date": "2023-01-01T14:00:00-08:00[America/Los_Angeles]",
+    "month": "May",
+    "day": 17,
+    "startTime": "3:00 PM",
+    "endTime": "4:00 PM",
+    "hasStarted": false,
+    "hasEnded": false,
+    "date": "2026-05-17T15:00:00-07:00[America/Los_Angeles]",
     "location": "CS 302",
     "title": "OSS Team",
     "description": "Open source software team meeting!",
-    "summary": "OSS Team\n========\n\nOpen source software team meeting!\n\nhttps://acmcsuf.com/events#oss-team-2023-january-1",
+    "summary": "OSS Team\n========\n\nOpen source software team meeting!\n\nhttps://acmcsuf.com/events#oss-team-2026-may-17",
     "meetingLink": "/discord",
-    "id": "oss-team-2023-january-1",
-    "selfLink": "https://acmcsuf.com/events#oss-team-2023-january-1",
+    "id": "oss-team-2026-may-17",
+    "selfLink": "https://acmcsuf.com/events#oss-team-2026-may-17",
     "recurring": false,
     "team": "oss",
     "calendarLinks": {
-      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=OSS+Team&details=OSS+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AOpen+source+software+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23oss-team-2023-january-1&location=CS+302&dates=20230101T140001%2F20230101T140001",
-      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20230101T140001&enddt=20230101T140001&subject=OSS+Team&body=OSS+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AOpen+source+software+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23oss-team-2023-january-1&location=CS+302"
+      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=OSS+Team&details=OSS+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AOpen+source+software+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23oss-team-2026-may-17&location=CS+302&dates=20260517T150000%2F20260517T160000",
+      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20260517T150000&enddt=20260517T160000&subject=OSS+Team&body=OSS+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AOpen+source+software+team+meeting%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23oss-team-2026-may-17&location=CS+302"
     }
   },
   {
-    "month": "January",
-    "day": 1,
-    "startTime": "2:00 PM",
-    "endTime": "2:00 PM",
-    "hasStarted": true,
-    "hasEnded": true,
-    "date": "2023-01-01T14:00:00-08:00[America/Los_Angeles]",
+    "month": "May",
+    "day": 21,
+    "startTime": "3:00 PM",
+    "endTime": "4:00 PM",
+    "hasStarted": false,
+    "hasEnded": false,
+    "date": "2026-05-21T15:00:00-07:00[America/Los_Angeles]",
     "location": "CS 300",
     "title": "General ACM",
     "description": "ACM meeting",
-    "summary": "General ACM\n===========\n\nACM meeting\n\nhttps://acmcsuf.com/events#general-acm-2023-january-1",
+    "summary": "General ACM\n===========\n\nACM meeting\n\nhttps://acmcsuf.com/events#general-acm-2026-may-21",
     "meetingLink": "/discord",
-    "id": "general-acm-2023-january-1",
-    "selfLink": "https://acmcsuf.com/events#general-acm-2023-january-1",
+    "id": "general-acm-2026-may-21",
+    "selfLink": "https://acmcsuf.com/events#general-acm-2026-may-21",
     "recurring": false,
     "team": "general",
     "calendarLinks": {
-      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=General+ACM&details=General+ACM%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AACM+meeting%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23general-acm-2023-january-1&location=CS+300&dates=20230101T140001%2F20230101T140001",
-      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20230101T140001&enddt=20230101T140001&subject=General+ACM&body=General+ACM%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AACM+meeting%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23general-acm-2023-january-1&location=CS+300"
+      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=General+ACM&details=General+ACM%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AACM+meeting%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23general-acm-2026-may-21&location=CS+300&dates=20260521T150000%2F20260521T160000",
+      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20260521T150000&enddt=20260521T160000&subject=General+ACM&body=General+ACM%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AACM+meeting%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23general-acm-2026-may-21&location=CS+300"
     }
   },
   {
-    "month": "January",
-    "day": 1,
-    "startTime": "2:00 PM",
-    "endTime": "2:00 PM",
-    "hasStarted": true,
-    "hasEnded": true,
-    "date": "2023-01-01T14:00:00-08:00[America/Los_Angeles]",
+    "month": "May",
+    "day": 25,
+    "startTime": "3:00 PM",
+    "endTime": "4:00 PM",
+    "hasStarted": false,
+    "hasEnded": false,
+    "date": "2026-05-25T15:00:00-07:00[America/Los_Angeles]",
     "location": "Riverside City College, 4800 Magnolia Ave, Riverside, CA 92506, USA",
     "title": "ICPC Team",
     "description": "ICPC Competition!",
-    "summary": "ICPC Team\n=========\n\nICPC Competition!\n\nhttps://acmcsuf.com/events#icpc-team-2023-january-1",
+    "summary": "ICPC Team\n=========\n\nICPC Competition!\n\nhttps://acmcsuf.com/events#icpc-team-2026-may-25",
     "meetingLink": "/discord",
-    "id": "icpc-team-2023-january-1",
-    "selfLink": "https://acmcsuf.com/events#icpc-team-2023-january-1",
+    "id": "icpc-team-2026-may-25",
+    "selfLink": "https://acmcsuf.com/events#icpc-team-2026-may-25",
     "recurring": false,
     "team": "icpc",
     "calendarLinks": {
-      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=ICPC+Team&details=ICPC+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AICPC+Competition%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23icpc-team-2023-january-1&location=Riverside+City+College%2C+4800+Magnolia+Ave%2C+Riverside%2C+CA+92506%2C+USA&dates=20230101T140001%2F20230101T140001",
-      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20230101T140001&enddt=20230101T140001&subject=ICPC+Team&body=ICPC+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AICPC+Competition%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23icpc-team-2023-january-1&location=Riverside+City+College%2C+4800+Magnolia+Ave%2C+Riverside%2C+CA+92506%2C+USA"
+      "google": "https://calendar.google.com/calendar/render?action=TEMPLATE&text=ICPC+Team&details=ICPC+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AICPC+Competition%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23icpc-team-2026-may-25&location=Riverside+City+College%2C+4800+Magnolia+Ave%2C+Riverside%2C+CA+92506%2C+USA&dates=20260525T150000%2F20260525T160000",
+      "outlook": "https://outlook.live.com/calendar/0/deeplink/compose?path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=20260525T150000&enddt=20260525T160000&subject=ICPC+Team&body=ICPC+Team%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%0AICPC+Competition%21%0A%0Ahttps%3A%2F%2Facmcsuf.com%2Fevents%23icpc-team-2026-may-25&location=Riverside+City+College%2C+4800+Magnolia+Ave%2C+Riverside%2C+CA+92506%2C+USA"
     }
   }
 ]
diff --git a/src/lib/server/events/data/gcal-events.json b/src/lib/server/events/data/gcal-events.json
index b73ee38a3..ae79f7522 100644
--- a/src/lib/server/events/data/gcal-events.json
+++ b/src/lib/server/events/data/gcal-events.json
@@ -5,8 +5,8 @@
     "id": "43g3mp9qvjrb82i89id8h75hb9",
     "status": "confirmed",
     "htmlLink": "https://www.google.com/calendar/event?eid=NDNnM21wOXF2anJiODJpODlpZDhoNzVoYjkgNzM4bG5pdDYzY3IybGhwN2p0ZHV2ajBjOWdAZw",
-    "created": "2023-03-09T00:56:03.000Z",
-    "updated": "2023-03-10T08:08:20.443Z",
+    "created": "2026-03-09T00:56:03.000Z",
+    "updated": "2026-03-10T08:08:20.443Z",
     "summary": "Algo Team",
     "description": "Algo team meeting!\nACM_TEAM=algo",
     "location": "CS 104",
@@ -19,11 +19,11 @@
       "self": true
     },
     "start": {
-      "dateTime": "2023-01-01T15:00:00-07:00",
+      "dateTime": "2026-04-01T15:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "end": {
-      "dateTime": "2023-01-01T16:00:00-07:00",
+      "dateTime": "2026-04-01T16:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "iCalUID": "43g3mp9qvjrb82i89id8h75hb9@google.com",
@@ -36,8 +36,8 @@
     "id": "5g079702ncjk1hvj9olkcg50oi",
     "status": "confirmed",
     "htmlLink": "https://www.google.com/calendar/event?eid=NWcwNzk3MDJuY2prMWh2ajlvbGtjZzUwb2kgNzM4bG5pdDYzY3IybGhwN2p0ZHV2ajBjOWdAZw",
-    "created": "2023-03-09T00:56:11.000Z",
-    "updated": "2023-03-10T08:07:25.257Z",
+    "created": "2026-03-09T00:56:11.000Z",
+    "updated": "2026-03-10T08:07:25.257Z",
     "summary": "AI Team ",
     "description": "AI Team Meeting!\nACM_TEAM=ai",
     "location": "PLN 314",
@@ -50,11 +50,11 @@
       "self": true
     },
     "start": {
-      "dateTime": "2023-01-01T11:00:00-07:00",
+      "dateTime": "2026-04-03T11:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "end": {
-      "dateTime": "2023-01-01T12:00:00-07:00",
+      "dateTime": "2026-04-03T12:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "iCalUID": "5g079702ncjk1hvj9olkcg50oi@google.com",
@@ -67,8 +67,8 @@
     "id": "1neu6en1qkldcgiqvsncv4a6qp",
     "status": "confirmed",
     "htmlLink": "https://www.google.com/calendar/event?eid=MW5ldTZlbjFxa2xkY2dpcXZzbmN2NGE2cXAgNzM4bG5pdDYzY3IybGhwN2p0ZHV2ajBjOWdAZw",
-    "created": "2023-01-01T00:56:17.000Z",
-    "updated": "2023-01-01T08:07:34.044Z",
+    "created": "2026-01-01T00:56:17.000Z",
+    "updated": "2026-01-01T08:07:34.044Z",
     "summary": "Design Team",
     "description": "Design team meeting!\nACM_PATH=design",
     "location": "TSU",
@@ -81,11 +81,11 @@
       "self": true
     },
     "start": {
-      "dateTime": "2023-01-01T18:00:00-07:00",
+      "dateTime": "2026-04-07T18:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "end": {
-      "dateTime": "2023-01-01T19:00:00-07:00",
+      "dateTime": "2026-04-07T19:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "iCalUID": "1neu6en1qkldcgiqvsncv4a6qp@google.com",
@@ -98,8 +98,8 @@
     "id": "35o2r6sp309vh7jj8vvf209bcd",
     "status": "confirmed",
     "htmlLink": "https://www.google.com/calendar/event?eid=MzVvMnI2c3AzMDl2aDdqajh2dmYyMDliY2QgNzM4bG5pdDYzY3IybGhwN2p0ZHV2ajBjOWdAZw",
-    "created": "2023-03-09T00:56:22.000Z",
-    "updated": "2023-03-10T08:07:40.587Z",
+    "created": "2026-03-09T00:56:22.000Z",
+    "updated": "2026-03-10T08:07:40.587Z",
     "summary": "Dev Team",
     "description": "Dev team meeting\nACM_TEAM=dev",
     "location": "TSU",
@@ -112,11 +112,11 @@
       "self": true
     },
     "start": {
-      "dateTime": "2023-01-01T13:00:00-07:00",
+      "dateTime": "2026-04-10T13:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "end": {
-      "dateTime": "2023-01-01T14:00:00-07:00",
+      "dateTime": "2026-04-10T14:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "iCalUID": "35o2r6sp309vh7jj8vvf209bcd@google.com",
@@ -129,8 +129,8 @@
     "id": "252ghr6oahnm3qf7re5kdm6vk3",
     "status": "confirmed",
     "htmlLink": "https://www.google.com/calendar/event?eid=MjUyZ2hyNm9haG5tM3FmN3JlNWtkbTZ2azMgNzM4bG5pdDYzY3IybGhwN2p0ZHV2ajBjOWdAZw",
-    "created": "2023-03-09T00:56:29.000Z",
-    "updated": "2023-03-10T08:07:49.846Z",
+    "created": "2026-03-09T00:56:29.000Z",
+    "updated": "2026-03-10T08:07:49.846Z",
     "summary": "Game Dev Team",
     "description": "Game dev team meeting!\nACM_TEAM=gamedev",
     "location": "CS 408",
@@ -143,11 +143,11 @@
       "self": true
     },
     "start": {
-      "dateTime": "2023-01-01T15:30:00-07:00",
+      "dateTime": "2026-04-14T15:30:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "end": {
-      "dateTime": "2023-01-01T15:30:00-07:00",
+      "dateTime": "2026-04-14T16:30:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "iCalUID": "252ghr6oahnm3qf7re5kdm6vk3@google.com",
@@ -160,8 +160,8 @@
     "id": "517l7904b6jvbgq4u1vsg0ckd1",
     "status": "confirmed",
     "htmlLink": "https://www.google.com/calendar/event?eid=NTE3bDc5MDRiNmp2YmdxNHUxdnNnMGNrZDEgNzM4bG5pdDYzY3IybGhwN2p0ZHV2ajBjOWdAZw",
-    "created": "2023-03-09T00:57:34.000Z",
-    "updated": "2023-03-10T08:07:57.785Z",
+    "created": "2026-03-09T00:57:34.000Z",
+    "updated": "2026-03-10T08:07:57.785Z",
     "summary": "OSS Team",
     "description": "Open source software team meeting!\nACM_TEAM=oss",
     "location": "CS 302",
@@ -174,11 +174,11 @@
       "self": true
     },
     "start": {
-      "dateTime": "2023-01-01T15:00:00-07:00",
+      "dateTime": "2026-05-17T15:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "end": {
-      "dateTime": "2023-01-01T15:00:00-07:00",
+      "dateTime": "2026-05-17T16:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "iCalUID": "517l7904b6jvbgq4u1vsg0ckd1@google.com",
@@ -191,8 +191,8 @@
     "id": "2a8mr9daj76buk44bka2q14a6v",
     "status": "confirmed",
     "htmlLink": "https://www.google.com/calendar/event?eid=MmE4bXI5ZGFqNzZidWs0NGJrYTJxMTRhNnYgNzM4bG5pdDYzY3IybGhwN2p0ZHV2ajBjOWdAZw",
-    "created": "2023-03-09T00:56:41.000Z",
-    "updated": "2023-03-10T08:08:06.838Z",
+    "created": "2026-03-09T00:56:41.000Z",
+    "updated": "2026-03-10T08:08:06.838Z",
     "summary": "General ACM",
     "description": "ACM meeting",
     "location": "CS 300",
@@ -205,11 +205,11 @@
       "self": true
     },
     "start": {
-      "dateTime": "2023-01-01T15:00:00-07:00",
+      "dateTime": "2026-05-21T15:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "end": {
-      "dateTime": "2023-01-01T15:00:00-07:00",
+      "dateTime": "2026-05-21T16:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "iCalUID": "2a8mr9daj76buk44bka2q14a6v@google.com",
@@ -222,8 +222,8 @@
     "id": "36q79t0ejjssijgp3v2nte3o4s",
     "status": "confirmed",
     "htmlLink": "https://www.google.com/calendar/event?eid=MzZxNzl0MGVqanNzaWpncDN2Mm50ZTNvNHMgNzM4bG5pdDYzY3IybGhwN2p0ZHV2ajBjOWdAZw",
-    "created": "2023-03-09T00:57:40.000Z",
-    "updated": "2023-03-10T08:08:14.317Z",
+    "created": "2026-03-09T00:57:40.000Z",
+    "updated": "2026-03-10T08:08:14.317Z",
     "summary": "ICPC Team",
     "description": "ICPC Competition!\nACM_TEAM=icpc",
     "location": "Riverside City College, 4800 Magnolia Ave, Riverside, CA 92506, USA",
@@ -236,11 +236,11 @@
       "self": true
     },
     "start": {
-      "dateTime": "2023-01-01T15:00:00-07:00",
+      "dateTime": "2026-05-25T15:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "end": {
-      "dateTime": "2023-01-01T15:00:00-07:00",
+      "dateTime": "2026-05-25T16:00:00-07:00",
       "timeZone": "America/Los_Angeles"
     },
     "iCalUID": "36q79t0ejjssijgp3v2nte3o4s@google.com",
diff --git a/src/lib/server/events/event.ts b/src/lib/server/events/event.ts
index 6c43710e7..ab010b997 100644
--- a/src/lib/server/events/event.ts
+++ b/src/lib/server/events/event.ts
@@ -39,7 +39,8 @@ export function makeClubEvent(event: GCalEvent, refDate: Temporal.ZonedDateTime)
   const recurring = (event?.recurrence?.length ?? 0) > 0;
   const summary = produceSummary(title, description, selfLink);
   const teamID =
-    (variables.get('ACM_TEAM') ?? variables.get('ACM_PATH'))?.toLowerCase().trim() ?? 'general';
+    (variables.get('ACM_TEAM') ?? variables.get('ACM_PATH'))?.toLowerCase().trim() ??
+    inferTeamFromTitle(title);
 
   const thirdPartyCalendarLocation = location === 'Discord' ? selfLink : location;
   const thirdPartyCalendarArgs = [
@@ -146,7 +147,7 @@ export function thirdPartyCalendarDateTimeFromZonedDateTime(
   dt: Temporal.ZonedDateTimeLike
 ): string {
   const yyyyMMdd = [dt.year, dt.month, dt.day].map((d) => Number(d).toString().padStart(2, '0'));
-  const hhMMss = [dt.hour, dt.minute, dt.day].map((d) => Number(d).toString().padStart(2, '0'));
+  const hhMMss = [dt.hour, dt.minute, dt.second].map((d) => Number(d).toString().padStart(2, '0'));
   const yyyyMMddThhMMss = `${yyyyMMdd.join('')}T${hhMMss.join('')}`;
   return yyyyMMddThhMMss;
 }
@@ -257,3 +258,30 @@ export function zonedDateTimeFromGCalDateTime(
   // dtGCAL is often already in terms of our desired timeZone
   return Temporal.PlainDateTime.from(options).toZonedDateTime(timeZone);
 }
+
+const TEAM_PATTERNS: [RegExp, string][] = [
+  [/\bai\b/i, 'ai'],
+  [/\balgo\b/i, 'algo'],
+  [/\bicpc\b/i, 'icpc'],
+  [/\bgame\s*dev\b/i, 'gamedev'],
+  [/\bdev\b/i, 'dev'],
+  [/\bdesign\b/i, 'design'],
+  [/\bcreate\b/i, 'design'],
+  [/\bopen\s*source\b/i, 'oss'],
+  [/\boss\b/i, 'oss'],
+  [/\bnode\s*buds\b/i, 'nodebuds'],
+  [/\bmarketing\b/i, 'marketing'],
+  [/\bspecial\s*event/i, 'special-events'],
+  [/\bspookathon\b/i, 'special-events'],
+  [/\bhackathon\b/i, 'special-events'],
+  [/\bfullyhacks\b/i, 'special-events'],
+];
+
+export function inferTeamFromTitle(title: string): string {
+  for (const [pattern, team] of TEAM_PATTERNS) {
+    if (pattern.test(title)) {
+      return team;
+    }
+  }
+  return 'general';
+}
diff --git a/src/lib/server/events/gcal.ts b/src/lib/server/events/gcal.ts
index 12166af16..6fcbe5dec 100644
--- a/src/lib/server/events/gcal.ts
+++ b/src/lib/server/events/gcal.ts
@@ -18,23 +18,34 @@ export function fromGCal(events: GCalEvent[]): ClubEvent[] {
   return sortedEvents;
 }
 
-export async function listUpcomingEvents() {
+async function fetchPage(cal: ReturnType<typeof calendar>, pageToken?: string) {
+  return cal.events.list({
+    calendarId: GCAL_ID,
+    maxResults: 2500,
+    singleEvents: true,
+    orderBy: 'startTime',
+    showDeleted: false,
+    ...(pageToken ? { pageToken } : {}),
+  });
+}
+
+export type GCalEvent = NonNullable<Awaited<ReturnType<typeof fetchPage>>['data']['items']>[number];
+
+export async function listUpcomingEvents(): Promise<GCalEvent[]> {
   const cal = calendar({
     version: 'v3',
     auth: GCAL_API_KEY,
   });
-  return (
-    (
-      await cal.events.list({
-        calendarId: GCAL_ID,
-        timeMin: new Date().toISOString(),
-        maxResults: 100,
-        singleEvents: true,
-        orderBy: 'startTime',
-        showDeleted: false,
-      })
-    )?.data?.items ?? []
-  );
-}
 
-export type GCalEvent = Exclude<Awaited<ReturnType<typeof listUpcomingEvents>>, undefined>[number];
+  const allEvents: GCalEvent[] = [];
+  let pageToken: string | undefined;
+
+  do {
+    const response = await fetchPage(cal, pageToken);
+    const items = response?.data?.items ?? [];
+    allEvents.push(...items);
+    pageToken = response?.data?.nextPageToken ?? undefined;
+  } while (pageToken);
+
+  return allEvents;
+}
diff --git a/src/routes/(site)/+layout.svelte b/src/routes/(site)/+layout.svelte
index 964c9e2a4..78ef929a1 100644
--- a/src/routes/(site)/+layout.svelte
+++ b/src/routes/(site)/+layout.svelte
@@ -26,7 +26,7 @@
   });
 </script>
 
-<div id="top" />
+<div id="top"></div>
 <Navbar />
 <main><slot /></main>
 <Footer />
diff --git a/src/routes/(site)/events/+page.svelte b/src/routes/(site)/events/+page.svelte
index b41102575..31d220b72 100644
--- a/src/routes/(site)/events/+page.svelte
+++ b/src/routes/(site)/events/+page.svelte
@@ -1,11 +1,22 @@
 <script lang="ts">
   import type { PageData } from './$types';
+  import type { ClubEvent } from '$lib/public/events/event';
   import Block from '$lib/components/block/block.svelte';
   import Spacing from '$lib/public/legacy/spacing.svelte';
-  import EmptyContainer from './empty-container.svelte';
-  import EventList from './list.svelte';
+  import EventCalendar from './calendar.svelte';
+  import EventDetail from './event-detail.svelte';
 
   export let data: PageData;
+
+  let selectedEvent: ClubEvent | null = null;
+
+  function handleEventSelect(e: CustomEvent<ClubEvent>) {
+    selectedEvent = e.detail;
+  }
+
+  function handleClose() {
+    selectedEvent = null;
+  }
 </script>
 
 <svelte:head>
@@ -26,22 +37,27 @@
   </p>
 </Block>
 
-<Spacing --min="100px" --med="175px" --max="200px" />
+<Spacing --min="40px" --med="60px" --max="80px" />
 
 <div class="main-header">
-  <h2 class="size-lg acm-heavier">Upcoming Events</h2>
-  <img src="assets/bluecalendar.svg" alt="Blue Calender" />
+  <h2 class="size-lg acm-heavier">Our Events</h2>
+  <img src="assets/bluecalendar.svg" alt="Blue Calendar" />
 </div>
 
 <Spacing --med="16px" />
 
-{#if data.events.length > 0}
-  <EventList events={data.events} />
-{:else}
-  <EmptyContainer>
-    <p slot="content">There are no events scheduled!</p>
-  </EmptyContainer>
-{/if}
+<section class="calendar-section">
+  <div class="calendar-layout" class:has-detail={selectedEvent !== null}>
+    <EventCalendar events={data.events} on:select={handleEventSelect} />
+
+    {#if selectedEvent}
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
+      <!-- svelte-ignore a11y-no-static-element-interactions -->
+      <div class="mobile-overlay" on:click={handleClose}></div>
+      <EventDetail event={selectedEvent} on:close={handleClose} />
+    {/if}
+  </div>
+</section>
 
 <Spacing --min="8px" --med="63px" --max="88px" />
 
@@ -65,6 +81,38 @@
     text-align: center;
   }
 
+  .calendar-section {
+    display: flex;
+    justify-content: center;
+    padding: 0 20px;
+  }
+
+  .calendar-layout {
+    display: flex;
+    gap: 24px;
+    width: 100%;
+    max-width: 1280px;
+    align-items: flex-start;
+  }
+
+  .mobile-overlay {
+    display: none;
+  }
+
+  @media (max-width: 899px) {
+    .calendar-layout {
+      flex-direction: column;
+    }
+
+    .mobile-overlay {
+      display: block;
+      position: fixed;
+      inset: 0;
+      background-color: rgba(0, 0, 0, 0.4);
+      z-index: 99;
+    }
+  }
+
   @media (max-width: 300px) {
     .main-header {
       img {
diff --git a/src/routes/(site)/events/+page.ts b/src/routes/(site)/events/+page.ts
index 7537f8732..3e667563e 100644
--- a/src/routes/(site)/events/+page.ts
+++ b/src/routes/(site)/events/+page.ts
@@ -3,6 +3,9 @@ import type { ClubEvent } from '$lib/public/events/event';
 
 export async function load({ fetch }: PageLoadEvent) {
   const response = await fetch(`/events/all.json`);
+  if (!response.ok || response.status === 204) {
+    return { events: [] as ClubEvent[] };
+  }
   const events: ClubEvent[] = await response.json();
   return { events };
 }
diff --git a/src/routes/(site)/events/[query].json/+server.ts b/src/routes/(site)/events/[query].json/+server.ts
index 09ce6d79a..eb9655f27 100644
--- a/src/routes/(site)/events/[query].json/+server.ts
+++ b/src/routes/(site)/events/[query].json/+server.ts
@@ -11,7 +11,10 @@ export async function GET({ params }: RequestEvent<RouteParams>) {
   const events = await getData();
 
   if (events.length === 0) {
-    return new Response('[]', { status: 204 });
+    return new Response('[]', {
+      status: 200,
+      headers: { 'Content-Type': 'application/json' },
+    });
   }
 
   const filteredEvents =
diff --git a/src/routes/(site)/events/calendar.svelte b/src/routes/(site)/events/calendar.svelte
new file mode 100644
index 000000000..9476c07a1
--- /dev/null
+++ b/src/routes/(site)/events/calendar.svelte
@@ -0,0 +1,478 @@
+<script lang="ts">
+  import { onMount, onDestroy, createEventDispatcher } from 'svelte';
+  import { Calendar } from '@fullcalendar/core';
+  import dayGridPlugin from '@fullcalendar/daygrid';
+  import interactionPlugin from '@fullcalendar/interaction';
+  import type { ClubEvent } from '$lib/public/events/event';
+
+  export let events: ClubEvent[] = [];
+
+  const dispatch = createEventDispatcher<{ select: ClubEvent }>();
+
+  let calendarEl: HTMLDivElement;
+  let calendar: Calendar;
+
+  // Team color resolution — uses global CSS variables so dark mode & the
+  // `/colors` page remain the single source of truth.
+  // See src/lib/assets/global.json and https://acmcsuf.com/colors.
+  const KNOWN_TEAMS = new Set([
+    'general',
+    'ai',
+    'algo',
+    'design',
+    'dev',
+    'gamedev',
+    'icpc',
+    'marketing',
+    'oss',
+    'special-events',
+    'nodebuds',
+  ]);
+
+  function teamColor(team: string): string {
+    const key = KNOWN_TEAMS.has(team) ? team : 'general';
+    return `rgb(var(--acm-${key}-rgb))`;
+  }
+
+  // Short display labels for teams
+  const TEAM_LABELS: Record<string, string> = {
+    general: 'General',
+    ai: 'AI',
+    algo: 'Algo',
+    design: 'Design',
+    dev: 'Dev',
+    gamedev: 'Game Dev',
+    icpc: 'ICPC',
+    marketing: 'Marketing',
+    oss: 'Open Source',
+    'special-events': 'Special Event',
+    nodebuds: 'Node Buds',
+  };
+
+  // Remove the space inside "4:00 PM" so it renders as "4:00PM"
+  function compactTime(time: string): string {
+    return time.replace(/\s+/g, '');
+  }
+
+  // Strip the temporal bracket from date strings
+  function toISODate(temporalDate: string): string {
+    return temporalDate.replace(/\[.*\]$/, '');
+  }
+
+  function clubEventsToFCEvents(clubEvents: ClubEvent[]) {
+    return clubEvents.map((event) => {
+      const color = teamColor(event.team);
+      const label = TEAM_LABELS[event.team] ?? 'General';
+      const time = compactTime(event.startTime);
+      return {
+        id: event.id,
+        title: `${time} ${label}`,
+        start: toISODate(event.date),
+        backgroundColor: color,
+        borderColor: color,
+        extendedProps: { clubEvent: event },
+      };
+    });
+  }
+
+  const MOBILE_QUERY = '(max-width: 640px)';
+  let mq: MediaQueryList | null = null;
+
+  function getToolbarOptions(isMobile: boolean) {
+    if (isMobile) {
+      return {
+        headerToolbar: { left: 'prev', center: 'title', right: 'next' },
+        footerToolbar: { center: 'dayGridWeek,today,dayGridMonth' },
+      } as const;
+    }
+    return {
+      headerToolbar: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,dayGridWeek',
+      },
+      footerToolbar: false,
+    } as const;
+  }
+
+  function handleViewportChange() {
+    if (!calendar || !mq) return;
+    const opts = getToolbarOptions(mq.matches);
+    calendar.setOption('headerToolbar', opts.headerToolbar);
+    calendar.setOption('footerToolbar', opts.footerToolbar);
+  }
+
+  onMount(() => {
+    mq = window.matchMedia(MOBILE_QUERY);
+    const initial = getToolbarOptions(mq.matches);
+
+    calendar = new Calendar(calendarEl, {
+      plugins: [dayGridPlugin, interactionPlugin],
+      initialView: 'dayGridMonth',
+      events: clubEventsToFCEvents(events),
+      headerToolbar: initial.headerToolbar,
+      footerToolbar: initial.footerToolbar,
+      height: 'auto',
+      fixedWeekCount: false,
+      eventDisplay: 'list-item',
+      displayEventTime: false,
+      dayMaxEvents: 3,
+      eventClick(info) {
+        info.jsEvent.preventDefault();
+        const clubEvent = info.event.extendedProps.clubEvent as ClubEvent;
+        dispatch('select', clubEvent);
+      },
+      eventDidMount(info) {
+        info.el.style.cursor = 'pointer';
+      },
+    });
+
+    calendar.render();
+    mq.addEventListener('change', handleViewportChange);
+  });
+
+  onDestroy(() => {
+    if (mq) {
+      mq.removeEventListener('change', handleViewportChange);
+    }
+    if (calendar) {
+      calendar.destroy();
+    }
+  });
+
+  $: if (calendar) {
+    calendar.removeAllEvents();
+    calendar.addEventSource(clubEventsToFCEvents(events));
+  }
+</script>
+
+<div class="calendar-wrapper">
+  <div bind:this={calendarEl} class="calendar-el"></div>
+</div>
+
+<style lang="scss">
+  .calendar-wrapper {
+    flex: 1;
+    min-width: 0;
+    background-color: var(--acm-light);
+    border-radius: 16px;
+    padding: 16px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+  }
+
+  :global(html[data-theme='dark']) .calendar-wrapper {
+    --acm-light: #1e2432;
+    --acm-canvas: #2a3142;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :global(html:not([data-theme='light'])) .calendar-wrapper {
+      --acm-light: #1e2432;
+      --acm-canvas: #2a3142;
+    }
+  }
+
+  .calendar-el {
+    font-family: 'Poppins', 'Verdana', 'Helvetica', sans-serif;
+  }
+
+  /* FullCalendar overrides */
+  .calendar-wrapper :global {
+    /* Buttons */
+    .fc .fc-button {
+      font-family: 'Poppins', 'Verdana', 'Helvetica', sans-serif;
+      background-color: var(--acm-blue);
+      border-color: var(--acm-blue);
+      color: var(--perma-light);
+      border-radius: 8px;
+      font-weight: 500;
+      font-size: var(--size-xs);
+      padding: 6px 14px;
+      text-transform: capitalize;
+      transition: all 0.2s ease-in-out;
+    }
+
+    .fc .fc-button:hover {
+      background-color: var(--acm-sky);
+      border-color: var(--acm-sky);
+    }
+
+    .fc .fc-button:focus {
+      box-shadow: 0 0 0 3px rgba(var(--acm-blue-rgb), 0.4);
+    }
+
+    .fc .fc-button-primary:not(:disabled).fc-button-active,
+    .fc .fc-button-primary:not(:disabled):active {
+      background-color: var(--acm-darker);
+      border-color: var(--acm-darker);
+    }
+
+    /* Prev/Next navigation buttons — minimal style */
+    .fc .fc-prev-button,
+    .fc .fc-next-button {
+      background-color: transparent;
+      border: 2px solid var(--acm-blue);
+      color: var(--acm-blue);
+      border-radius: 50%;
+      width: 36px;
+      height: 36px;
+      padding: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .fc .fc-prev-button:hover,
+    .fc .fc-next-button:hover {
+      background-color: var(--acm-blue);
+      border-color: var(--acm-blue);
+      color: var(--perma-light);
+    }
+
+    .fc .fc-prev-button:focus,
+    .fc .fc-next-button:focus {
+      box-shadow: 0 0 0 3px rgba(var(--acm-blue-rgb), 0.3);
+    }
+
+    /* Today — outlined style so it doesn't blend with the solid-blue view toggles.
+       Border-radius intentionally omitted so it inherits the surrounding button-group
+       shape (0 between siblings, 8px standalone on desktop). */
+    .fc .fc-button-primary.fc-today-button,
+    .fc .fc-button-primary.fc-today-button:disabled {
+      background-color: var(--acm-light);
+      border-color: var(--acm-blue);
+      color: var(--acm-blue);
+    }
+
+    .fc .fc-button-primary.fc-today-button:hover:not(:disabled) {
+      background-color: var(--acm-blue);
+      border-color: var(--acm-blue);
+      color: var(--perma-light);
+    }
+
+    .fc .fc-button-primary.fc-today-button:disabled {
+      opacity: 0.45;
+      cursor: not-allowed;
+    }
+
+    /* Title */
+    .fc .fc-toolbar-title {
+      font-family: 'Poppins', 'Verdana', 'Helvetica', sans-serif;
+      font-size: var(--size-lg);
+      font-weight: 700;
+      color: var(--acm-blue);
+    }
+
+    /* Grid */
+    .fc {
+      --fc-border-color: var(--acm-canvas);
+      --fc-today-bg-color: rgba(var(--acm-blue-rgb), 0.08);
+      --fc-page-bg-color: var(--acm-light);
+      --fc-neutral-bg-color: var(--acm-light);
+      --fc-list-event-hover-bg-color: rgba(var(--acm-blue-rgb), 0.1);
+    }
+
+    .fc .fc-col-header-cell {
+      background-color: var(--acm-canvas);
+      padding: 8px 0;
+    }
+
+    .fc .fc-col-header-cell-cushion {
+      font-family: 'Poppins', 'Verdana', 'Helvetica', sans-serif;
+      font-weight: 600;
+      font-size: var(--size-xs);
+      color: var(--acm-dark);
+      text-decoration: none;
+    }
+
+    .fc .fc-daygrid-day-number {
+      font-family: 'Poppins', 'Verdana', 'Helvetica', sans-serif;
+      font-weight: 500;
+      font-size: var(--size-xs);
+      color: var(--acm-dark);
+      text-decoration: none;
+      padding: 6px 8px;
+    }
+
+    .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
+      color: var(--acm-blue);
+      font-weight: 700;
+    }
+
+    /* Day cells */
+    .fc .fc-daygrid-day {
+      background-color: var(--acm-light);
+      transition: background-color 0.15s ease-in-out;
+    }
+
+    .fc .fc-daygrid-day:hover {
+      background-color: rgba(var(--acm-blue-rgb), 0.04);
+    }
+
+    .fc .fc-daygrid-day-frame {
+      min-height: 100px;
+    }
+
+    /* Dot-style events */
+    .fc .fc-daygrid-event {
+      font-size: 0.8em;
+      padding: 2px 4px;
+      margin: 1px 2px;
+      transition: background-color 0.15s ease-in-out;
+      border-radius: 4px;
+    }
+
+    .fc .fc-daygrid-event:hover {
+      background-color: var(--acm-canvas);
+    }
+
+    /* Make the event dot a true circle */
+    .fc .fc-daygrid-event-dot {
+      border-width: 5px;
+      border-radius: 50%;
+      margin: 0 6px 0 2px;
+    }
+
+    .fc .fc-daygrid-dot-event .fc-event-title {
+      font-weight: 500;
+      color: var(--acm-dark);
+    }
+
+    /* More link */
+    .fc .fc-daygrid-more-link {
+      font-family: 'Poppins', 'Verdana', 'Helvetica', sans-serif;
+      font-weight: 600;
+      color: var(--acm-blue);
+      font-size: var(--size-xs);
+    }
+
+    /* Popover */
+    .fc .fc-popover {
+      border-radius: 12px;
+      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
+      border: 1px solid var(--acm-canvas);
+      background-color: var(--acm-light);
+    }
+
+    .fc .fc-popover-header {
+      font-family: 'Poppins', 'Verdana', 'Helvetica', sans-serif;
+      font-weight: 600;
+      background-color: var(--acm-canvas);
+      border-radius: 12px 12px 0 0;
+      padding: 8px 12px;
+      color: var(--acm-dark);
+    }
+
+    /* Scrollbar */
+    .fc .fc-scroller {
+      overflow: auto !important;
+    }
+
+    /* Toolbar */
+    .fc .fc-toolbar {
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-bottom: 16px !important;
+    }
+
+    .fc .fc-toolbar-chunk {
+      display: flex;
+      align-items: center;
+    }
+
+    /* Button groups */
+    .fc .fc-button-group > .fc-button {
+      border-radius: 0;
+    }
+
+    .fc .fc-button-group > .fc-button:first-child {
+      border-radius: 8px 0 0 8px;
+    }
+
+    .fc .fc-button-group > .fc-button:last-child {
+      border-radius: 0 8px 8px 0;
+    }
+
+    /* Other days */
+    .fc .fc-day-other .fc-daygrid-day-number {
+      opacity: 0.4;
+    }
+
+    /* Footer toolbar (only rendered on mobile via JS) */
+    .fc .fc-footer-toolbar {
+      flex-wrap: wrap;
+      gap: 8px;
+      justify-content: center;
+    }
+
+    /* Mobile responsive */
+    @media (max-width: 640px) {
+      /* Reorder so the footer toolbar (week/today/month) sits under the title
+         and above the calendar grid, instead of below the grid. */
+      .fc {
+        display: flex;
+        flex-direction: column;
+      }
+      .fc .fc-header-toolbar {
+        order: 0;
+        margin-bottom: 8px !important;
+        align-items: center;
+        justify-content: center;
+        gap: 16px;
+      }
+      .fc .fc-header-toolbar .fc-toolbar-chunk {
+        display: flex;
+        align-items: center;
+      }
+      .fc .fc-header-toolbar .fc-toolbar-title {
+        margin: 0;
+        line-height: 1;
+      }
+      .fc .fc-footer-toolbar {
+        order: 1;
+        margin-top: 0 !important;
+        margin-bottom: 12px !important;
+      }
+      .fc .fc-view-harness {
+        order: 2;
+      }
+
+      .fc .fc-toolbar-title {
+        font-size: var(--size-md);
+        text-align: center;
+      }
+
+      .fc .fc-button {
+        font-size: 0.7rem;
+        padding: 4px 10px;
+      }
+
+      .fc .fc-prev-button,
+      .fc .fc-next-button {
+        width: 32px;
+        height: 32px;
+      }
+
+      .fc .fc-daygrid-day-number {
+        padding: 4px 6px;
+        font-size: 0.7rem;
+      }
+
+      .fc .fc-col-header-cell {
+        padding: 4px 0;
+      }
+
+      .fc .fc-col-header-cell-cushion {
+        font-size: 0.65rem;
+      }
+
+      .fc .fc-daygrid-event {
+        font-size: 0.65rem;
+      }
+
+      .fc .fc-daygrid-day-frame {
+        min-height: 70px;
+      }
+    }
+  }
+</style>
diff --git a/src/routes/(site)/events/event-detail.svelte b/src/routes/(site)/events/event-detail.svelte
new file mode 100644
index 000000000..3c345602c
--- /dev/null
+++ b/src/routes/(site)/events/event-detail.svelte
@@ -0,0 +1,362 @@
+<script lang="ts">
+  import { createEventDispatcher } from 'svelte';
+  import { fly } from 'svelte/transition';
+  import { copy } from '$lib/public/copy/copy';
+  import type { ClubEvent } from '$lib/public/events/event';
+  import BwIcon from '$lib/components/bw-icon/bw-icon.svelte';
+
+  export let event: ClubEvent;
+
+  const dispatch = createEventDispatcher<{ close: void }>();
+
+  function formatLocation(location?: string | null, hosted = ['Discord', 'Zoom']): string {
+    location = location?.trim() ?? '';
+    if (location === '') return 'TBD';
+    return hosted.includes(location) ? `Hosted on ${location}` : location;
+  }
+
+  function handleJoin() {
+    window.open(event.meetingLink, '_blank', 'noopener,noreferrer');
+  }
+</script>
+
+<aside
+  class="event-detail"
+  style:--highlights={`var(--acm-${event.team}-rgb)`}
+  transition:fly={{ x: 300, duration: 250 }}
+>
+  <div class="detail-header">
+    <h3 class="size-md acm-heaviest">Event Details</h3>
+    <button class="close-btn" on:click={() => dispatch('close')} aria-label="Close event details">
+      <svg
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      >
+        <line x1="18" y1="6" x2="6" y2="18" />
+        <line x1="6" y1="6" x2="18" y2="18" />
+      </svg>
+    </button>
+  </div>
+
+  <div class="detail-body">
+    <h2 class="event-title acm-heaviest">{event.title}</h2>
+
+    <div class="event-meta">
+      <div class="meta-row">
+        <svg
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+        >
+          <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
+          <line x1="16" y1="2" x2="16" y2="6" />
+          <line x1="8" y1="2" x2="8" y2="6" />
+          <line x1="3" y1="10" x2="21" y2="10" />
+        </svg>
+        <span>{event.month} {event.day}</span>
+      </div>
+
+      <div class="meta-row">
+        <svg
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+        >
+          <circle cx="12" cy="12" r="10" />
+          <polyline points="12 6 12 12 16 14" />
+        </svg>
+        <span>{event.startTime} - {event.endTime}</span>
+      </div>
+
+      <div class="meta-row">
+        <svg
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+        >
+          <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
+          <circle cx="12" cy="10" r="3" />
+        </svg>
+        <span>{formatLocation(event.location)}</span>
+      </div>
+
+      {#if event.recurring}
+        <div class="meta-row">
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+          >
+            <polyline points="23 4 23 10 17 10" />
+            <polyline points="1 20 1 14 7 14" />
+            <path d="M3.51 9a9 9 0 0114.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0020.49 15" />
+          </svg>
+          <span>Recurring event</span>
+        </div>
+      {/if}
+    </div>
+
+    <div class="event-description">
+      {@html event.description}
+    </div>
+
+    {#if !event.hasEnded}
+      <button class="join-btn" on:click={handleJoin}> Join Event </button>
+
+      <div class="action-bar">
+        <button
+          class="action-item"
+          title="Copy event link"
+          on:click={() =>
+            copy(
+              event.selfLink,
+              'Copied event link to clipboard!',
+              'Failed to copy event link to clipboard!',
+              event.team
+            )}
+        >
+          <BwIcon src="/assets/copy-link.svg" alt="Copy link" />
+        </button>
+        <button
+          class="action-item"
+          title="Copy event summary"
+          on:click={() =>
+            copy(
+              event.summary,
+              'Copied event summary to clipboard!',
+              'Failed to copy event summary to clipboard!',
+              event.team
+            )}
+        >
+          <BwIcon src="/assets/copy-text.svg" alt="Copy summary" />
+        </button>
+        <button
+          class="action-item"
+          title="Add to Google Calendar"
+          on:click={() =>
+            copy(
+              event.calendarLinks.google,
+              'Copied Google Calendar link to clipboard!',
+              'Failed to copy Google Calendar link to clipboard!',
+              event.team
+            )}
+        >
+          <BwIcon src="/assets/calendar-google.svg" alt="Google Calendar" />
+        </button>
+        <button
+          class="action-item"
+          title="Add to Outlook Calendar"
+          on:click={() =>
+            copy(
+              event.calendarLinks.outlook,
+              'Copied Microsoft Outlook calendar link to clipboard!',
+              'Failed to copy Microsoft Outlook calendar link to clipboard!',
+              event.team
+            )}
+        >
+          <BwIcon src="/assets/calendar-outlook.svg" alt="Outlook Calendar" />
+        </button>
+      </div>
+    {/if}
+  </div>
+</aside>
+
+<style lang="scss">
+  .event-detail {
+    width: 360px;
+    min-width: 360px;
+    height: fit-content;
+    max-height: calc(100vh - 240px);
+    overflow-y: auto;
+    background-color: var(--acm-light);
+    border: 2px solid var(--acm-canvas);
+    border-radius: 20px;
+    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
+    position: sticky;
+    top: 120px;
+  }
+
+  :global(html[data-theme='dark']) .event-detail {
+    --acm-light: #1e2432;
+    --acm-canvas: #2a3142;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :global(html:not([data-theme='light'])) .event-detail {
+      --acm-light: #1e2432;
+      --acm-canvas: #2a3142;
+    }
+  }
+
+  .detail-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 20px;
+    border-bottom: 1px solid var(--acm-canvas);
+    position: sticky;
+    top: 0;
+    background-color: var(--acm-light);
+    border-radius: 20px 20px 0 0;
+    z-index: 1;
+
+    h3 {
+      color: var(--acm-dark);
+    }
+  }
+
+  .close-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    border: none;
+    border-radius: 8px;
+    background-color: transparent;
+    color: var(--acm-dark);
+    cursor: pointer;
+    transition: background-color 0.15s ease-in-out;
+  }
+
+  .close-btn:hover {
+    background-color: var(--acm-canvas);
+  }
+
+  .detail-body {
+    padding: 20px;
+  }
+
+  .event-title {
+    font-size: var(--size-md);
+    color: var(--acm-dark);
+    line-height: 1.3;
+    margin-bottom: 16px;
+  }
+
+  .event-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-bottom: 20px;
+  }
+
+  .meta-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-size: var(--size-xs);
+    color: var(--acm-dark);
+
+    svg {
+      flex-shrink: 0;
+      stroke: rgb(var(--highlights));
+    }
+  }
+
+  .event-description {
+    font-size: var(--size-xs);
+    line-height: 1.6;
+    color: var(--acm-dark);
+    margin-bottom: 20px;
+    overflow-wrap: break-word;
+    opacity: 0.85;
+  }
+
+  .event-description:empty::after {
+    content: 'No description available.';
+    opacity: 0.6;
+    font-style: italic;
+  }
+
+  .join-btn {
+    display: block;
+    width: 100%;
+    padding: 12px;
+    border: none;
+    border-radius: 12px;
+    background-color: rgb(var(--highlights));
+    color: var(--perma-light);
+    font-family: 'Poppins', 'Verdana', 'Helvetica', sans-serif;
+    font-size: var(--size-sm);
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+    margin-bottom: 16px;
+  }
+
+  .join-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 16px rgba(var(--highlights), 0.4);
+  }
+
+  .action-bar {
+    display: flex;
+    justify-content: center;
+    gap: 12px;
+  }
+
+  .action-item {
+    --size: 36px;
+    width: var(--size);
+    height: var(--size);
+    padding: calc(var(--size) * 0.15);
+    border-radius: 50%;
+    border: 1.5px solid var(--acm-canvas);
+    background-color: var(--acm-light);
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .action-item:hover {
+    border-color: rgb(var(--highlights));
+    box-shadow: 0 2px 8px rgba(var(--highlights), 0.3);
+    transform: translateY(-2px);
+  }
+
+  /* Mobile */
+  @media (max-width: 899px) {
+    .event-detail {
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: calc(100% - 32px);
+      max-width: 420px;
+      min-width: unset;
+      max-height: 85vh;
+      border-radius: 16px;
+      z-index: 100;
+      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
+      overflow: hidden;
+    }
+
+    .detail-header {
+      border-radius: 16px 16px 0 0;
+    }
+  }
+</style>
diff --git a/src/routes/(site)/events/event.svelte b/src/routes/(site)/events/event.svelte
index 80463b54e..2d4f9ab1b 100644
--- a/src/routes/(site)/events/event.svelte
+++ b/src/routes/(site)/events/event.svelte
@@ -50,7 +50,7 @@
   tabindex="0"
 >
   <!-- Workaround for the top panel covering the event card's anchor. -->
-  <div class="anchor" id={info.id} bind:this={anchor} />
+  <div class="anchor" id={info.id} bind:this={anchor}></div>
   <details class="event-card" bind:this={details} class:highlighted={shown} role="region">
     <summary class="event-body">
       <div class="event-name">
diff --git a/src/routes/(site)/gallery/+page.svelte b/src/routes/(site)/gallery/+page.svelte
index def6c2f0c..bc97de0a7 100644
--- a/src/routes/(site)/gallery/+page.svelte
+++ b/src/routes/(site)/gallery/+page.svelte
@@ -24,7 +24,7 @@
       height="480"
       allow="autoplay"
       loading="lazy"
-    />
+    ></iframe>
   {/each}
 </section>
 
diff --git a/src/routes/(site)/quiz/progress-bar.svelte b/src/routes/(site)/quiz/progress-bar.svelte
index 6b5e6cbd7..5bef8c95f 100644
--- a/src/routes/(site)/quiz/progress-bar.svelte
+++ b/src/routes/(site)/quiz/progress-bar.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class="progress-bar" style={`--color-fill: ${fillColor}`}>
-  <div class="progress-fill" style={`--progress-status: ${progress}%`} />
+  <div class="progress-fill" style={`--progress-status: ${progress}%`}></div>
   <h3>{progress.toFixed(0)}%</h3>
 </div>