From 726da94049f26e169de379f547b9fa1e4e759e1a Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Tue, 17 Feb 2026 18:55:22 +0000
Subject: [PATCH 01/24] Initial redesign + import of past event data

---
 .gitignore                      |   3 +
 package-lock.json               |  17 ++
 src/App.vue                     |   1 -
 src/components/CalendarMain.vue |  97 +++------
 src/components/EventItem.vue    |  10 +-
 src/components/LiveSite.vue     |  48 ++++-
 src/components/TitleBlock.vue   |  35 +++-
 src/components/YoutubeEmbed.vue |   2 +-
 src/data/2014.json              | 223 +++++++++++++++++++++
 src/data/2015.json              | 344 ++++++++++++++++++++++++++++++++
 src/data/2016.json              | 304 ++++++++++++++++++++++++++++
 src/data/2017.json              |  96 +++++++++
 12 files changed, 1097 insertions(+), 83 deletions(-)
 create mode 100644 src/data/2014.json
 create mode 100644 src/data/2015.json
 create mode 100644 src/data/2016.json
 create mode 100644 src/data/2017.json

diff --git a/.gitignore b/.gitignore
index cd68f14..bcc2d32 100644
--- a/.gitignore
+++ b/.gitignore
@@ -37,3 +37,6 @@ __screenshots__/
 
 # Vite
 *.timestamp-*-*.mjs
+
+# Secrets
+.env
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index bd3c78f..7f93845 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4649,6 +4649,23 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yaml": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
+      "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
+      "license": "ISC",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/src/App.vue b/src/App.vue
index 1a1cf97..db1232e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,6 @@
 <script setup>
 import ComingSoonPage from "./components/ComingSoonPage.vue"
 import LiveSite from "./components/LiveSite.vue"
-
 const isDevEnabled = import.meta.env.VITE_DEV === "true"
 </script>
 
diff --git a/src/components/CalendarMain.vue b/src/components/CalendarMain.vue
index 3af4223..458ab96 100644
--- a/src/components/CalendarMain.vue
+++ b/src/components/CalendarMain.vue
@@ -1,62 +1,14 @@
 <script setup>
 import EventItem from "./EventItem.vue"
 import { ref } from "vue"
+import { defineProps } from "vue"
 
-// Example data structure for events grouped by date/location
-const tabs = [
-  {
-    label: "Wednesday-15th | Security",
-    events: [
-      {
-        time: "15:00",
-        heading: "Documentation",
-        location: "LG26",
-        description: `Vue’s\n<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>\nprovides you with all information you need to get started.`,
-      },
-    ],
+const props = defineProps({
+  tabs: {
+    type: Array,
+    required: true,
   },
-  {
-    label: "Thursday-15th | Security",
-    events: [
-      {
-        time: "15:00",
-        heading: "1Documentation",
-        location: "LG26",
-        description: `Vue’s\n<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>\nprovides you with all information you need to get started.`,
-      },
-      {
-        time: "15:00",
-        heading: "1Documentation",
-        location: "LG26",
-        description: `Vue’s\n<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>\nprovides you with all information you need to get started.`,
-      },
-      {
-        time: "15:00",
-        heading: "1Documentation",
-        location: "LG26",
-        description: `Vue’s\n<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>\nprovides you with all information you need to get started.`,
-      },
-      {
-        time: "15:00",
-        heading: "1Documentation",
-        location: "LG26",
-        description: `Vue’s\n<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>\nprovides you with all information you need to get started.`,
-      },
-      {
-        time: "15:00",
-        heading: "1Documentation",
-        location: "LG26",
-        description: `Vue’s\n<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>\nprovides you with all information you need to get started.`,
-      },
-      {
-        time: "15:00",
-        heading: "1Documentation",
-        location: "LG26",
-        description: `Vue’s\n<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>\nprovides you with all information you need to get started.`,
-      },
-    ],
-  },
-]
+})
 
 const selectedTab = ref(0)
 </script>
@@ -64,28 +16,29 @@ const selectedTab = ref(0)
 <template>
   <div class="w-full max-w-3xl mx-auto">
     <!-- Tab Navigation -->
-    <div class="flex border-b border-gray-200 dark:border-gray-700 mb-4 justify-center">
-      <button
-        v-for="(tab, idx) in tabs"
-        :key="tab.label"
-        @click="selectedTab = idx"
-        :class="[
-          'py-2 px-4 -mb-px font-semibold focus:outline-none',
-          selectedTab === idx
-            ? 'border-b-2 border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400'
-            : 'text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400',
-        ]"
-        type="button"
-      >
-        {{ tab.label }}
-      </button>
+    <div class="px-2">
+      <div class="flex flex-col md:flex-row gap-2 justify-center">
+        <button
+          v-for="(tab, idx) in props.tabs"
+          :key="tab.label"
+          @click="selectedTab = idx"
+          :class="[
+            'py-1 px-1 font-semibold focus:outline-none transition-colors duration-200 cursor-pointer',
+            'rounded-t-lg',
+            selectedTab === idx
+              ? 'bg-blue-100 dark:bg-blue-900 border-b-2 border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400'
+              : 'bg-gray-100 dark:bg-gray-800 text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400',
+          ]"
+          type="button"
+        >
+          {{ tab.label }}
+        </button>
+      </div>
     </div>
-
-    <!-- Tab Content with Animation (fix snap) -->
     <transition name="list-fade" mode="out-in" appear>
       <div :key="selectedTab" class="space-y-4">
         <div
-          v-for="event in tabs[selectedTab].events"
+          v-for="event in props.tabs[selectedTab].events"
           :key="event.heading + event.time + event.location"
         >
           <EventItem>
diff --git a/src/components/EventItem.vue b/src/components/EventItem.vue
index 87fe3b3..3e671ef 100644
--- a/src/components/EventItem.vue
+++ b/src/components/EventItem.vue
@@ -1,14 +1,16 @@
 <template>
-  <div class="flow-root max-w-3xl mx-auto mt-8 sm:mt-12 lg:mt-16">
+  <div class="flow-root max-w-3xl mx-auto sm:mt-5">
     <div class="-my-4 divide-y divide-gray-200 dark:divide-gray-700">
       <div class="flex flex-col gap-2 py-4 sm:gap-6 sm:flex-row sm:items-center justify-center">
-        <p class="text-lg font-normal text-gray-500 sm:text-right dark:text-gray-400 shrink-0">
+        <p
+          class="text-base sm:text-lg font-normal text-gray-500 sm:text-right dark:text-gray-400 shrink-0"
+        >
           <slot name="time"></slot>
         </p>
-        <h3 class="text-lg font-semibold text-gray-900 dark:text-white">
+        <h3 class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">
           <a href="#" class="hover:underline"><slot name="heading"></slot></a>
         </h3>
-        <p class="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+        <p class="mt-1 text-xs sm:text-sm font-normal text-gray-500 dark:text-gray-400">
           <slot name="location"></slot>
         </p>
       </div>
diff --git a/src/components/LiveSite.vue b/src/components/LiveSite.vue
index 20b5511..ced9f6a 100644
--- a/src/components/LiveSite.vue
+++ b/src/components/LiveSite.vue
@@ -2,21 +2,63 @@
 import CalendarMain from "./CalendarMain.vue"
 import TitleBlock from "./TitleBlock.vue"
 import YoutubeEmbed from "./YoutubeEmbed.vue"
+import { ref, computed, watchEffect, defineExpose } from "vue"
+
+const year = computed(() => {
+  const path = window.location.pathname
+  const match = path.match(/\/(\d{4})/)
+  return match ? match[1] : "2026"
+})
+
+const data = ref(null)
+
+async function loadData() {
+  try {
+    data.value = (await import(`../data/${year.value}.json`)).default
+  } catch {
+    data.value = (await import("../data/2014.json")).default
+  }
+}
+
+watchEffect(() => {
+  loadData()
+})
+
+const subtitle = computed(() => {
+  if (!data.value) return ""
+  return `${data.value.location} ${data.value.start} - ${data.value.end} ${data.value.month} ${data.value.year}`
+})
+
+const calendarTabs = computed(() => {
+  if (!data.value) return []
+  return data.value.days.map((day) => ({
+    label: `${day.day}: ${day.description}`,
+    events: day.events.map((event) => ({
+      time: event.time,
+      heading: event.name,
+      location: event.place?.id || "",
+      description: event.description,
+      by: event.by,
+    })),
+  }))
+})
+
+defineExpose({ data, calendarTabs, subtitle })
 </script>
 
 <template>
   <div class="mx-auto flex min-h-screen w-full max-w-7xl flex-col gap-6 px-4 py-6 sm:px-6 lg:px-8">
     <header class="w-full">
-      <TitleBlock />
+      <TitleBlock :title="'Tech Week'" :subtitle="subtitle" />
     </header>
 
     <main class="grid grid-cols-1 items-start gap-6 lg:grid-cols-12">
       <section class="lg:col-span-5">
-        <YoutubeEmbed urlID="tipxfFOPdDo?si=fAco-y9XacPtvruK" />
+        <YoutubeEmbed :urlID="data && data.video ? data.video : ''" />
       </section>
 
       <section class="lg:col-span-7">
-        <CalendarMain />
+        <CalendarMain :tabs="calendarTabs" />
       </section>
     </main>
   </div>
diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
index b4ae3ce..667a59e 100644
--- a/src/components/TitleBlock.vue
+++ b/src/components/TitleBlock.vue
@@ -1,8 +1,39 @@
+<script setup>
+import { defineProps } from "vue"
+
+// Dynamically get years from data folder using Vite's import.meta.glob
+const files = import.meta.glob("../data/*.json")
+const years = Object.keys(files)
+  .map((file) => parseInt(file.match(/(\d{4})\.json$/)?.[1]))
+  .filter(Boolean)
+  .sort()
+  .reverse()
+
+const props = defineProps({
+  title: String,
+  subtitle: String,
+})
+
+function goToYear(year) {
+  window.location.href = `/${year}`
+}
+</script>
+
 <template>
   <div
     class="wrapper flex flex-col items-center text-center bg-red-600 text-white p-8 rounded-lg shadow-lg mt-8"
   >
-    <h1 class="text-4xl font-bold mb-2">Tech Week</h1>
-    <p class="text-lg mb-0">Dublin City University 15 - 29 March 2017</p>
+    <h1 class="text-4xl font-bold mb-2">{{ props.title }}</h1>
+    <p class="text-lg mb-0">{{ props.subtitle }}</p>
+    <div class="mt-4 flex gap-2">
+      <span v-for="year in years" :key="year">
+        <button
+          class="bg-white text-red-600 font-semibold px-3 py-1 rounded hover:bg-red-100 transition cursor-pointer"
+          @click="goToYear(year)"
+        >
+          {{ year }}
+        </button>
+      </span>
+    </div>
   </div>
 </template>
diff --git a/src/components/YoutubeEmbed.vue b/src/components/YoutubeEmbed.vue
index fd40689..39a799e 100644
--- a/src/components/YoutubeEmbed.vue
+++ b/src/components/YoutubeEmbed.vue
@@ -3,7 +3,7 @@
     <iframe
       v-if="urlID"
       class="aspect-video w-full rounded-lg"
-      :src="`https://www.youtube.com/embed/${urlID}`"
+      :src="`${urlID}`"
       title="YouTube video player"
       frameborder="0"
       allow="
diff --git a/src/data/2014.json b/src/data/2014.json
new file mode 100644
index 0000000..cc7f746
--- /dev/null
+++ b/src/data/2014.json
@@ -0,0 +1,223 @@
+{
+  "title": "2014",
+  "location": "Dublin City University",
+  "start": 3,
+  "end": 7,
+  "month": "March",
+  "year": 2014,
+  "live": "2014-03-03T12:00:00",
+  "archive": "true",
+  "video": "https://www.youtube.com/embed/4pHZQyMXdCk",
+  "days": [
+    {
+      "day": "Monday",
+      "description": "Design",
+      "events": [
+        {
+          "name": "Tech Week: Activate",
+          "by": "Redbrick DCU's Computer Networking Society",
+          "time": "12:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Get ready to have your circuits fried as we press the GO button! Launching the DCU Tech week into your minds, networks and hearts. This week is a celebration of all thing Technology and we have lots of inspirational events lined up for you tech addicts! #TechWeekDCU"
+        },
+        {
+          "name": "3D Modelling - Blender for Beginners",
+          "by": "Dave Larkan",
+          "time": "15:00",
+          "place": {
+            "id": "LG26",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Dave Larkan is a previous chairperson of redbrick and is a very talented individual, he has run some very successful workshops on similar topics before. This will be an introductory workshop to the fantastic free and open source 3D modelling tool that is Blender. You will be amazed at how quickly you can learn to build graphical 3D objects under Dave's guidance. This workshop/lab normally fills up quite quickly, bring a laptop with blender installed just to be sure you can take part. This is open to all and requires no previous knowledge of blender or 3D Modelling!"
+        },
+        {
+          "name": "Web Development 101",
+          "by": "Max Hoffman",
+          "time": "17:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Max Hoffman is a wise and greatly experienced web developer with a keen eye for smart design. He will be taking us through the ins and outs of web design, focusing on techniques and tricks that help your site stand out above the rest. This is a very useful talk for those new to web design or development or even those familiar with it but looking for helpful tips from an expert."
+        }
+      ]
+    },
+    {
+      "day": "Tuesday",
+      "description": "Mobile and ARM",
+      "events": [
+        {
+          "name": "Intro to Mobile Development (iOS and Android)",
+          "by": "Dan Malone and Robert Lis",
+          "time": "13:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Dan Malone and Robert Lis are two extremely smart and talented Software developers. They are also 4th year CA students. They will be taking us through the very basics of mobile development on different platforms, comparing the two and possibly arguing about which is the better platform. Could you make the next flappy bird?"
+        },
+        {
+          "name": "Awesome Raspberry Pi Projects",
+          "by": "Everyone",
+          "time": "15:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "We have some Awesome, smart and resourceful people lined up to show off Raspberry pi projects they have worked on. Ranging from Industrial monitoring equipment to Car dashboard hacking. You are guaranteed to see something inspirational or interesting here. If you have a cool project of your own, bring it along! This is an opportunity to show it to the world."
+        },
+        {
+          "name": "Screening",
+          "by": "Movies",
+          "time": "17:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "If you haven't already seen We are Legion: How hackers changed the world you are in for a treat. Plenty of treats/pizzas to go along with this documentary movie! Don't forget your Guy Fawkes masks :)"
+        }
+      ]
+    },
+    {
+      "day": "Wednesday",
+      "description": "OpenNet",
+      "events": [
+        {
+          "name": "Virtulisation",
+          "by": "OpenNet",
+          "time": "14:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Director of Engineering at Openet Niall O'Connell comes in to talk about Virtualisation answering questions such as \"Why you would want to virtualise network systems in the first place?\", \"What advantages you can expect from doing that?\". With the role virtualisation plays in the modern computing industry, this talk is a must for any student of computing or engineering. This talk is the first of a series that Openet are providing DCU in the coming weeks."
+        },
+        {
+          "name": "Coding Competition",
+          "by": "OpenNet",
+          "time": "15:00",
+          "place": {
+            "id": "L101",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Last year's Openet Coding Competition saw five of the sixteen competitors receiving job offers following the event. This time around, Openet are offering a cash prize of €1,000 for the winner, and €500 for the runners up. This event is a must for anyone looking into a career in computing. You can find more information and sign up here."
+        },
+        {
+          "name": "Coding Competition Results",
+          "by": "OpenNet",
+          "time": "17:00",
+          "place": {
+            "id": "NuBar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Openet are offering free drinks and food in NuBar after the competition to all taking part. Joe Hogan, founder of Openet and graduate of DCU will be there to announce the winners of the competition."
+        }
+      ]
+    },
+    {
+      "day": "Thursday",
+      "description": "Amazon",
+      "events": [
+        {
+          "name": "Hazelcast: An Open Source In-memory Data Grid for Java",
+          "by": "Adrian",
+          "time": "14:00",
+          "place": {
+            "id": "The Old bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "The speaker: Adrian is a Technical Architect and has worked for Acenture for over 11 years. He has a degree in Computer Engineering from TCD. This promises to be a highly interesting technical talk on cutting edge industry technology implemented by Accenture on client sites.  "
+        },
+        {
+          "name": "Building AWS Cloudfront",
+          "by": "AWS",
+          "time": "15:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "The epic tale of how one young software engineer from Wicklow and another not-quite-so-young systems engineer from Wicklow ended up building the request routing system for the AWS content delivery network, Amazon Cloudfront."
+        },
+        {
+          "name": "Test Driven Development",
+          "by": "AWS",
+          "time": "16:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Amazon talks to us about Test Driven Development, a highly sought after skill in graduates seeking a career in the field of software engineering. These are the techniques employed to guarantee you create higher quality software and code."
+        },
+        {
+          "name": "How does your broadband actually work?",
+          "by": "Colin Whittaker",
+          "time": "17:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Redbrick Associate Colin Whittaker joins us again this year after his excellent talk last year: \"How the Internet Works\". What really happens to your packets once they leave your house? In this \"choose your own adventure\" style talk we will investigate how ISP access networks are really built! This is sure to be an interesting and informative discussion, regardless of your experience in computing."
+        },
+        {
+          "name": "Meet with Amazon Engineers and Recruitment",
+          "by": "AWS",
+          "time": "18:00",
+          "place": {
+            "id": "The NuBar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "To round off the day, some of Amazon's engineers will be over in in NuBar after the talks. This is a great opportunity to rub-shoulders with some industry professionals. Bring your CVs, they're hiring!"
+        }
+      ]
+    },
+    {
+      "day": "Friday",
+      "description": "Security",
+      "events": [
+        {
+          "name": "Web Security Attactics",
+          "by": "Ciaran McNally",
+          "time": "14:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Ciaran McNally is a current Redbrick Administrator, he has uncovered security bugs in products such as Moodle and to companies such as Yahoo. This talk will take you through the basics of common web security attacks, how they occur, how to exploit them, the risks, dangers and why you should be aware of them. All with real-world \"grey-hat\" examples. This is an introductory talk, essential for web developers or anyone interested in how websites get attacked and compromised."
+        },
+        {
+          "name": "Log analysis & Intrusion Detection",
+          "by": "Richard Dalton",
+          "time": "14:30",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Richard Dalton is a talented security consultant with Rits security group. He will be taking us through some defensive security measures you could employ to prevent or alert yourself of intrusions or hack attempts.These are essential skills in protecting yourself or your digital assets. This talk is very useful for system administrators, developers and web site owners."
+        },
+        {
+          "name": "Challenges in malware reverse engineering",
+          "by": "Andrea Lelli",
+          "time": "15:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Andrea Lelli is a Senior Reverse engineer and Malware expert working with Symantec. This talk will explain how computer threats are analyzed, The challenges that are faced, what the folk in Symantec do on a daily basis. These topics will all be explained using some recent examples. This talk is amateur friendly, it's an introductory talk about reverse engineering."
+        },
+        {
+          "name": "E-Crime, Cyber Espionage and War",
+          "by": "Alan Neville",
+          "time": "16:00",
+          "place": {
+            "id": "The Old Bar",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Alan Neville is also a Senior Reverse Engineer and Malware expert working in Symantec. This talk will follow up on Andrea's with a higher level view of where reverse engineering fits into a malware attack response team. This will use real world case studies, Providing expert insight into threat analysis and some of the massive cyber attacks we would never otherwise hear about."
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/data/2015.json b/src/data/2015.json
new file mode 100644
index 0000000..0967fee
--- /dev/null
+++ b/src/data/2015.json
@@ -0,0 +1,344 @@
+{
+  "title": "2015",
+  "template": "schedule",
+  "location": "Dublin City University",
+  "start": 9,
+  "end": 13,
+  "month": "March",
+  "year": 2015,
+  "live": "2015-03-09T12:00:00",
+  "archive": "true",
+  "video": "https://www.youtube.com/embed/videoseries?list=PLPaLJSHTDMFgYNnnEOjuvdm6WqOFTSQ9z",
+  "days": [
+    {
+      "day": "Monday",
+      "description": "Amazon",
+      "events": [
+        {
+          "name": "Opening Event",
+          "by": "Richard Walsh, Jeff Caselden, Rory O'Connor",
+          "time": "12:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "We will be opening #TechWeekDCU 2015 with an opening address from our Chairperson Richard Walsh, the General Manager of Amazon Data Services Ireland Ltd Jeff Caselden and the Head of the School of Computing in DCU Rory O' Connor. "
+        },
+        {
+          "name": "Cloud Watching with AWS CloudWatch",
+          "by": "John O'Shea - Amazon",
+          "time": "12:15",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Amazon CloudWatch is a monitoring service for AWS cloud resources and the applications you run on AWS. You can use Amazon CloudWatch to collect and track metrics, collect and monitor log files, and set alarms.You can use Amazon CloudWatch to gain system-wide visibility into resource utilization, application performance, and operational health. You can use these insights to react and keep your application running smoothly. We'll have some Amazon Engineers taking us through how it works, and the importance that monitoring plays in Amazon-Scale computing."
+        },
+        {
+          "name": "Talking Things: Internet of Things",
+          "by": "Ronan Guilfoyle - Amazon",
+          "time": "13:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Description to come."
+        },
+        {
+          "name": "Lunch",
+          "by": "Food",
+          "time": "14:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Time for food to keep all the #TechWeekDCU enthusiasts going!"
+        },
+        {
+          "name": "Project Workshops with Amazon SDEs",
+          "by": "Amazon Engineers",
+          "time": "15:00",
+          "place": {
+            "id": "LG26",
+            "map": "DCU"
+          },
+          "description": "Amazon will be bringing in some of their very own SDE's who will be offering help to 3rd & 4th year students with their 3rd Year Projects and 4th Year Projects respectively. Come along for advice on anything from, optimisation, cloud deployment, website architecture, version control, frameworks. This will be a great time to get advice from people who are actually working in industry, and hopefully maximise your marks as a result."
+        },
+        {
+          "name": "Managing the Pace of Innovation: Behind the Scenes at AWS",
+          "by": "Colin Whittaker - grimnar@redbrick - Amazon",
+          "time": "16:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "AWS launched in 2006, and since then we have released more than 1,000 services, features, and major announcements. Every year, AWS outpace the previous year in launches and are continuously accelerating the pace of innovation across the organization.\n Network Engineer at Amazon Dublin, long-time redbrick favourite, and holder of many patents Colin Whittaker returns again to share some Internet related knowledge. Colin has presented to redbrick many times over the years and is returning to share how teams in AWS are able to formulate customer-centric ideas, turn them into features and services, and get them to market quickly. This session dives deep into how an idea becomes a service at AWS and how we continue to evolve the service after release through innovation at every level. We will then walk through some real-world examples of how we applied these concepts to launch a new AWS service. Come learn about the rapid pace of innovation at AWS, and the culture that formulates magic behind the scenes."
+        },
+        {
+          "name": "Networking",
+          "by": "Redbrick & Amazon",
+          "time": "17:00",
+          "place": {
+            "id": "NuBar",
+            "map": "DCU"
+          },
+          "description": "We'll be having a networking session where you'll get to chat to the amazon engineers and recruitment team about jobs, life at amazon and some of the cool projects they're working on."
+        }
+      ]
+    },
+    {
+      "day": "Tuesday",
+      "description": "RB & Intercom",
+      "events": [
+        {
+          "name": "The Anatomy of a 'Medium Data' Tech Company",
+          "by": "Charlie von Metzradt - Hosted Graphite -phaxx@redbrick",
+          "time": "13:30",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "No description available."
+        },
+        {
+          "name": "Admin Tales of Fail",
+          "by": "Rob Devereux, Lorcan Boyle, Richard Walsh : kylar, zergless, koffee @redbrick",
+          "time": "14:30",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "How Redbrick was broken, and everything that admins both past and present did to fix it."
+        },
+        {
+          "name": "Hacking Radio",
+          "by": "Conor Farrell - lithium@redbrick",
+          "time": "15:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "We're all familiar with listening to music on our favourite radio station, but did you know you can grab radio signals from aircraft and make your own desktop radar system? Or that you can turn a Raspberry Pi into a transmitter with a little bit of code? Conor Farrell will demonstrate and explain some radio hacks to give you some cool ideas for your own projects."
+        },
+        {
+          "name": "How We Build Software at Intercom",
+          "by": "Gavin Joyce - Intercom",
+          "time": "16:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Shipping software is the heartbeat of Intercom. In this talk, we'll describe how our simple set of core values shape how we ship new Intercom features and how we continuously seek to raise our own engineering bar."
+        },
+        {
+          "name": "How We Built Our In-App Messenger",
+          "by": "Eoin Hennessy - Intercom",
+          "time": "16:30",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Intercom is used by thousands of web and mobile businesses to talk to their customers. One of the ways in which you can talk to your customers is via our in-app messenger. A few months ago we set about building the next version of our in-app messenger for the web. We\u2019ll talk about the challenges we encountered while building a client-side Javascript application built to run inside thousands of our customers sites."
+        }
+      ]
+    },
+    {
+      "day": "Wednesday",
+      "description": "Openet & Symantec",
+      "events": [
+        {
+          "name": "Billion Dollar Botnets",
+          "by": "Cathal Mullaney - nemo@redbrick - Symantec",
+          "time": "13:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "One of the main motivations behind malware is revenue generation. Depending on the variant of the malware this can be accomplished in a number of different ways including sending spam emails, theft of personal information and extortion. When this type of malware is coupled with a distributed network of infected devices the revenue accumulated can quickly add up to millions of dollars. In this presentation we examine a piece of malware designed exclusively for mobile phones that formed part of a Billion Dollar, Mobile, Botnet."
+        },
+        {
+          "name": "Cybercrime, espionage and sabotage:A look at the threat landscape for 2014",
+          "by": "Alan Neville - anev@redbrick - Symantec",
+          "time": "14:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Malware continuies to menace computer networks around the world - from home users to enterprise. As cybercrimninals and nation states behind these attacks use mixed approaches and advanced malware to routinely by-pass traditional security defenses, security experts need to look ahead and attempt to predict the evolution of threats to better protect their customers. We take a look over the past year and highlight the trends in attacks and assoicated malware used in sabotage."
+        },
+        {
+          "name": "IRC Bots - Useful Utilities, Entertainment, and Insults!",
+          "by": "Craig Gavagan Mac Entee - creadak@redbrick",
+          "time": "14:30",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": " Internet Relay Chat is a nice way to communicate with other Redbrick members, but did you know there are also programs to provide Dublin bus info, play card games, and even get a randomised insult for laughs, all from your IRC client? Craig will take us through some live examples of these bots and hopefully kickstart some ideas for new ones."
+        },
+        {
+          "name": "Openet",
+          "by": "Openet",
+          "time": "15:30",
+          "place": {
+            "id": "L101",
+            "map": "DCU"
+          },
+          "description": "Openet are Irelands largest indigenous software company. They provide software to telecommunications service providers to commercialize and analyze activity on their networks."
+        },
+        {
+          "name": "Coding Competition",
+          "by": "Openet",
+          "time": "16:00",
+          "place": {
+            "id": "L101",
+            "map": "DCU"
+          },
+          "description": "Open to all registered students of DCU. Openet will be running their annual coding competition. With cash prizes as well as the opportunity to prove yourself to a company that hire a lot of DCU graduates, this competition is not one to be missed. Not only will there be prizes for 1st place and runners up, there will be some other ones in there too. It's all about partiipation. Prove your skills http://openetcash4code.com/ ."
+        },
+        {
+          "name": "Networking & Food",
+          "by": "Redbrick & Openet",
+          "time": "17:30",
+          "place": {
+            "id": "NuBar",
+            "map": "DCU"
+          },
+          "description": "Lets go to the NuBar for some food and networking with the guys from Openet."
+        },
+        {
+          "name": "Prizegiving",
+          "by": "Openet",
+          "time": "18:30",
+          "place": {
+            "id": "NuBar",
+            "map": "DCU"
+          },
+          "description": "Openet will be presenting us with their prizes for the competition."
+        }
+      ]
+    },
+    {
+      "day": "Thursday",
+      "description": "Google",
+      "events": [
+        {
+          "name": "Building Reliable Large-Scale Distributed Systems",
+          "by": "Laura Nolan - Google",
+          "time": "13:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Exactly what it says on the tin. Google opperates at a massive scale and this brings with it some interesting and difficult challenges. Come listen to some engineers from Google walk us through as How-To of sorts on building Systems that operate at Google-Scale. "
+        },
+        {
+          "name": "Lunch",
+          "by": "Food",
+          "time": "14:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Time again for some food to keep all the #TechWeekDCU enthusiasts going!"
+        },
+        {
+          "name": "Internet of Things",
+          "by": "Tommie Gannert - Google",
+          "time": "14:30",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Details to follow.."
+        },
+        {
+          "name": "Linear Algebra",
+          "by": "Magnus Deininger - Google",
+          "time": "15:30",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Linear Algebra is at the heart of everything that we do in computing. Come and hear a unique take on this subject from some Google Engineers who push it to the limit on a daily basis in order to make the worlds information universally accessible."
+        },
+        {
+          "name": "Expecting the Unexpected",
+          "by": "Gareth Eason - Google",
+          "time": "16:30",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "One of our most anticipated talks of #TechWeekDCU 2015. Engineers from Google will be talking to us about their culture of expecting the unexpected. They'll be speaking about DiRT (Disater Recovery Training), a mix of roleplay and systems/network operations and design/infrastructure testing in a contriolled environment, which enables them to respond fast in the face of unexpected problems at scale."
+        },
+        {
+          "name": "Close Networking Session",
+          "by": "Redbrick & Google",
+          "time": "17:30",
+          "place": {
+            "id": "NuBar",
+            "map": "DCU"
+          },
+          "description": "We'll have a networking session where you'll get to talk to the guys from Google about anything and everything that their NDA's will allow."
+        }
+      ]
+    },
+    {
+      "day": "Friday",
+      "description": "AOL",
+      "events": [
+        {
+          "name": "The Architecture of Online Ad Delivery",
+          "by": "Ken Wilson - AOL",
+          "time": "12:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Ad Delivery technology provides software to web sites and advertisers to serve ads, count them, choose the ads that will make the website or advertiser most money, and monitor progress of different advertising campaigns or Real-time auctions. "
+        },
+        {
+          "name": "Introduction to Erlang in the context of a Real Time Advertising Auction",
+          "by": "Philip Clarke - AOL",
+          "time": "13:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Live coding to show the basics of recursing, pattern matching, message passing and concurrency in Erlang. Demonstrate a how to write an advertising exchange where a seller (SSP) and a buyer (DSP) interact via an auction. We can then spawn multiple exchanges which talk to multiple DSPs and show many thousands of these auctions running concurrently."
+        },
+        {
+          "name": "Introduction to Microserver - Aol's new open source project that makes creating Rest webservices in Java easy and fun! ",
+          "by": "John McClean - AOL",
+          "time": "14:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "Introduction to Microserver - Aol's new open source project that makes creating Rest webservices in Java easy and fun! "
+        },
+        {
+          "name": "Clean Code - Join the Revolution!",
+          "by": "Michael Pierce - AOL",
+          "time": "15:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "What is Clean Code? An introduction to coding practices at AOL. For a programmer, writing clean code is a must to ensure that it is maintainable, easy to follow and you can understand its intent. "
+        },
+        {
+          "name": "Continuous Integration/Continuous Deployment (CI/CD)",
+          "by": "Jose Martinez - AOL",
+          "time": "16:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "DCU"
+          },
+          "description": "From your command line to production environment just hitting a key. How can this be achieved? A brief introduction to CI/CD, some tools and an example on how this could be done promoting your package from one environment to the other until it reaches production. Tools: git, maven, Jenkins and shell script."
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/data/2016.json b/src/data/2016.json
new file mode 100644
index 0000000..68385cc
--- /dev/null
+++ b/src/data/2016.json
@@ -0,0 +1,304 @@
+{
+  "title": "2016",
+  "template": "schedule",
+  "location": "Dublin City University",
+  "start": 15,
+  "end": 19,
+  "month": "Febuary",
+  "year": 2016,
+  "live": "2016-02-15T12:00:00",
+  "archive": "true",
+  "video": "https://www.youtube.com/embed/videoseries?list=PLPaLJSHTDMFhbDmyUeik6IHXmzVtWQQxu",
+  "days": [
+    {
+      "day": "Monday",
+      "description": "Associates",
+      "events": [
+        {
+          "name": "Opening Event",
+          "by": "Redbrick DCU's Computer Networking Society",
+          "time": "13:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Opening of TechWeek 2016"
+        },
+        {
+          "name": "Lunch",
+          "by": "Somewhere in DCU",
+          "time": "14:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Lunch Time!"
+        },
+        {
+          "name": "Competitive Programming = Money",
+          "by": "Cian Ruane & Noah Donnelly",
+          "time": "15:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Where do you picture yourself in 5 years? How\u2019s your relationship with your parents? Do you feel a longing for meaning and direction in your life? In this talk Cian Ruane and Noah Donnelly will introduce you to the world of competitive programming."
+        },
+        {
+          "name": "Fergus O'Dea (NDRC)",
+          "by": "Fergus O'Dea",
+          "time": "16:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "A session on what's involved in a tech startup raising an initial round of funding given by Fergus O'Dea from NDRC (National Digital Research Centre), a leading investor in early-stage digital startups."
+        },
+        {
+          "name": "OpenStack - an Intro",
+          "by": "Graham Hayes - Openstack Designate Project Team Leader",
+          "time": "17:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "An over of what OpenStack is, and how you can use it, I will cover the main projects available in OpenStack, what they do, and how they link together. I will also cover how you can get involved. https://graham.hayes.ie"
+        }
+      ]
+    },
+    {
+      "day": "Tuesday",
+      "description": "Associates",
+      "events": [
+        {
+          "name": "Citrix Workspace Cloud",
+          "by": "Nicholas Connolly - Citrix",
+          "time": "12:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Citrix Workspace Cloud (CWC) is a serviced-based product to deliver workspaces. Citrix describes this as \u201ca cloud-based control plane that enables partners and customers to unify, secure and deliver workspace services"
+        },
+        {
+          "name": "Prometheus: A Next Generation Monitoring System",
+          "by": "Brian Brazil - Robust Perception",
+          "time": "13:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Prometheus is a scalable, reliabile, easy to use and powerful monitoring system. This talk will look at the ideas behind it and how you can take advantage of them. Since publicly launching the open source project, over a year ago, over 100 companies have now rely on it and to date there are over 250 contributers to the codebase."
+        },
+        {
+          "name": "Lunch",
+          "by": "Somewhere in DCU",
+          "time": "14:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Lunch Time!"
+        },
+        {
+          "name": "Hackers in the Movies",
+          "by": "Damian Gordoni - DIT Universal Design RG",
+          "time": "17:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Damian's talk will look at the portrayal of computer hackers in the movies, how they are represented in terms of the age, gender, profession, etc. and how this portrayal has evolved over the decades, and it will also will look at the depiction of the types of things hackers can do in the movies as opposed to real life"
+        }
+      ]
+    },
+    {
+      "day": "Wednesday",
+      "description": "HEAnet",
+      "events": [
+        {
+          "name": "Admins, Tales of Progress - With live demo",
+          "by": "Terry Bolt & Cian Butler",
+          "time": "12:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Progress has been made to Redbrick 2.0 but how will it work. Terry and Cian have a live demo to show you how."
+        },
+        {
+          "name": "MiRo Advisory",
+          "by": "Ben A crawford",
+          "time": "13:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "WhiteHack: Smart Meter Security in 56 million homes"
+        },
+        {
+          "name": "Lunch",
+          "by": "Somewhere in DCU",
+          "time": "14:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Lunch"
+        },
+        {
+          "name": "Imprecise Network Monitoring Tools",
+          "by": "Brian Nisbet - HEAnet (Network Operations Manager)",
+          "time": "15:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Any problem can have multiple causes and a vital part of troubleshooting is to gather as much data as possible. However not all problems (or solutions) are evident from deployed monitoring tools. Substantial data can be gleaned from social networking sites such as Twitter and Facebook and crowdsourcing your info can really help when local contacts can't be reached. This talk is liberally dosed with caveats and searching Instagram for pictures of dug up fibre should never be used in preference to well configured network monitoring tools! "
+        },
+        {
+          "name": "Intro To GoLang",
+          "by": "Voy",
+          "time": "16:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "GO"
+        },
+        {
+          "name": "Working Together: Le and Private Sector Botnet Takedowns",
+          "by": "Alan Neville (anev) - Symantec, Threat Intelligence Analyst",
+          "time": "17:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Computer criminals regularly construct large distributed attack networks known as botnets.These networks are comprised of hijacked computers that an attacker can use to send spam, commit financial fraud or launch cyber - attacks.This talk aims to describe the approaches of botnet takedowns from the perspective of law enforcement agencies and the AV industry using examples from recent take - downs and discusses success stories when private and public sect Anev will go through case study of take down effort for zeroaccess botnet which was done by symantec and give an example of the gameoverzeus botnet takedown we conducted in conjunction with the FBI and the UK cyber crime unit and show the difference it made working with LE."
+        }
+      ]
+    },
+    {
+      "day": "Thursday",
+      "description": "Google",
+      "events": [
+        {
+          "name": "The Challenges of Machine Learning at Scale",
+          "by": "Graham Poulter",
+          "time": "12:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Aoife wants to predict how likely you are to click on an ad, to help Google decide whether to show it. With the machine learning mathematics all done, shouldn't it be easy: just train the model and make predictions? Not so fast. We'll see how Aoife overcomes the obstacles that stand between her machine learning model and the world. For starters: she has to train it on petabytes of data, continually arriving, and have it serve millions of predictions a second. Graham Poulter is a Site Reliability Engineer on Google's machine learning pipelines for ads, having moved here from South Africa three years ago. He's done some machine learning before, but was amazed to see that scaling up machine learning is a whole lot harder than one might imagine."
+        },
+        {
+          "name": "Designing Large Scale Distributed Systems",
+          "by": "Remigiusz Modrzejewski",
+          "time": "12:40",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "This talk will cover some very high-level principles for distributed system design."
+        },
+        {
+          "name": "An evolution of Automation",
+          "by": "John Looney",
+          "time": "13:20",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": " In software engineering, it is rare for the final version of a solution to be decided before implementation starts.Everything changes;engineers, experience, problems faced, and lessons learned from failure.This talk will explore why it 's important to try many different avenues, to fully understand the problem space, before being sure that a solution is optimal."
+        },
+        {
+          "name": "Lunch",
+          "by": "Somewhere in DCU",
+          "time": "14:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Eat"
+        },
+        {
+          "name": "Expecting the Unexpected",
+          "by": "Ryan Thomas",
+          "time": "15:00",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Things break - all the time. At Google scale we're statistically certain that at any given time, somewhere, something is broken. We still have deliver a great service to users. By deliberately breaking things in a controlled fashion, Google's Disaster Readiness Testing is one of the methods we use to objectively test our ability to handle failure."
+        },
+        {
+          "name": "10 Practical Tips for Writing an Attention-Getting CV \n Interviewing at Google",
+          "by": "Rebecca O'Farrell/Anam Acktar, Ryan Thomas and Graham Poulter",
+          "time": "15:40",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Learn tips from members of Google's recruiting team about how to put together a memorable CV. Two of our Site Reliability Engineers will also do a demo coding interview and will provide tips on how to approach the process."
+        },
+        {
+          "name": "Google Intern Panel",
+          "by": "Google",
+          "time": "16:20",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Hear from past and future Google interns currently studying at DCU about their experiences in this panel discussion."
+        }
+      ]
+    },
+    {
+      "day": "Friday",
+      "description": "Irish Tech Community & HubSpot",
+      "events": [
+        {
+          "name": " 'N' things we learned about deploying cloud applications",
+          "by": "Tony Ayres - Senior Architect@DCU",
+          "time": "12:00pm",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "The trials and tribulations of building and deploying software on a cloud platform(AWS).A discussion of the silly, simple mistakes that cause you to have to work the weekend...and how to avoid them."
+        },
+        {
+          "name": "Distributed Computing at Scale",
+          "by": "Anton Whalley - Solutions Architect - Strongloop@IBM \n Aman Kohli - Lead Mobile Architect@Citi",
+          "time": "1:00pm",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Distributed Computing on a Massive Scale: \n Living with Decentralization, P2P and the new Web. In this talk we discuss the forces pulling towards a new web, moving from overly centralised infrastructures to scalable decentralisation and distribution."
+        },
+        {
+          "name": "How to Build a Web App in ReactJS",
+          "by": "Cian McMahon & Rob Campion - Hubspot",
+          "time": "2:00pm",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "You\u2019ll get an intro to what React is, how to get started with it, and also learn about React Router and Redux"
+        },
+        {
+          "name": "Lunch & Networking",
+          "by": "Somewhere in DCU",
+          "time": "3:00pm",
+          "place": {
+            "id": "The Mezz",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Somewhere in DCU"
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/data/2017.json b/src/data/2017.json
new file mode 100644
index 0000000..486155c
--- /dev/null
+++ b/src/data/2017.json
@@ -0,0 +1,96 @@
+{
+  "title": "Home",
+  "template": "schedule",
+  "location": "Dublin City University",
+  "start": 15,
+  "end": 29,
+  "month": "March",
+  "year": 2017,
+  "live": "2017-03-22T15:00:00",
+  "archive": "false",
+  "video": "https://www.youtube.com/embed/videoseries?list=PLPaLJSHTDMFhqzNc5C8UPJTQSKnKrjVP-",
+  "days": [
+    {
+      "day": "Wednesday-15th",
+      "description": "Security",
+      "events": [
+        {
+          "name": "Opening Event",
+          "by": "Redbrick DCU's Computer Networking Society",
+          "time": "15:00",
+          "place": {
+            "id": "LG26",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Opening of TechWeek 2017"
+        },
+        {
+          "name": "BeyondCorp: A New Approach to Enterprise Security",
+          "by": "Donal Hunt - Site Reliability Engineering Manager in Google Ireland",
+          "time": "15:05",
+          "place": {
+            "id": "LG26",
+            "map": "Somewhere in DCU"
+          },
+          "description": "Virtually every company today uses firewalls to enforce perimeter security. However, this security model is problematic because, when that perimeter is breached, an attacker has relatively easy access to a company's privileged intranet. As companies adopt mobile and cloud technologies, the perimeter is becoming increasingly difficult to enforce. Google is taking a different approach to network security. We are removing the requirement for a privileged intranet and moving our corporate applications to the Internet."
+        },
+        {
+          "name": "The curious case of an Iranian actor or maybe two...",
+          "by": "Alan Neville",
+          "time": "16:00",
+          "place": {
+            "id": "LG26",
+            "map": "Somewhere in DCU"
+          },
+          "description": "In late 2015, Symantec began investigating a suspicious piece of malware detected within a customers environment. Alan, a Senior Threat Intelligence Analyst takes you throguh the full investigation process, starting from a simple detection event to building out the bigger picture. The curious case of an Iranian actor or maybe two..."
+        },
+        {
+          "name": "IOT security",
+          "by": "d_fens",
+          "time": "17:00",
+          "place": {
+            "id": "LG26",
+            "map": "Somewhere in DCU"
+          },
+          "description": "How IOT security has been developing over the last few years (it hasn't) and what flaws are typically seen in these devices"
+        },
+        {
+          "name": "Offensive Security",
+          "by": "Ciaran McNally",
+          "time": "17:30",
+          "place": {
+            "id": "LG26",
+            "map": "Somewhere in DCU"
+          },
+          "description": "In a server far far away, some blackhat alliance is enumerating your services in preparation for an attack. They are plnning the fall of your companies empire. We will discuss the open source intelligence techniques such enemies use to identify weaknesses in your armour and examine the processes involved in their penetratoon testing methodology"
+        }
+      ]
+    },
+    {
+      "day": "Wednesday-22nd",
+      "description": "Dev Tools",
+      "events": [
+        {
+          "name": "Getting your code into production and keeping it there.",
+          "by": "Conor - Circle CI",
+          "time": "15:00",
+          "place": {
+            "id": "LG26",
+            "map": "Somewhere in DCU"
+          },
+          "description": " Writing code is only the start of the process. Getting it into production and keeping it up and running requires a lot of tooling and techniques. I'm going to give a quick tour through some of the things you need to do to turn software into a running product."
+        },
+        {
+          "name": "Docker: A Better Way for Dependencies",
+          "by": "Cian Butler",
+          "time": "16:00",
+          "place": {
+            "id": "LG26",
+            "map": "Somewhere in DCU"
+          },
+          "description": "What is Docker and why you should care. How does docker help you as a developer and how can it be used to speed up development and make your program more reliable "
+        }
+      ]
+    }
+  ]
+}

From 3980714a459230e624d74911d470302cd3e9e86d Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Tue, 17 Feb 2026 19:00:13 +0000
Subject: [PATCH 02/24] Make format workflow only check the src folder

---
 .github/workflows/format.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml
index 69fb72e..57418aa 100644
--- a/.github/workflows/format.yml
+++ b/.github/workflows/format.yml
@@ -23,7 +23,7 @@ jobs:
         run: npm ci
 
       - name: Run ESLint
-        run: npx eslint . --ext .js,.jsx,.ts,.tsx
+        run: npx eslint src --ext .js,.jsx,.ts,.tsx
 
       - name: Run Prettier check
-        run: npx prettier --check .
+        run: npx prettier --check "src/"

From a561efcb90afc726cbd4492a77cc76d9909e67fd Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Tue, 17 Feb 2026 21:22:48 +0000
Subject: [PATCH 03/24] Added new Darkmode / Theme switching + new Favicon

---
 index.html                      |  27 ++++++++++++++------------
 public/favicon.ico              | Bin 4286 -> 1150 bytes
 src/assets/main.css             |   2 ++
 src/components/CalendarMain.vue |   2 +-
 src/components/LiveSite.vue     |   4 +++-
 src/components/ThemeToggle.vue  |  33 ++++++++++++++++++++++++++++++++
 src/components/TitleBlock.vue   |   4 +---
 7 files changed, 55 insertions(+), 17 deletions(-)
 create mode 100644 src/components/ThemeToggle.vue

diff --git a/index.html b/index.html
index 566f4f6..e56a3a4 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,16 @@
 <!doctype html>
-<html lang="">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>
+<html lang="en" class="dark">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <title>Tech Week</title>
+</head>
+
+<body>
+  <div id="app" class="bg-white dark:bg-black"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcfb72584e00488330b560ebcf34a41c64c2..4a183ac8a3f5cbf320966ad171f81e6e988bad69 100644
GIT binary patch
literal 1150
zcmcJNOAf*?3`7Ts19Zi@OOD2sI4#&|pBSv9A0!ebW6#IwqS7VyG%4;`kE?W(bdM8M
zFbf|bg;v)q*HaC?FgfRIPtHA+Tc&>I)ZS;h2Jf@s>Kk}!9^W30^1b))I#T=l)Fbqa
z*Z!@e>`~8F{tsIGS8Zw{CkblT;agz6s*VO<`z<~-bnr|*z2rd8C)eZ2xlWBAWF9!;
S(ZTA=z8<_i?Bs*`eZ2u03o_LJ

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/src/assets/main.css b/src/assets/main.css
index bac8014..6a64d12 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,2 +1,4 @@
 @import "./base.css";
 @import "tailwindcss";
+
+@custom-variant dark (&:where(.dark, .dark *));
diff --git a/src/components/CalendarMain.vue b/src/components/CalendarMain.vue
index 458ab96..8ad4c80 100644
--- a/src/components/CalendarMain.vue
+++ b/src/components/CalendarMain.vue
@@ -38,7 +38,7 @@ const selectedTab = ref(0)
     <transition name="list-fade" mode="out-in" appear>
       <div :key="selectedTab" class="space-y-4">
         <div
-          v-for="event in props.tabs[selectedTab].events"
+          v-for="event in props.tabs[selectedTab]?.events || []"
           :key="event.heading + event.time + event.location"
         >
           <EventItem>
diff --git a/src/components/LiveSite.vue b/src/components/LiveSite.vue
index ced9f6a..6e186f8 100644
--- a/src/components/LiveSite.vue
+++ b/src/components/LiveSite.vue
@@ -2,7 +2,8 @@
 import CalendarMain from "./CalendarMain.vue"
 import TitleBlock from "./TitleBlock.vue"
 import YoutubeEmbed from "./YoutubeEmbed.vue"
-import { ref, computed, watchEffect, defineExpose } from "vue"
+import ThemeToggle from "./ThemeToggle.vue"
+import { ref, computed, watchEffect } from "vue"
 
 const year = computed(() => {
   const path = window.location.pathname
@@ -49,6 +50,7 @@ defineExpose({ data, calendarTabs, subtitle })
 <template>
   <div class="mx-auto flex min-h-screen w-full max-w-7xl flex-col gap-6 px-4 py-6 sm:px-6 lg:px-8">
     <header class="w-full">
+      <ThemeToggle class="float-right" />
       <TitleBlock :title="'Tech Week'" :subtitle="subtitle" />
     </header>
 
diff --git a/src/components/ThemeToggle.vue b/src/components/ThemeToggle.vue
new file mode 100644
index 0000000..bdfdac2
--- /dev/null
+++ b/src/components/ThemeToggle.vue
@@ -0,0 +1,33 @@
+<script setup>
+import { ref, onMounted } from "vue"
+
+const isDark = ref(false)
+
+function setTheme(dark) {
+  isDark.value = dark
+  document.documentElement.classList.toggle("dark", dark)
+  localStorage.setItem("theme", dark ? "dark" : "light")
+}
+
+function toggleTheme() {
+  setTheme(!isDark.value)
+}
+
+onMounted(() => {
+  const saved = localStorage.getItem("theme")
+  setTheme(
+    saved === "dark" || (!saved && window.matchMedia("(prefers-color-scheme: dark)").matches),
+  )
+})
+</script>
+
+<template>
+  <button
+    @click="toggleTheme"
+    class="absolute z-50 right-7 top-8 bottom-auto w-12 h-12 flex items-center justify-center rounded-full bg-red-600 dark:bg-gray-800 text-gray-800 dark:text-gray-100 shadow-lg transition cursor-pointer"
+    aria-label="Toggle dark mode"
+  >
+    <span v-if="isDark">🌙</span>
+    <span v-else>☀️</span>
+  </button>
+</template>
diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
index 667a59e..3c9e1fd 100644
--- a/src/components/TitleBlock.vue
+++ b/src/components/TitleBlock.vue
@@ -20,9 +20,7 @@ function goToYear(year) {
 </script>
 
 <template>
-  <div
-    class="wrapper flex flex-col items-center text-center bg-red-600 text-white p-8 rounded-lg shadow-lg mt-8"
-  >
+  <div class="wrapper flex flex-col bg-red-600 text-white p-8 rounded-lg shadow-lg mt-8">
     <h1 class="text-4xl font-bold mb-2">{{ props.title }}</h1>
     <p class="text-lg mb-0">{{ props.subtitle }}</p>
     <div class="mt-4 flex gap-2">

From c5944260b2de7a40f35974752214ef05db2ebbfc Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Tue, 17 Feb 2026 21:34:54 +0000
Subject: [PATCH 04/24] Fix text spacing and wrapping

---
 src/components/EventItem.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/EventItem.vue b/src/components/EventItem.vue
index 3e671ef..9323d04 100644
--- a/src/components/EventItem.vue
+++ b/src/components/EventItem.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="flow-root max-w-3xl mx-auto sm:mt-5">
     <div class="-my-4 divide-y divide-gray-200 dark:divide-gray-700">
-      <div class="flex flex-col gap-2 py-4 sm:gap-6 sm:flex-row sm:items-center justify-center">
+      <div class="flex flex-col gap-2 py-4 sm:gap-6 sm:flex-row items-start">
         <p
           class="text-base sm:text-lg font-normal text-gray-500 sm:text-right dark:text-gray-400 shrink-0"
         >
           <slot name="time"></slot>
         </p>
-        <h3 class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">
-          <a href="#" class="hover:underline"><slot name="heading"></slot></a>
+        <h3 class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white flex-1 min-w-0">
+          <a href="#" class="hover:underline wrap-break-word"><slot name="heading"></slot></a>
         </h3>
         <p class="mt-1 text-xs sm:text-sm font-normal text-gray-500 dark:text-gray-400">
           <slot name="location"></slot>

From 08002d630006dcc5ec709db85b0b74442c8dc43a Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Tue, 17 Feb 2026 21:57:29 +0000
Subject: [PATCH 05/24] Made popup upon header clicking (basic)

---
 src/components/CalendarMain.vue |   2 +-
 src/components/DrawerItem.vue   | 106 ++++++++++++++------------------
 src/components/EventItem.vue    |  26 +++++++-
 3 files changed, 71 insertions(+), 63 deletions(-)

diff --git a/src/components/CalendarMain.vue b/src/components/CalendarMain.vue
index 8ad4c80..866c5c3 100644
--- a/src/components/CalendarMain.vue
+++ b/src/components/CalendarMain.vue
@@ -41,7 +41,7 @@ const selectedTab = ref(0)
           v-for="event in props.tabs[selectedTab]?.events || []"
           :key="event.heading + event.time + event.location"
         >
-          <EventItem>
+          <EventItem :event="event">
             <template #time>{{ event.time }}</template>
             <template #heading>{{ event.heading }}</template>
             <template #location>{{ event.location }}</template>
diff --git a/src/components/DrawerItem.vue b/src/components/DrawerItem.vue
index fdd9072..f46afdb 100644
--- a/src/components/DrawerItem.vue
+++ b/src/components/DrawerItem.vue
@@ -1,85 +1,69 @@
 <template>
   <div>
-    <button
-      class="rounded-md bg-black/10 px-2.5 py-1.5 text-sm font-semibold text-white inset-ring inset-ring-white/5 hover:bg-white/20"
-      @click="open = true"
-    >
-      Open drawer
-    </button>
     <TransitionRoot as="template" :show="open">
-      <Dialog class="relative z-10" @close="open = false">
+      <Dialog class="fixed inset-0 z-60 flex items-center justify-center" @close="emit('close')">
         <TransitionChild
           as="template"
           enter="ease-in-out duration-500"
           enter-from="opacity-0"
-          enter-to=""
+          enter-to="opacity-100"
           leave="ease-in-out duration-500"
-          leave-from=""
+          leave-from="opacity-100"
           leave-to="opacity-0"
         >
           <div class="fixed inset-0 bg-gray-900/50 transition-opacity"></div>
         </TransitionChild>
 
-        <div class="fixed inset-0 overflow-hidden">
-          <div class="absolute inset-0 overflow-hidden">
-            <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10 sm:pl-16">
-              <TransitionChild
-                as="template"
-                enter="transform transition ease-in-out duration-500 sm:duration-700"
-                enter-from="translate-x-full"
-                enter-to="translate-x-0"
-                leave="transform transition ease-in-out duration-500 sm:duration-700"
-                leave-from="translate-x-0"
-                leave-to="translate-x-full"
-              >
-                <DialogPanel class="pointer-events-auto relative w-screen max-w-md">
-                  <TransitionChild
-                    as="template"
-                    enter="ease-in-out duration-500"
-                    enter-from="opacity-0"
-                    enter-to=""
-                    leave="ease-in-out duration-500"
-                    leave-from=""
-                    leave-to="opacity-0"
-                  >
-                    <div class="absolute top-0 left-0 -ml-8 flex pt-4 pr-2 sm:-ml-10 sm:pr-4">
-                      <button
-                        type="button"
-                        class="relative rounded-md text-gray-400 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500"
-                        @click="open = false"
-                      >
-                        <span class="absolute -inset-2.5"></span>
-                        <span class="sr-only">Close panel</span>
-                        <XMarkIcon class="size-6" aria-hidden="true" />
-                      </button>
-                    </div>
-                  </TransitionChild>
-                  <div
-                    class="relative flex h-full flex-col overflow-y-auto bg-gray-800 py-6 shadow-xl after:absolute after:inset-y-0 after:left-0 after:w-px after:bg-white/10"
-                  >
-                    <div class="px-4 sm:px-6">
-                      <DialogTitle class="text-base font-semibold text-white"
-                        >Panel title</DialogTitle
-                      >
-                    </div>
-                    <div class="relative mt-6 flex-1 px-4 sm:px-6">
-                      <!-- Your content -->
-                    </div>
-                  </div>
-                </DialogPanel>
-              </TransitionChild>
+        <TransitionChild
+          as="template"
+          enter="transform transition ease-in-out duration-500"
+          enter-from="translate-y-full opacity-0"
+          enter-to="translate-y-0 opacity-100"
+          leave="transform transition ease-in-out duration-500"
+          leave-from="translate-y-0 opacity-100"
+          leave-to="-translate-y-full opacity-0"
+        >
+          <DialogPanel
+            class="relative w-full max-w-md bg-gray-800 rounded-xl shadow-xl flex flex-col"
+          >
+            <button
+              type="button"
+              class="absolute top-4 right-4 rounded-md text-gray-400 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500"
+              @click="emit('close')"
+            >
+              <span class="sr-only">Close panel</span>
+              <XMarkIcon class="size-6" aria-hidden="true" />
+            </button>
+            <div class="px-6 pt-6 pb-4">
+              <DialogTitle class="text-base font-semibold text-white">{{
+                event.heading
+              }}</DialogTitle>
             </div>
-          </div>
-        </div>
+            <div class="relative flex-1 px-6 pb-6">
+              <!-- Show any json field and value in event -->
+              <div v-for="(value, key) in event" :key="key" class="mb-4">
+                <h3 class="text-sm font-medium text-gray-400">{{ key }}</h3>
+                <p class="mt-1 text-sm text-gray-200">{{ value }}</p>
+              </div>
+            </div>
+          </DialogPanel>
+        </TransitionChild>
       </Dialog>
     </TransitionRoot>
   </div>
 </template>
 
 <script setup>
-import { ref } from "vue"
 import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from "@headlessui/vue"
 import { XMarkIcon } from "@heroicons/vue/24/outline"
+import { defineProps, defineEmits } from "vue"
 
-const open = ref(true)
+defineProps({
+  open: Boolean,
+  event: {
+    type: Array,
+    required: true,
+  },
+})
+const emit = defineEmits(["close"])
 </script>
diff --git a/src/components/EventItem.vue b/src/components/EventItem.vue
index 9323d04..fe1431a 100644
--- a/src/components/EventItem.vue
+++ b/src/components/EventItem.vue
@@ -1,3 +1,24 @@
+<script setup>
+import { ref } from "vue"
+import DrawerItem from "./DrawerItem.vue"
+
+const drawerOpen = ref(false)
+
+function openDrawer() {
+  drawerOpen.value = true
+}
+function closeDrawer() {
+  drawerOpen.value = false
+}
+
+defineProps({
+  event: {
+    type: Array,
+    required: true,
+  },
+})
+</script>
+
 <template>
   <div class="flow-root max-w-3xl mx-auto sm:mt-5">
     <div class="-my-4 divide-y divide-gray-200 dark:divide-gray-700">
@@ -8,12 +29,15 @@
           <slot name="time"></slot>
         </p>
         <h3 class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white flex-1 min-w-0">
-          <a href="#" class="hover:underline wrap-break-word"><slot name="heading"></slot></a>
+          <a href="#" class="hover:underline break-words" @click.prevent="openDrawer">
+            <slot name="heading"></slot>
+          </a>
         </h3>
         <p class="mt-1 text-xs sm:text-sm font-normal text-gray-500 dark:text-gray-400">
           <slot name="location"></slot>
         </p>
       </div>
     </div>
+    <DrawerItem :event="event" :open="drawerOpen" @close="closeDrawer" />
   </div>
 </template>

From 4cc0582259584e723f4639b41688612ae6a5ce42 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Tue, 17 Feb 2026 22:02:43 +0000
Subject: [PATCH 06/24] Styling fixes + overflow-y for popup

---
 src/components/CalendarMain.vue | 2 +-
 src/components/DrawerItem.vue   | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/CalendarMain.vue b/src/components/CalendarMain.vue
index 866c5c3..505ec9a 100644
--- a/src/components/CalendarMain.vue
+++ b/src/components/CalendarMain.vue
@@ -17,7 +17,7 @@ const selectedTab = ref(0)
   <div class="w-full max-w-3xl mx-auto">
     <!-- Tab Navigation -->
     <div class="px-2">
-      <div class="flex flex-col md:flex-row gap-2 justify-center">
+      <div class="flex flex-col md:flex-row gap-2 justify-center mb-5 sm:mb-0">
         <button
           v-for="(tab, idx) in props.tabs"
           :key="tab.label"
diff --git a/src/components/DrawerItem.vue b/src/components/DrawerItem.vue
index f46afdb..4abd80d 100644
--- a/src/components/DrawerItem.vue
+++ b/src/components/DrawerItem.vue
@@ -1,7 +1,10 @@
 <template>
   <div>
     <TransitionRoot as="template" :show="open">
-      <Dialog class="fixed inset-0 z-60 flex items-center justify-center" @close="emit('close')">
+      <Dialog
+        class="fixed inset-0 z-60 flex items-center justify-center overflow-y-auto"
+        @close="emit('close')"
+      >
         <TransitionChild
           as="template"
           enter="ease-in-out duration-500"
@@ -24,11 +27,11 @@
           leave-to="-translate-y-full opacity-0"
         >
           <DialogPanel
-            class="relative w-full max-w-md bg-gray-800 rounded-xl shadow-xl flex flex-col"
+            class="relative w-full max-w-md max-h-[90vh] bg-gray-800 rounded-xl shadow-xl flex flex-col overflow-y-auto"
           >
             <button
               type="button"
-              class="absolute top-4 right-4 rounded-md text-gray-400 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500"
+              class="absolute top-4 right-4 rounded-md text-gray-400 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500 cursor-pointer"
               @click="emit('close')"
             >
               <span class="sr-only">Close panel</span>

From 130efe934f78ce07bd5c724f248c4e21a9eaf686 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Tue, 17 Feb 2026 22:09:46 +0000
Subject: [PATCH 07/24] set false on review pushes

---
 .github/workflows/deploy.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 53c5e16..ae416f6 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -10,7 +10,7 @@ jobs:
     name: build
     uses: "./.github/workflows/build.yml"
     with:
-      vite_dev: "true"
+      vite_dev: ${{ github.ref != 'refs/heads/main' && github.event_name == 'push' && 'false' || 'true' }}
     if: github.event_name != 'pull_request'
 
   deploy_review:

From 66b78a2d1341cfb3e03cb2596b1570ed570639f5 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Wed, 18 Feb 2026 10:03:48 +0000
Subject: [PATCH 08/24] Added compose yml

---
 compose.yml | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 compose.yml

diff --git a/compose.yml b/compose.yml
new file mode 100644
index 0000000..bebbf1e
--- /dev/null
+++ b/compose.yml
@@ -0,0 +1,12 @@
+version: "3.8"
+
+services:
+  web:
+    build:
+      context: .
+      dockerfile: Dockerfile
+      args:
+        VITE_DEV: true
+    ports:
+      - "8080:80"
+    restart: unless-stopped

From c1b0cffe293fb089200e79551111ae0deab30066 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Wed, 18 Feb 2026 11:00:51 +0000
Subject: [PATCH 09/24] Added routing + starting CFT

---
 nginx.conf                                   |   2 +-
 package-lock.json                            | 301 +++++++++++++++++--
 package.json                                 |   3 +-
 src/App.vue                                  |   9 +-
 src/assets/redbrick.svg                      |  14 +
 src/main.js                                  |   3 +-
 src/pages/CallForTalks.vue                   |  63 ++++
 src/{components => pages}/ComingSoonPage.vue |   0
 src/{components => pages}/LiveSite.vue       |   8 +-
 src/router/index.js                          |  28 ++
 10 files changed, 396 insertions(+), 35 deletions(-)
 create mode 100644 src/assets/redbrick.svg
 create mode 100644 src/pages/CallForTalks.vue
 rename src/{components => pages}/ComingSoonPage.vue (100%)
 rename src/{components => pages}/LiveSite.vue (87%)
 create mode 100644 src/router/index.js

diff --git a/nginx.conf b/nginx.conf
index eebd0a2..475dabb 100644
--- a/nginx.conf
+++ b/nginx.conf
@@ -13,6 +13,6 @@ server {
     location / {
         root   /usr/share/nginx/html;
         index  index.html index.htm;
-        try_files $uri $uri/ $uri.html =404;
+        try_files $uri $uri/ /index.html;
     }
 }
diff --git a/package-lock.json b/package-lock.json
index 7f93845..3123a59 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,8 @@
         "@heroicons/vue": "^2.2.0",
         "@tailwindcss/vite": "^4.1.18",
         "tailwindcss": "^4.1.18",
-        "vue": "^3.5.27"
+        "vue": "^3.5.27",
+        "vue-router": "^5.0.2"
       },
       "devDependencies": {
         "@eslint/js": "^9.39.2",
@@ -102,7 +103,6 @@
       "version": "7.29.1",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
       "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.29.0",
@@ -1975,6 +1975,33 @@
         "vue": "^3.2.25"
       }
     },
+    "node_modules/@vue-macros/common": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@vue-macros/common/-/common-3.1.2.tgz",
+      "integrity": "sha512-h9t4ArDdniO9ekYHAD95t9AZcAbb19lEGK+26iAjUODOIJKmObDNBSe4+6ELQAA3vtYiFPPBtHh7+cQCKi3Dng==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-sfc": "^3.5.22",
+        "ast-kit": "^2.1.2",
+        "local-pkg": "^1.1.2",
+        "magic-string-ast": "^1.0.2",
+        "unplugin-utils": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/vue-macros"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.2.25"
+      },
+      "peerDependenciesMeta": {
+        "vue": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vue/babel-helper-vue-transform-on": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.5.0.tgz",
@@ -2078,6 +2105,15 @@
         "@vue/shared": "3.5.28"
       }
     },
+    "node_modules/@vue/devtools-api": {
+      "version": "8.0.6",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-8.0.6.tgz",
+      "integrity": "sha512-+lGBI+WTvJmnU2FZqHhEB8J1DXcvNlDeEalz77iYgOdY1jTj1ipSBaKj3sRhYcy+kqA8v/BSuvOz1XJucfQmUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^8.0.6"
+      }
+    },
     "node_modules/@vue/devtools-core": {
       "version": "8.0.6",
       "resolved": "https://registry.npmjs.org/@vue/devtools-core/-/devtools-core-8.0.6.tgz",
@@ -2119,7 +2155,6 @@
       "version": "8.0.6",
       "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.0.6.tgz",
       "integrity": "sha512-9zXZPTJW72OteDXeSa5RVML3zWDCRcO5t77aJqSs228mdopYj5AiTpihozbsfFJ0IodfNs7pSgOGO3qfCuxDtw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/devtools-shared": "^8.0.6",
@@ -2135,7 +2170,6 @@
       "version": "8.0.6",
       "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.0.6.tgz",
       "integrity": "sha512-Pp1JylTqlgMJvxW6MGyfTF8vGvlBSCAvMFaDCYa82Mgw7TT5eE5kkHgDvmOGHWeJE4zIDfCpCxHapsK2LtIAJg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "rfdc": "^1.4.1"
@@ -2195,7 +2229,6 @@
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -2264,6 +2297,38 @@
       "dev": true,
       "license": "Python-2.0"
     },
+    "node_modules/ast-kit": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ast-kit/-/ast-kit-2.2.0.tgz",
+      "integrity": "sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "pathe": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/ast-walker-scope": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/ast-walker-scope/-/ast-walker-scope-0.8.3.tgz",
+      "integrity": "sha512-cbdCP0PGOBq0ASG+sjnKIoYkWMKhhz+F/h9pRexUdX2Hd38+WOlBkRKlqkGOSm0YQpcFMQBJeK4WspUAkwsEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.4",
+        "ast-kit": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -2285,7 +2350,6 @@
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
       "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
@@ -2407,6 +2471,21 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -2434,6 +2513,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/confbox": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
+      "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+      "license": "MIT"
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -2445,7 +2530,6 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-4.0.5.tgz",
       "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-what": "^5.2.0"
@@ -2892,6 +2976,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/exsolve": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.8.tgz",
+      "integrity": "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==",
+      "license": "MIT"
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3051,7 +3141,6 @@
       "version": "5.5.3",
       "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
       "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/ignore": {
@@ -3153,7 +3242,6 @@
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/is-what/-/is-what-5.5.0.tgz",
       "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -3218,7 +3306,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
       "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
@@ -3262,7 +3349,6 @@
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "json5": "lib/cli.js"
@@ -3558,6 +3644,23 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/local-pkg": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.2.tgz",
+      "integrity": "sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.3.0",
+        "quansync": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -3600,6 +3703,21 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/magic-string-ast": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/magic-string-ast/-/magic-string-ast-1.0.3.tgz",
+      "integrity": "sha512-CvkkH1i81zl7mmb94DsRiFeG9V2fR2JeuK8yDgS8oiZSFa++wWLEgZ5ufEOyLHbvSbD1gTRKv9NdX69Rnvr9JA==",
+      "license": "MIT",
+      "dependencies": {
+        "magic-string": "^0.30.19"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
     "node_modules/memorystream": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
@@ -3626,9 +3744,37 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
       "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/mlly": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz",
+      "integrity": "sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "ufo": "^1.6.1"
+      }
+    },
+    "node_modules/mlly/node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "license": "MIT"
+    },
+    "node_modules/mlly/node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
     "node_modules/mrmime": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
@@ -3646,6 +3792,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "license": "MIT"
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -3914,14 +4066,12 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/perfect-debounce": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
       "integrity": "sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/picocolors": {
@@ -3955,6 +4105,17 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/pkg-types": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz",
+      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.2",
+        "exsolve": "^1.0.7",
+        "pathe": "^2.0.3"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
@@ -4033,6 +4194,22 @@
         "node": ">=6"
       }
     },
+    "node_modules/quansync": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz",
+      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/read-package-json-fast": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/read-package-json-fast/-/read-package-json-fast-4.0.0.tgz",
@@ -4047,6 +4224,19 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/readdirp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -4061,7 +4251,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
       "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/rollup": {
@@ -4121,6 +4310,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/scule": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.3.0.tgz",
+      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+      "license": "MIT"
+    },
     "node_modules/semver": {
       "version": "7.7.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
@@ -4198,7 +4393,6 @@
       "version": "14.0.1",
       "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
       "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
-      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -4221,7 +4415,6 @@
       "version": "2.2.6",
       "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.6.tgz",
       "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "copy-anything": "^4"
@@ -4301,11 +4494,30 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/ufo": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.3.tgz",
+      "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
+      "license": "MIT"
+    },
+    "node_modules/unplugin": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-3.0.0.tgz",
+      "integrity": "sha512-0Mqk3AT2TZCXWKdcoaufeXNukv2mTrEZExeXlHIOZXdqYoHHr4n51pymnwV8x2BOVxwXbK2HLlI7usrqMpycdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
     "node_modules/unplugin-utils": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
       "integrity": "sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "pathe": "^2.0.3",
@@ -4590,6 +4802,57 @@
         "eslint": "^8.57.0 || ^9.0.0"
       }
     },
+    "node_modules/vue-router": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-5.0.2.tgz",
+      "integrity": "sha512-YFhwaE5c5JcJpNB1arpkl4/GnO32wiUWRB+OEj1T0DlDxEZoOfbltl2xEwktNU/9o1sGcGburIXSpbLpPFe/6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/generator": "^7.28.6",
+        "@vue-macros/common": "^3.1.1",
+        "@vue/devtools-api": "^8.0.0",
+        "ast-walker-scope": "^0.8.3",
+        "chokidar": "^5.0.0",
+        "json5": "^2.2.3",
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "mlly": "^1.8.0",
+        "muggle-string": "^0.4.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "scule": "^1.3.0",
+        "tinyglobby": "^0.2.15",
+        "unplugin": "^3.0.0",
+        "unplugin-utils": "^0.3.1",
+        "yaml": "^2.8.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@pinia/colada": ">=0.21.2",
+        "@vue/compiler-sfc": "^3.5.17",
+        "pinia": "^3.0.4",
+        "vue": "^3.5.0"
+      },
+      "peerDependenciesMeta": {
+        "@pinia/colada": {
+          "optional": true
+        },
+        "@vue/compiler-sfc": {
+          "optional": true
+        },
+        "pinia": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "license": "MIT"
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -4654,8 +4917,6 @@
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
       "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
       "license": "ISC",
-      "optional": true,
-      "peer": true,
       "bin": {
         "yaml": "bin.mjs"
       },
diff --git a/package.json b/package.json
index ab6389a..6cc6994 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,8 @@
     "@heroicons/vue": "^2.2.0",
     "@tailwindcss/vite": "^4.1.18",
     "tailwindcss": "^4.1.18",
-    "vue": "^3.5.27"
+    "vue": "^3.5.27",
+    "vue-router": "^5.0.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
diff --git a/src/App.vue b/src/App.vue
index db1232e..98240ae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,3 @@
-<script setup>
-import ComingSoonPage from "./components/ComingSoonPage.vue"
-import LiveSite from "./components/LiveSite.vue"
-const isDevEnabled = import.meta.env.VITE_DEV === "true"
-</script>
-
 <template>
-  <LiveSite v-if="!isDevEnabled" />
-  <ComingSoonPage v-else />
+  <router-view />
 </template>
diff --git a/src/assets/redbrick.svg b/src/assets/redbrick.svg
new file mode 100644
index 0000000..a6a4477
--- /dev/null
+++ b/src/assets/redbrick.svg
@@ -0,0 +1,14 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1890 1524" width="1890" height="1524">
+	<title>brick-svg</title>
+	<style>
+		.s0 { fill: #050505 } 
+		.s1 { fill: #fefefe } 
+		.s2 { fill: #a81e22 } 
+	</style>
+	<path id="&lt;Compound Path&gt;" fill-rule="evenodd" class="s0" d="m1221.5 24l621.8 358.7 46.3 26.7v589.7l-55 24.4-1082.6 480.7-43.1 19.1-40.8-23.5-621.7-358.8-46.4-26.7v-589.6l55.1-24.4 1082.5-480.8 43.1-19.1zm-1128.9 560.9v476l621.7 358.7 1082.7-480.7v-475.9l-621.8-358.7z"/>
+	<path id="&lt;Path&gt;" class="s1" d="m1175.2 104.2l621.8 358.7v476l-1082.6 480.6-621.7-358.7v-475.9z"/>
+	<path id="&lt;Path&gt;" class="s1" d="m1177.9 52.3l-21.5 9.6-1082.5 480.7-27.5 12.2v30.1 475.9 26.7l23.1 13.4 621.8 358.8 20.3 11.7 21.6-9.5 1082.6-480.7 27.5-12.2v-30.1-476-26.7l-23.2-13.4-621.8-358.7z"/>
+	<path id="&lt;Path&gt;" class="s2" d="m715.8 916.6l1052.2-470.4-592.8-342-1055.1 468.5z"/>
+	<path id="&lt;Path&gt;" class="s2" d="m737.5 957.6v451.7l1059.5-470.4v-454.9z"/>
+	<path id="&lt;Path&gt;" class="s2" d="m691.1 955.9l-598.4-345.5v450.4l598.4 345.3z"/>
+</svg>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 3d720a4..857fcf7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,5 +2,6 @@ import "./assets/main.css"
 
 import { createApp } from "vue"
 import App from "./App.vue"
+import router from "./router"
 
-createApp(App).mount("#app")
+createApp(App).use(router).mount("#app")
diff --git a/src/pages/CallForTalks.vue b/src/pages/CallForTalks.vue
new file mode 100644
index 0000000..fcf768f
--- /dev/null
+++ b/src/pages/CallForTalks.vue
@@ -0,0 +1,63 @@
+<script setup>
+import ThemeToggle from "../components/ThemeToggle.vue"
+import redbrickLogo from "../assets/redbrick.svg"
+</script>
+
+<template>
+  <div
+    class="min-h-screen w-full bg-gray-50 dark:bg-gray-900 flex items-center justify-center relative"
+  >
+    <ThemeToggle />
+    <div class="w-full bg-white dark:bg-gray-800 rounded-lg shadow-md p-8 mt-3 mx-2">
+      <h2 class="text-3xl font-bold mb-6 text-blue-700 dark:text-blue-300">
+        Call for Talks: Techweek 2026
+      </h2>
+      <p class="mb-4 text-gray-700 dark:text-gray-200">
+        Once again, <span class="font-semibold">Redbrick</span> is organising Techweek and looking
+        for people to come and talk to our members. We'd like to hear from you! Talks we've had in
+        the past can be found at
+        <a href="https://techweek.dcu.ie" class="text-blue-600 underline">techweek.dcu.ie</a>. This
+        year, we are looking for talks that fit the following themes:
+      </p>
+      <ul class="list-disc pl-6 mb-6 text-gray-700 dark:text-gray-200">
+        <li>
+          <span class="font-medium">Security</span>
+          <span class="text-sm text-gray-500 dark:text-gray-400">(15/03/17)</span>
+        </li>
+        <li>
+          <span class="font-medium">Development tools</span>
+          <span class="text-sm text-gray-500 dark:text-gray-400">(22/03/2017)</span>
+        </li>
+        <li>
+          <span class="font-medium">Mobile Development</span>
+          <span class="text-sm text-gray-500 dark:text-gray-400">(29/03/2017)</span>
+        </li>
+      </ul>
+      <h3 class="text-xl font-semibold mt-6 mb-2 text-blue-600 dark:text-blue-300">
+        What do we want?
+      </h3>
+      <p class="mb-4 text-gray-700 dark:text-gray-200">
+        We want people to come and talk to us! We'd love to hear about any relevant topic you're
+        passionate about, or want to spread the word about. We're open to any ideas—if you have a
+        talk that doesn't fit these themes but you want to give it anyway, let us know and we will
+        organise something with you. Because the format of Techweek is a bit different this year, we
+        are looking for speakers to come in on
+        <span class="font-medium">Wednesday the 15th, 22nd, and 29th</span> at
+        <span class="font-medium">3, 4, or 5pm</span>. If you think you have an idea for a talk,
+        workshop, story, or demo, just email us at
+        <a href="mailto:committee@redbrick.dcu.ie" class="text-blue-600 underline font-medium"
+          >committee@redbrick.dcu.ie</a
+        >
+        with a short description and we'll see what we can organise.
+      </p>
+      <h3 class="text-xl font-semibold mt-6 mb-2 text-blue-600 dark:text-blue-300">Who are we?</h3>
+      <p class="text-gray-700 dark:text-gray-200">
+        <span class="font-semibold">Redbrick</span> is the Computer Networking society in DCU. We
+        started in 1996, and since then we've been building a community of members with a common
+        interest: all things tech. We aim to make a great environment to learn new skills and
+        technologies and to meet other people with a common interest.
+      </p>
+      <img :src="redbrickLogo" alt="Redbrick Logo" class="w-37.5 m-auto mb-4 mt-4" />
+    </div>
+  </div>
+</template>
diff --git a/src/components/ComingSoonPage.vue b/src/pages/ComingSoonPage.vue
similarity index 100%
rename from src/components/ComingSoonPage.vue
rename to src/pages/ComingSoonPage.vue
diff --git a/src/components/LiveSite.vue b/src/pages/LiveSite.vue
similarity index 87%
rename from src/components/LiveSite.vue
rename to src/pages/LiveSite.vue
index 6e186f8..2005ad7 100644
--- a/src/components/LiveSite.vue
+++ b/src/pages/LiveSite.vue
@@ -1,8 +1,8 @@
 <script setup>
-import CalendarMain from "./CalendarMain.vue"
-import TitleBlock from "./TitleBlock.vue"
-import YoutubeEmbed from "./YoutubeEmbed.vue"
-import ThemeToggle from "./ThemeToggle.vue"
+import CalendarMain from "../components/CalendarMain.vue"
+import TitleBlock from "../components/TitleBlock.vue"
+import YoutubeEmbed from "../components/YoutubeEmbed.vue"
+import ThemeToggle from "../components/ThemeToggle.vue"
 import { ref, computed, watchEffect } from "vue"
 
 const year = computed(() => {
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..e0db6a1
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,28 @@
+import { createRouter, createWebHistory } from "vue-router"
+import LiveSite from "../pages/LiveSite.vue"
+import ComingSoonPage from "../pages/ComingSoonPage.vue"
+import CallForTalks from "../pages/CallForTalks.vue"
+
+const isDevEnabled = import.meta.env.VITE_DEV === "true"
+
+const routes = [
+  { path: "/", component: LiveSite },
+  { path: "/cft", component: CallForTalks },
+  { path: "/soon", component: ComingSoonPage },
+  { path: "/:pathMatch(.*)*", component: LiveSite },
+]
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+})
+
+router.beforeEach((to, from, next) => {
+  if (isDevEnabled && to.path !== "/soon") {
+    next("/soon")
+  } else {
+    next()
+  }
+})
+
+export default router

From 5501e8e94dfd7a60687e8f76033d81cdca78e6aa Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Wed, 18 Feb 2026 12:42:20 +0000
Subject: [PATCH 10/24] Added footer + Call for Talks

---
 src/assets/base.css               |  19 ++++-
 src/components/EventItem.vue      |   2 +-
 src/components/FooterRedbrick.vue |  12 +++
 src/components/TitleBlock.vue     |  24 +++++-
 src/pages/CallForTalks.vue        | 118 ++++++++++++++++--------------
 src/pages/LiveSite.vue            |  12 ++-
 6 files changed, 124 insertions(+), 63 deletions(-)
 create mode 100644 src/components/FooterRedbrick.vue

diff --git a/src/assets/base.css b/src/assets/base.css
index 1adbb99..06934a7 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -4,9 +4,9 @@
   --vt-c-white-soft: #f8f8f8;
   --vt-c-white-mute: #f2f2f2;
 
-  --vt-c-black: #181818;
-  --vt-c-black-soft: #222222;
-  --vt-c-black-mute: #282828;
+  --vt-c-black: #23272e;
+  --vt-c-black-soft: #2d323a;
+  --vt-c-black-mute: #363b44;
 
   --vt-c-indigo: #2c3e50;
 
@@ -83,3 +83,16 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+.wiggle {
+  animation: wiggle 1s ease-in-out infinite;
+}
+@keyframes wiggle {
+  0%,
+  100% {
+    transform: rotate(-3deg);
+  }
+  50% {
+    transform: rotate(3deg);
+  }
+}
diff --git a/src/components/EventItem.vue b/src/components/EventItem.vue
index fe1431a..1c1addd 100644
--- a/src/components/EventItem.vue
+++ b/src/components/EventItem.vue
@@ -29,7 +29,7 @@ defineProps({
           <slot name="time"></slot>
         </p>
         <h3 class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white flex-1 min-w-0">
-          <a href="#" class="hover:underline break-words" @click.prevent="openDrawer">
+          <a href="#" class="hover:underline wrap-break-word" @click.prevent="openDrawer">
             <slot name="heading"></slot>
           </a>
         </h3>
diff --git a/src/components/FooterRedbrick.vue b/src/components/FooterRedbrick.vue
new file mode 100644
index 0000000..f79c459
--- /dev/null
+++ b/src/components/FooterRedbrick.vue
@@ -0,0 +1,12 @@
+<template>
+  <footer
+    class="w-full text-center py-4 bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 rounded mt-5"
+  >
+    Powered with <span class="text-red-500">❤️</span> by
+    <a
+      href="https://redbrick.dcu.ie"
+      class="underline font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"
+      >Redbrick</a
+    >
+  </footer>
+</template>
diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
index 3c9e1fd..8a819d7 100644
--- a/src/components/TitleBlock.vue
+++ b/src/components/TitleBlock.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { defineProps } from "vue"
+import { useRouter, useRoute } from "vue-router"
 
 // Dynamically get years from data folder using Vite's import.meta.glob
 const files = import.meta.glob("../data/*.json")
@@ -9,13 +10,20 @@ const years = Object.keys(files)
   .sort()
   .reverse()
 
+const router = useRouter()
+const route = useRoute()
+
 const props = defineProps({
   title: String,
   subtitle: String,
 })
 
 function goToYear(year) {
-  window.location.href = `/${year}`
+  router.push({ path: `/${year}` })
+}
+
+function goToCallForTalks() {
+  router.push({ path: "/cft" })
 }
 </script>
 
@@ -26,12 +34,24 @@ function goToYear(year) {
     <div class="mt-4 flex gap-2">
       <span v-for="year in years" :key="year">
         <button
-          class="bg-white text-red-600 font-semibold px-3 py-1 rounded hover:bg-red-100 transition cursor-pointer"
+          :class="[
+            'bg-white text-red-600 font-semibold px-3 py-1 rounded hover:bg-red-100 transition cursor-pointer',
+            route.path === '/' + year ? 'ring-2 ring-blue-400 bg-blue-50' : '',
+          ]"
           @click="goToYear(year)"
         >
           {{ year }}
         </button>
       </span>
+      <button
+        :class="[
+          'bg-white text-red-600 font-semibold px-3 py-1 rounded hover:bg-red-100 transition cursor-pointer',
+          route.path === '/cft' ? 'ring-2 ring-blue-400 bg-blue-50' : '',
+        ]"
+        @click="goToCallForTalks"
+      >
+        Call for Talks
+      </button>
     </div>
   </div>
 </template>
diff --git a/src/pages/CallForTalks.vue b/src/pages/CallForTalks.vue
index fcf768f..bcbc175 100644
--- a/src/pages/CallForTalks.vue
+++ b/src/pages/CallForTalks.vue
@@ -1,63 +1,71 @@
 <script setup>
 import ThemeToggle from "../components/ThemeToggle.vue"
+import TitleBlock from "..//components/TitleBlock.vue"
+import FooterRedbrick from "../components/FooterRedbrick.vue"
 import redbrickLogo from "../assets/redbrick.svg"
 </script>
 
 <template>
-  <div
-    class="min-h-screen w-full bg-gray-50 dark:bg-gray-900 flex items-center justify-center relative"
-  >
-    <ThemeToggle />
-    <div class="w-full bg-white dark:bg-gray-800 rounded-lg shadow-md p-8 mt-3 mx-2">
-      <h2 class="text-3xl font-bold mb-6 text-blue-700 dark:text-blue-300">
-        Call for Talks: Techweek 2026
-      </h2>
-      <p class="mb-4 text-gray-700 dark:text-gray-200">
-        Once again, <span class="font-semibold">Redbrick</span> is organising Techweek and looking
-        for people to come and talk to our members. We'd like to hear from you! Talks we've had in
-        the past can be found at
-        <a href="https://techweek.dcu.ie" class="text-blue-600 underline">techweek.dcu.ie</a>. This
-        year, we are looking for talks that fit the following themes:
-      </p>
-      <ul class="list-disc pl-6 mb-6 text-gray-700 dark:text-gray-200">
-        <li>
-          <span class="font-medium">Security</span>
-          <span class="text-sm text-gray-500 dark:text-gray-400">(15/03/17)</span>
-        </li>
-        <li>
-          <span class="font-medium">Development tools</span>
-          <span class="text-sm text-gray-500 dark:text-gray-400">(22/03/2017)</span>
-        </li>
-        <li>
-          <span class="font-medium">Mobile Development</span>
-          <span class="text-sm text-gray-500 dark:text-gray-400">(29/03/2017)</span>
-        </li>
-      </ul>
-      <h3 class="text-xl font-semibold mt-6 mb-2 text-blue-600 dark:text-blue-300">
-        What do we want?
-      </h3>
-      <p class="mb-4 text-gray-700 dark:text-gray-200">
-        We want people to come and talk to us! We'd love to hear about any relevant topic you're
-        passionate about, or want to spread the word about. We're open to any ideas—if you have a
-        talk that doesn't fit these themes but you want to give it anyway, let us know and we will
-        organise something with you. Because the format of Techweek is a bit different this year, we
-        are looking for speakers to come in on
-        <span class="font-medium">Wednesday the 15th, 22nd, and 29th</span> at
-        <span class="font-medium">3, 4, or 5pm</span>. If you think you have an idea for a talk,
-        workshop, story, or demo, just email us at
-        <a href="mailto:committee@redbrick.dcu.ie" class="text-blue-600 underline font-medium"
-          >committee@redbrick.dcu.ie</a
-        >
-        with a short description and we'll see what we can organise.
-      </p>
-      <h3 class="text-xl font-semibold mt-6 mb-2 text-blue-600 dark:text-blue-300">Who are we?</h3>
-      <p class="text-gray-700 dark:text-gray-200">
-        <span class="font-semibold">Redbrick</span> is the Computer Networking society in DCU. We
-        started in 1996, and since then we've been building a community of members with a common
-        interest: all things tech. We aim to make a great environment to learn new skills and
-        technologies and to meet other people with a common interest.
-      </p>
-      <img :src="redbrickLogo" alt="Redbrick Logo" class="w-37.5 m-auto mb-4 mt-4" />
-    </div>
+  <div class="min-h-screen bg-gray-50 dark:bg-gray-900">
+    <header class="flex flex-col gap-6 px-4 py-6 sm:px-6 lg:px-8">
+      <ThemeToggle />
+      <TitleBlock title="Call for Talks" />
+    </header>
+    <main class="w-full flex justify-center">
+      <article class="w-[90%] bg-white dark:bg-gray-800 rounded-lg shadow-md p-8 mt-3 mx-2">
+        <h2 class="text-3xl font-bold mb-6 text-blue-700 dark:text-blue-300">
+          Call for Talks: Techweek 2026
+        </h2>
+        <p class="mb-4 text-gray-700 dark:text-gray-200">
+          Once again, <span class="font-semibold">Redbrick</span> is organising Techweek and looking
+          for people to come and talk to our members. We'd like to hear from you! Talks we've had in
+          the past can be found at
+          <a href="https://techweek.dcu.ie" class="text-blue-600 underline">techweek.dcu.ie</a>.
+          This year, we are looking for talks that fit the following themes:
+        </p>
+        <ul class="list-disc pl-6 mb-6 text-gray-700 dark:text-gray-200">
+          <li>
+            <span class="font-medium">Security</span>
+            <span class="text-sm text-gray-500 dark:text-gray-400">(15/03/17)</span>
+          </li>
+          <li>
+            <span class="font-medium">Development tools</span>
+            <span class="text-sm text-gray-500 dark:text-gray-400">(22/03/2017)</span>
+          </li>
+          <li>
+            <span class="font-medium">Mobile Development</span>
+            <span class="text-sm text-gray-500 dark:text-gray-400">(29/03/2017)</span>
+          </li>
+        </ul>
+        <h3 class="text-xl font-semibold mt-6 mb-2 text-blue-600 dark:text-blue-300">
+          What do we want?
+        </h3>
+        <p class="mb-4 text-gray-700 dark:text-gray-200">
+          We want people to come and talk to us! We'd love to hear about any relevant topic you're
+          passionate about, or want to spread the word about. We're open to any ideas—if you have a
+          talk that doesn't fit these themes but you want to give it anyway, let us know and we will
+          organise something with you. Because the format of Techweek is a bit different this year,
+          we are looking for speakers to come in on
+          <span class="font-medium">Wednesday the 15th, 22nd, and 29th</span> at
+          <span class="font-medium">3, 4, or 5pm</span>. If you think you have an idea for a talk,
+          workshop, story, or demo, just email us at
+          <a href="mailto:committee@redbrick.dcu.ie" class="text-blue-600 underline font-medium"
+            >committee@redbrick.dcu.ie</a
+          >
+          with a short description and we'll see what we can organise.
+        </p>
+        <h3 class="text-xl font-semibold mt-6 mb-2 text-blue-600 dark:text-blue-300">
+          Who are we?
+        </h3>
+        <p class="text-gray-700 dark:text-gray-200">
+          <span class="font-semibold">Redbrick</span> is the Computer Networking society in DCU. We
+          started in 1996, and since then we've been building a community of members with a common
+          interest: all things tech. We aim to make a great environment to learn new skills and
+          technologies and to meet other people with a common interest.
+        </p>
+        <img :src="redbrickLogo" alt="Redbrick Logo" class="w-37.5 m-auto mb-4 mt-4 wiggle" />
+      </article>
+    </main>
+    <FooterRedbrick />
   </div>
 </template>
diff --git a/src/pages/LiveSite.vue b/src/pages/LiveSite.vue
index 2005ad7..d7f6e85 100644
--- a/src/pages/LiveSite.vue
+++ b/src/pages/LiveSite.vue
@@ -3,11 +3,18 @@ import CalendarMain from "../components/CalendarMain.vue"
 import TitleBlock from "../components/TitleBlock.vue"
 import YoutubeEmbed from "../components/YoutubeEmbed.vue"
 import ThemeToggle from "../components/ThemeToggle.vue"
+import FooterRedbrick from "../components/FooterRedbrick.vue"
+
 import { ref, computed, watchEffect } from "vue"
+import { useRoute } from "vue-router"
 
+const route = useRoute()
 const year = computed(() => {
-  const path = window.location.pathname
-  const match = path.match(/\/(\d{4})/)
+  // Try to get year param from route, fallback to path, then default
+  if (route.params.year && /^\d{4}$/.test(route.params.year)) {
+    return route.params.year
+  }
+  const match = route.path.match(/\/(\d{4})/)
   return match ? match[1] : "2026"
 })
 
@@ -64,4 +71,5 @@ defineExpose({ data, calendarTabs, subtitle })
       </section>
     </main>
   </div>
+  <FooterRedbrick />
 </template>

From 158c31d5b59b723cbf1b75d9333969643b9d3698 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Wed, 18 Feb 2026 16:14:51 +0000
Subject: [PATCH 11/24] Added wrapping for years

---
 src/components/TitleBlock.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
index 8a819d7..f69c18d 100644
--- a/src/components/TitleBlock.vue
+++ b/src/components/TitleBlock.vue
@@ -31,7 +31,7 @@ function goToCallForTalks() {
   <div class="wrapper flex flex-col bg-red-600 text-white p-8 rounded-lg shadow-lg mt-8">
     <h1 class="text-4xl font-bold mb-2">{{ props.title }}</h1>
     <p class="text-lg mb-0">{{ props.subtitle }}</p>
-    <div class="mt-4 flex gap-2">
+    <div class="mt-4 flex gap-2 flex-wrap">
       <span v-for="year in years" :key="year">
         <button
           :class="[

From 9cbf833beac4271eb6dd5744e89fb542a29d5aa2 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Wed, 18 Feb 2026 16:36:16 +0000
Subject: [PATCH 12/24] Actually made drawer not just show json keys

---
 .../{DrawerItem.vue => EventDrawerItem.vue}     | 17 +++++++++++------
 src/components/EventItem.vue                    |  4 ++--
 2 files changed, 13 insertions(+), 8 deletions(-)
 rename src/components/{DrawerItem.vue => EventDrawerItem.vue} (82%)

diff --git a/src/components/DrawerItem.vue b/src/components/EventDrawerItem.vue
similarity index 82%
rename from src/components/DrawerItem.vue
rename to src/components/EventDrawerItem.vue
index 4abd80d..46ce076 100644
--- a/src/components/DrawerItem.vue
+++ b/src/components/EventDrawerItem.vue
@@ -37,16 +37,15 @@
               <span class="sr-only">Close panel</span>
               <XMarkIcon class="size-6" aria-hidden="true" />
             </button>
-            <div class="px-6 pt-6 pb-4">
+            <div class="px-6 pt-10 pb-4">
               <DialogTitle class="text-base font-semibold text-white">{{
                 event.heading
               }}</DialogTitle>
             </div>
             <div class="relative flex-1 px-6 pb-6">
-              <!-- Show any json field and value in event -->
-              <div v-for="(value, key) in event" :key="key" class="mb-4">
-                <h3 class="text-sm font-medium text-gray-400">{{ key }}</h3>
-                <p class="mt-1 text-sm text-gray-200">{{ value }}</p>
+              <div v-for="field in eventFields" :key="field.key" class="mb-4">
+                <h3 class="text-sm font-medium text-gray-400">{{ field.label }}</h3>
+                <p class="mt-1 text-sm text-gray-200">{{ event[field.key] }}</p>
               </div>
             </div>
           </DialogPanel>
@@ -59,7 +58,7 @@
 <script setup>
 import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from "@headlessui/vue"
 import { XMarkIcon } from "@heroicons/vue/24/outline"
-import { defineProps, defineEmits } from "vue"
+import { defineProps, defineEmits, computed } from "vue"
 
 defineProps({
   open: Boolean,
@@ -69,4 +68,10 @@ defineProps({
   },
 })
 const emit = defineEmits(["close"])
+const eventFields = computed(() => [
+  { key: "by", label: "By" },
+  { key: "time", label: "Time" },
+  { key: "location", label: "Location" },
+  { key: "description", label: "Description" },
+])
 </script>
diff --git a/src/components/EventItem.vue b/src/components/EventItem.vue
index 1c1addd..84f5361 100644
--- a/src/components/EventItem.vue
+++ b/src/components/EventItem.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from "vue"
-import DrawerItem from "./DrawerItem.vue"
+import EventDrawerItem from "./EventDrawerItem.vue"
 
 const drawerOpen = ref(false)
 
@@ -38,6 +38,6 @@ defineProps({
         </p>
       </div>
     </div>
-    <DrawerItem :event="event" :open="drawerOpen" @close="closeDrawer" />
+    <EventDrawerItem :event="event" :open="drawerOpen" @close="closeDrawer" />
   </div>
 </template>

From 5b31c330f83825f3029b6550470b91304de27380 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Thu, 19 Feb 2026 12:56:52 +0000
Subject: [PATCH 13/24] Initial Making of the Event json manager

---
 src/pages/tools/EventMaker.vue | 228 +++++++++++++++++++++++++++++++++
 src/router/index.js            |   2 +
 2 files changed, 230 insertions(+)
 create mode 100644 src/pages/tools/EventMaker.vue

diff --git a/src/pages/tools/EventMaker.vue b/src/pages/tools/EventMaker.vue
new file mode 100644
index 0000000..41ec92a
--- /dev/null
+++ b/src/pages/tools/EventMaker.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="min-h-screen bg-gray-900 text-white">
+    <div class="max-w-4xl mx-auto p-6">
+      <h1 class="text-2xl font-bold mb-4">Event JSON Editor</h1>
+      <div class="mb-4 flex flex-wrap gap-2 items-center">
+        <label class="font-semibold">Select year:</label>
+        <select v-model="selectedFile" @change="loadJson" class="border rounded px-2 py-1">
+          <option v-for="file in jsonFiles" :key="file" :value="file">{{ file }}</option>
+        </select>
+        <button
+          @click="createNewJson"
+          class="ml-4 px-3 py-1 bg-green-600 text-white rounded cursor-pointer"
+        >
+          New JSON
+        </button>
+        <button
+          @click="downloadJson"
+          class="ml-2 px-3 py-1 bg-blue-600 text-white rounded cursor-pointer"
+          :disabled="!jsonData"
+        >
+          Download
+        </button>
+      </div>
+
+      <div v-if="jsonData">
+        <form @submit.prevent>
+          <div class="mb-2">
+            <label class="block font-semibold">Title</label>
+            <input v-model="jsonData.title" class="border rounded px-2 py-1 w-full" />
+          </div>
+          <div class="mb-2">
+            <label class="block font-semibold">Location</label>
+            <input v-model="jsonData.location" class="border rounded px-2 py-1 w-full" />
+          </div>
+          <div class="mb-2 flex gap-2">
+            <div>
+              <label class="block font-semibold">Start</label>
+              <input
+                v-model.number="jsonData.start"
+                type="number"
+                class="border rounded px-2 py-1 w-20"
+              />
+            </div>
+            <div>
+              <label class="block font-semibold">End</label>
+              <input
+                v-model.number="jsonData.end"
+                type="number"
+                class="border rounded px-2 py-1 w-20"
+              />
+            </div>
+            <div>
+              <label class="block font-semibold">Month</label>
+              <input v-model="jsonData.month" class="border rounded px-2 py-1 w-24" />
+            </div>
+            <div>
+              <label class="block font-semibold">Year</label>
+              <input
+                v-model.number="jsonData.year"
+                type="number"
+                class="border rounded px-2 py-1 w-24"
+              />
+            </div>
+          </div>
+          <div class="mb-2">
+            <label class="block font-semibold">Live</label>
+            <input v-model="jsonData.live" class="border rounded px-2 py-1 w-full" />
+          </div>
+          <div class="mb-2">
+            <label class="block font-semibold">Video</label>
+            <input v-model="jsonData.video" class="border rounded px-2 py-1 w-full" />
+          </div>
+          <div class="mb-4">
+            <label class="block font-semibold">Days & Events</label>
+            <div v-for="(day, dIdx) in jsonData.days" :key="dIdx" class="border rounded p-2 mb-2">
+              <div class="flex flex-col md:flex-row gap-2 mb-1">
+                <input
+                  v-model="day.day"
+                  class="border rounded px-2 py-1 w-full md:w-40"
+                  placeholder="Day"
+                />
+                <input
+                  v-model="day.description"
+                  class="border rounded px-2 py-1 w-full md:w-60"
+                  placeholder="Description"
+                />
+                <button
+                  @click.prevent="removeDay(dIdx)"
+                  class="text-red-600 cursor-pointer md:ml-2"
+                >
+                  Remove Day
+                </button>
+              </div>
+              <div class="ml-0 md:ml-4">
+                <div
+                  v-for="(event, eIdx) in day.events"
+                  :key="eIdx"
+                  class="mb-4 p-4 rounded bg-gray-700 flex flex-col md:grid md:grid-cols-2 gap-4"
+                >
+                  <div class="flex flex-col gap-2">
+                    <input
+                      v-model="event.name"
+                      class="border rounded px-2 py-1 w-full"
+                      placeholder="Event Name"
+                    />
+                    <input
+                      v-model="event.by"
+                      class="border rounded px-2 py-1 w-full"
+                      placeholder="By"
+                    />
+                    <input
+                      v-model="event.time"
+                      class="border rounded px-2 py-1 w-full"
+                      placeholder="Time"
+                    />
+                    <input
+                      v-model="event.place.id"
+                      class="border rounded px-2 py-1 w-full"
+                      placeholder="Place ID"
+                    />
+                    <input
+                      v-model="event.place.map"
+                      class="border rounded px-2 py-1 w-full"
+                      placeholder="Map"
+                    />
+                  </div>
+                  <div class="flex flex-col gap-2 h-full">
+                    <label class="font-semibold">Description</label>
+                    <textarea
+                      v-model="event.description"
+                      class="border rounded px-2 py-1 w-full min-h-20 resize-y"
+                      placeholder="Description"
+                    ></textarea>
+                    <button
+                      @click.prevent="removeEvent(dIdx, eIdx)"
+                      class="text-red-600 cursor-pointer mt-2 self-end"
+                    >
+                      Remove
+                    </button>
+                  </div>
+                </div>
+                <button @click.prevent="addEvent(dIdx)" class="text-green-600 cursor-pointer mt-2">
+                  + Add Event
+                </button>
+              </div>
+            </div>
+            <button @click.prevent="addDay" class="text-green-600 cursor-pointer mt-2">
+              + Add Day
+            </button>
+          </div>
+        </form>
+      </div>
+      <div v-else class="text-gray-500">Select a file or create a new one to begin.</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue"
+
+const jsonFiles = ["2014.json", "2015.json", "2016.json", "2017.json"]
+const selectedFile = ref("2014.json")
+const jsonData = ref(null)
+
+async function loadJson() {
+  // Use dynamic import for local JSON files
+  const year = selectedFile.value.replace(".json", "")
+  try {
+    const module = await import(`@/data/${year}.json`)
+    jsonData.value = module.default
+  } catch (e) {
+    jsonData.value = null
+    console.error("Failed to load JSON:", e)
+  }
+}
+
+function createNewJson() {
+  jsonData.value = {
+    title: "",
+    location: "",
+    start: 1,
+    end: 1,
+    month: "",
+    year: new Date().getFullYear(),
+    live: "",
+    archive: false,
+    video: "",
+    days: [],
+  }
+  selectedFile.value = ""
+}
+
+function addDay() {
+  jsonData.value.days.push({ day: "", description: "", events: [] })
+}
+function removeDay(idx) {
+  jsonData.value.days.splice(idx, 1)
+}
+function addEvent(dayIdx) {
+  jsonData.value.days[dayIdx].events.push({
+    name: "",
+    by: "",
+    time: "",
+    place: { id: "", map: "" },
+    description: "",
+  })
+}
+function removeEvent(dayIdx, eventIdx) {
+  jsonData.value.days[dayIdx].events.splice(eventIdx, 1)
+}
+
+function downloadJson() {
+  const blob = new Blob([JSON.stringify(jsonData.value, null, 2)], { type: "application/json" })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement("a")
+  a.href = url
+  a.download = selectedFile.value || "new-event.json"
+  a.click()
+  URL.revokeObjectURL(url)
+}
+
+// Auto-load first file
+if (!jsonData.value) loadJson()
+</script>
+
+<style scoped>
+/* Add your styles here */
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index e0db6a1..eae0f1f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from "vue-router"
 import LiveSite from "../pages/LiveSite.vue"
 import ComingSoonPage from "../pages/ComingSoonPage.vue"
 import CallForTalks from "../pages/CallForTalks.vue"
+import eventMaker from "../pages/tools/EventMaker.vue"
 
 const isDevEnabled = import.meta.env.VITE_DEV === "true"
 
@@ -10,6 +11,7 @@ const routes = [
   { path: "/cft", component: CallForTalks },
   { path: "/soon", component: ComingSoonPage },
   { path: "/:pathMatch(.*)*", component: LiveSite },
+  { path: "/tools/eventmake", component: eventMaker },
 ]
 
 const router = createRouter({

From d0e6f62ac9640dae70dd5eacc7d55114460b39e3 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Thu, 19 Feb 2026 13:00:11 +0000
Subject: [PATCH 14/24] Made CFT more general

---
 src/pages/CallForTalks.vue | 22 ++--------------------
 1 file changed, 2 insertions(+), 20 deletions(-)

diff --git a/src/pages/CallForTalks.vue b/src/pages/CallForTalks.vue
index bcbc175..6df1746 100644
--- a/src/pages/CallForTalks.vue
+++ b/src/pages/CallForTalks.vue
@@ -21,22 +21,7 @@ import redbrickLogo from "../assets/redbrick.svg"
           for people to come and talk to our members. We'd like to hear from you! Talks we've had in
           the past can be found at
           <a href="https://techweek.dcu.ie" class="text-blue-600 underline">techweek.dcu.ie</a>.
-          This year, we are looking for talks that fit the following themes:
         </p>
-        <ul class="list-disc pl-6 mb-6 text-gray-700 dark:text-gray-200">
-          <li>
-            <span class="font-medium">Security</span>
-            <span class="text-sm text-gray-500 dark:text-gray-400">(15/03/17)</span>
-          </li>
-          <li>
-            <span class="font-medium">Development tools</span>
-            <span class="text-sm text-gray-500 dark:text-gray-400">(22/03/2017)</span>
-          </li>
-          <li>
-            <span class="font-medium">Mobile Development</span>
-            <span class="text-sm text-gray-500 dark:text-gray-400">(29/03/2017)</span>
-          </li>
-        </ul>
         <h3 class="text-xl font-semibold mt-6 mb-2 text-blue-600 dark:text-blue-300">
           What do we want?
         </h3>
@@ -44,11 +29,8 @@ import redbrickLogo from "../assets/redbrick.svg"
           We want people to come and talk to us! We'd love to hear about any relevant topic you're
           passionate about, or want to spread the word about. We're open to any ideas—if you have a
           talk that doesn't fit these themes but you want to give it anyway, let us know and we will
-          organise something with you. Because the format of Techweek is a bit different this year,
-          we are looking for speakers to come in on
-          <span class="font-medium">Wednesday the 15th, 22nd, and 29th</span> at
-          <span class="font-medium">3, 4, or 5pm</span>. If you think you have an idea for a talk,
-          workshop, story, or demo, just email us at
+          organise something with you. If you think you have an idea for a talk, workshop, story, or
+          demo, just email us at
           <a href="mailto:committee@redbrick.dcu.ie" class="text-blue-600 underline font-medium"
             >committee@redbrick.dcu.ie</a
           >

From 1bce0ca93f137266d7f3b4ec6c801daae412dea1 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sat, 21 Feb 2026 19:16:47 +0000
Subject: [PATCH 15/24] Npm audit fix

---
 package-lock.json | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3123a59..339768a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1054,9 +1054,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.39.2",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
-      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
+      "version": "9.39.3",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.3.tgz",
+      "integrity": "sha512-1B1VkCq6FuUNlQvlBYb+1jDu/gV297TIs/OeiaSR9l1H27SVW55ONE1e1Vp16NqP683+xEGzxYtv4XCiDPaQiw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2248,9 +2248,9 @@
       }
     },
     "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2759,9 +2759,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.39.2",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
-      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
+      "version": "9.39.3",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.3.tgz",
+      "integrity": "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2771,7 +2771,7 @@
         "@eslint/config-helpers": "^0.4.2",
         "@eslint/core": "^0.17.0",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.39.2",
+        "@eslint/js": "9.39.3",
         "@eslint/plugin-kit": "^0.4.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
@@ -4778,17 +4778,17 @@
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.2.0.tgz",
-      "integrity": "sha512-CydUvFOQKD928UzZhTp4pr2vWz1L+H99t7Pkln2QSPdvmURT0MoC4wUccfCnuEaihNsu9aYYyk+bep8rlfkUXw==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.4.0.tgz",
+      "integrity": "sha512-Vxi9pJdbN3ZnVGLODVtZ7y4Y2kzAAE2Cm0CZ3ZDRvydVYxZ6VrnBhLikBsRS+dpwj4Jv4UCv21PTEwF5rQ9WXg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "debug": "^4.4.0",
-        "eslint-scope": "^8.2.0",
-        "eslint-visitor-keys": "^4.2.0",
-        "espree": "^10.3.0",
+        "eslint-scope": "^8.2.0 || ^9.0.0",
+        "eslint-visitor-keys": "^4.2.0 || ^5.0.0",
+        "espree": "^10.3.0 || ^11.0.0",
         "esquery": "^1.6.0",
         "semver": "^7.6.3"
       },
@@ -4799,7 +4799,7 @@
         "url": "https://github.com/sponsors/mysticatea"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0"
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0"
       }
     },
     "node_modules/vue-router": {

From 3dfa51ed0aebdbf34e5ad0d8cce80eaabf89c4e7 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sat, 21 Feb 2026 19:19:22 +0000
Subject: [PATCH 16/24] Fixed vulnerabilities

---
 package-lock.json                  | 383 +++++++----------------------
 package.json                       |   4 +-
 src/components/CalendarMain.vue    |   1 -
 src/components/EventDrawerItem.vue |   2 +-
 src/components/TitleBlock.vue      |   1 -
 5 files changed, 96 insertions(+), 295 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 339768a..a9d0d10 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,10 +18,10 @@
       "devDependencies": {
         "@eslint/js": "^9.39.2",
         "@vitejs/plugin-vue": "^6.0.3",
-        "eslint": "^9.39.2",
+        "eslint": "^10.0.1",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-oxlint": "~1.42.0",
-        "eslint-plugin-vue": "~10.7.0",
+        "eslint-plugin-vue": "^10.8.0",
         "globals": "^17.3.0",
         "npm-run-all2": "^8.0.4",
         "oxlint": "~1.42.0",
@@ -976,81 +976,44 @@
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.21.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
-      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.23.2.tgz",
+      "integrity": "sha512-YF+fE6LV4v5MGWRGj7G404/OZzGNepVF8fxk7jqmqo3lrza7a0uUcDnROGRBG1WFC1omYUS/Wp1f42i0M+3Q3A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
+        "@eslint/object-schema": "^3.0.2",
         "debug": "^4.3.1",
-        "minimatch": "^3.1.2"
+        "minimatch": "^10.2.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.5.2.tgz",
+      "integrity": "sha512-a5MxrdDXEvqnIq+LisyCX6tQMPF/dSJpCfBgBauY+pNZ28yCtSsTvyTYrMhaI+LK26bVyCJfJkT0u8KIj2i1dQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.17.0"
+        "@eslint/core": "^1.1.0"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
     "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-1.1.0.tgz",
+      "integrity": "sha512-/nr9K9wkr3P1EzFTdFdMoLuo1PmIxjmwvPozwoSodjNBdefGujXQUF93u1DDZpEaTuDvMsIQddsd35BwtrW9Xw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@types/json-schema": "^7.0.15"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
-      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
     "node_modules/@eslint/js": {
@@ -1067,27 +1030,27 @@
       }
     },
     "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-3.0.2.tgz",
+      "integrity": "sha512-HOy56KJt48Bx8KmJ+XGQNSUMT/6dZee/M54XyUyuvTvPXJmsERRvBchsUVx1UMe1WwIH49XLAczNC7V2INsuUw==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.6.0.tgz",
+      "integrity": "sha512-bIZEUzOI1jkhviX2cp5vNyXQc6olzb2ohewQubuYlMXZ2Q/XjBO0x0XhGPvc9fjSIiUN0vw+0hq53BJ4eQSJKQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.17.0",
+        "@eslint/core": "^1.1.0",
         "levn": "^0.4.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
     "node_modules/@headlessui/vue": {
@@ -1945,6 +1908,13 @@
         "vue": "^2.7.0 || ^3.0.0"
       }
     },
+    "node_modules/@types/esrecurse": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@types/esrecurse/-/esrecurse-4.3.1.tgz",
+      "integrity": "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -2226,9 +2196,9 @@
       "license": "MIT"
     },
     "node_modules/acorn": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -2264,22 +2234,6 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/ansis": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/ansis/-/ansis-4.2.0.tgz",
@@ -2290,13 +2244,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
     "node_modules/ast-kit": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/ast-kit/-/ast-kit-2.2.0.tgz",
@@ -2330,11 +2277,14 @@
       }
     },
     "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.3.tgz",
+      "integrity": "sha512-1pHv8LX9CpKut1Zp4EXey7Z8OfH11ONNH6Dhi2WDUt31VVZFXZzKwXcysBgqSumFCmR+0dqjMK5v5JiFHzi0+g==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": "20 || >=22"
+      }
     },
     "node_modules/baseline-browser-mapping": {
       "version": "2.9.19",
@@ -2363,14 +2313,16 @@
       "license": "ISC"
     },
     "node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.2.tgz",
+      "integrity": "sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
       }
     },
     "node_modules/browserslist": {
@@ -2423,16 +2375,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001769",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001769.tgz",
@@ -2454,23 +2396,6 @@
       ],
       "license": "CC-BY-4.0"
     },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
     "node_modules/chokidar": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
@@ -2486,33 +2411,6 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/confbox": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
@@ -2759,33 +2657,30 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.39.3",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.3.tgz",
-      "integrity": "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg==",
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.0.1.tgz",
+      "integrity": "sha512-20MV9SUdeN6Jd84xESsKhRly+/vxI+hwvpBMA93s+9dAcjdCuCojn4IqUGS3lvVaqjVYGYHSRMCpeFtF2rQYxQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.1",
-        "@eslint/config-helpers": "^0.4.2",
-        "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.39.3",
-        "@eslint/plugin-kit": "^0.4.1",
+        "@eslint-community/regexpp": "^4.12.2",
+        "@eslint/config-array": "^0.23.2",
+        "@eslint/config-helpers": "^0.5.2",
+        "@eslint/core": "^1.1.0",
+        "@eslint/plugin-kit": "^0.6.0",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
         "@types/estree": "^1.0.6",
         "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
         "cross-spawn": "^7.0.6",
         "debug": "^4.3.2",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.4.0",
-        "eslint-visitor-keys": "^4.2.1",
-        "espree": "^10.4.0",
-        "esquery": "^1.5.0",
+        "eslint-scope": "^9.1.1",
+        "eslint-visitor-keys": "^5.0.1",
+        "espree": "^11.1.1",
+        "esquery": "^1.7.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^8.0.0",
@@ -2795,8 +2690,7 @@
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
+        "minimatch": "^10.2.1",
         "natural-compare": "^1.4.0",
         "optionator": "^0.9.3"
       },
@@ -2804,7 +2698,7 @@
         "eslint": "bin/eslint.js"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
         "url": "https://eslint.org/donate"
@@ -2845,9 +2739,9 @@
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "10.7.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-10.7.0.tgz",
-      "integrity": "sha512-r2XFCK4qlo1sxEoAMIoTTX0PZAdla0JJDt1fmYiworZUX67WeEGqm+JbyAg3M+pGiJ5U6Mp5WQbontXWtIW7TA==",
+      "version": "10.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-10.8.0.tgz",
+      "integrity": "sha512-f1J/tcbnrpgC8suPN5AtdJ5MQjuXbSU9pGRSSYAuF3SHoiYCOdEX6O22pLaRyLHXvDcOe+O5ENgc1owQ587agA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2864,7 +2758,7 @@
       "peerDependencies": {
         "@stylistic/eslint-plugin": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0",
         "@typescript-eslint/parser": "^7.0.0 || ^8.0.0",
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "vue-eslint-parser": "^10.0.0"
       },
       "peerDependenciesMeta": {
@@ -2877,48 +2771,50 @@
       }
     },
     "node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "version": "9.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-9.1.1.tgz",
+      "integrity": "sha512-GaUN0sWim5qc8KVErfPBWmc31LEsOkrUJbvJZV+xuL3u2phMUK4HIvXlWAakfC8W4nzlK+chPEAkYOYb5ZScIw==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
+        "@types/esrecurse": "^4.3.1",
+        "@types/estree": "^1.0.8",
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/espree": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-11.1.1.tgz",
+      "integrity": "sha512-AVHPqQoZYc+RUM4/3Ly5udlZY/U4LS8pIG05jEjWM2lQMU/oaZ7qshzAl2YP1tfNmXfftH3ohurfwNAug+MnsQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
-        "acorn": "^8.15.0",
+        "acorn": "^8.16.0",
         "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.1"
+        "eslint-visitor-keys": "^5.0.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
@@ -3127,16 +3023,6 @@
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
       "license": "ISC"
     },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/hookable": {
       "version": "5.5.3",
       "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
@@ -3153,23 +3039,6 @@
         "node": ">= 4"
       }
     },
-    "node_modules/import-fresh": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -3289,19 +3158,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -3677,13 +3533,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -3728,16 +3577,19 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.2.tgz",
+      "integrity": "sha512-+G4CpNBxa5MprY+04MbgOw1v7So6n5JY166pFi9KfYwT78fxScCeSNQSNzp6dpPSW2rONOps6Ocam1wFhCgoVw==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": "*"
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/mitt": {
@@ -4029,19 +3881,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -4237,16 +4076,6 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/rfdc": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
@@ -4398,19 +4227,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/superjson": {
       "version": "2.2.6",
       "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.6.tgz",
@@ -4423,19 +4239,6 @@
         "node": ">=16"
       }
     },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/tailwindcss": {
       "version": "4.1.18",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
diff --git a/package.json b/package.json
index 6cc6994..5289705 100644
--- a/package.json
+++ b/package.json
@@ -23,10 +23,10 @@
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@vitejs/plugin-vue": "^6.0.3",
-    "eslint": "^9.39.2",
+    "eslint": "^10.0.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-oxlint": "~1.42.0",
-    "eslint-plugin-vue": "~10.7.0",
+    "eslint-plugin-vue": "^10.8.0",
     "globals": "^17.3.0",
     "npm-run-all2": "^8.0.4",
     "oxlint": "~1.42.0",
diff --git a/src/components/CalendarMain.vue b/src/components/CalendarMain.vue
index 505ec9a..d572e88 100644
--- a/src/components/CalendarMain.vue
+++ b/src/components/CalendarMain.vue
@@ -1,7 +1,6 @@
 <script setup>
 import EventItem from "./EventItem.vue"
 import { ref } from "vue"
-import { defineProps } from "vue"
 
 const props = defineProps({
   tabs: {
diff --git a/src/components/EventDrawerItem.vue b/src/components/EventDrawerItem.vue
index 46ce076..ba7ea58 100644
--- a/src/components/EventDrawerItem.vue
+++ b/src/components/EventDrawerItem.vue
@@ -58,7 +58,7 @@
 <script setup>
 import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from "@headlessui/vue"
 import { XMarkIcon } from "@heroicons/vue/24/outline"
-import { defineProps, defineEmits, computed } from "vue"
+import { computed } from "vue"
 
 defineProps({
   open: Boolean,
diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
index f69c18d..498138a 100644
--- a/src/components/TitleBlock.vue
+++ b/src/components/TitleBlock.vue
@@ -1,5 +1,4 @@
 <script setup>
-import { defineProps } from "vue"
 import { useRouter, useRoute } from "vue-router"
 
 // Dynamically get years from data folder using Vite's import.meta.glob

From 24992cc1175e3041d9be7a8f00de11925a89a968 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sun, 22 Feb 2026 21:57:57 +0000
Subject: [PATCH 17/24] Update coming soon

---
 src/pages/ComingSoonPage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/ComingSoonPage.vue b/src/pages/ComingSoonPage.vue
index 5952ecc..b506341 100644
--- a/src/pages/ComingSoonPage.vue
+++ b/src/pages/ComingSoonPage.vue
@@ -34,10 +34,10 @@
       <p class="mx-auto mt-3 max-w-[44ch] text-[0.98rem] text-[#a9b4c7]">
         Talk submissions:
         <a
-          href="mailto:committee@redbrick.dcu.ie"
+          href="mailto:techweek@redbrick.dcu.ie"
           class="font-semibold text-[#e63946] underline decoration-[#ffd166]/70 underline-offset-2 hover:text-[#ffd166]"
         >
-          committee@redbrick.dcu.ie
+          techweek@redbrick.dcu.ie
         </a>
       </p>
     </div>

From c9d5784cc7cc090ad3b21a7c3785618173854503 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:35:23 +0000
Subject: [PATCH 18/24] Fixed coloring + Ability to upload json for edit

---
 src/pages/tools/EventMaker.vue | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/pages/tools/EventMaker.vue b/src/pages/tools/EventMaker.vue
index 41ec92a..60a5726 100644
--- a/src/pages/tools/EventMaker.vue
+++ b/src/pages/tools/EventMaker.vue
@@ -3,8 +3,8 @@
     <div class="max-w-4xl mx-auto p-6">
       <h1 class="text-2xl font-bold mb-4">Event JSON Editor</h1>
       <div class="mb-4 flex flex-wrap gap-2 items-center">
-        <label class="font-semibold">Select year:</label>
-        <select v-model="selectedFile" @change="loadJson" class="border rounded px-2 py-1">
+        <span class="font-semibold">Select year:</span>
+        <select v-model="selectedFile" @change="loadJson" class="border rounded px-2 py-1 bg-gray-900">
           <option v-for="file in jsonFiles" :key="file" :value="file">{{ file }}</option>
         </select>
         <button
@@ -13,6 +13,10 @@
         >
           New JSON
         </button>
+        <label class="ml-2 px-3 py-1 bg-gray-700 text-white rounded cursor-pointer">
+          <span id="jsonFile">Upload JSON</span>
+          <input type="file" accept=".json" @change="uploadJson" class="hidden"/>
+        </label>
         <button
           @click="downloadJson"
           class="ml-2 px-3 py-1 bg-blue-600 text-white rounded cursor-pointer"
@@ -219,6 +223,25 @@ function downloadJson() {
   URL.revokeObjectURL(url)
 }
 
+function uploadJson(event) {
+  const file = event.target.files[0]
+  if (file) {
+    const reader = new FileReader()
+    reader.onload = (e) => {
+      try {
+        jsonData.value = JSON.parse(e.target.result)
+        selectedFile.value = file.name
+        document.getElementById("jsonFile").textContent = file.name
+        // Reset file input
+        event.target.value = ""
+      } catch {
+        alert("Invalid JSON file")
+      }
+    }
+    reader.readAsText(file)
+  }
+}
+
 // Auto-load first file
 if (!jsonData.value) loadJson()
 </script>

From d3c8b5a7d0f7955788a0b17b3fd2b8d9f4075e58 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:36:33 +0000
Subject: [PATCH 19/24] Formatted

---
 src/pages/tools/EventMaker.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/tools/EventMaker.vue b/src/pages/tools/EventMaker.vue
index 60a5726..e33c13b 100644
--- a/src/pages/tools/EventMaker.vue
+++ b/src/pages/tools/EventMaker.vue
@@ -4,7 +4,11 @@
       <h1 class="text-2xl font-bold mb-4">Event JSON Editor</h1>
       <div class="mb-4 flex flex-wrap gap-2 items-center">
         <span class="font-semibold">Select year:</span>
-        <select v-model="selectedFile" @change="loadJson" class="border rounded px-2 py-1 bg-gray-900">
+        <select
+          v-model="selectedFile"
+          @change="loadJson"
+          class="border rounded px-2 py-1 bg-gray-900"
+        >
           <option v-for="file in jsonFiles" :key="file" :value="file">{{ file }}</option>
         </select>
         <button
@@ -15,7 +19,7 @@
         </button>
         <label class="ml-2 px-3 py-1 bg-gray-700 text-white rounded cursor-pointer">
           <span id="jsonFile">Upload JSON</span>
-          <input type="file" accept=".json" @change="uploadJson" class="hidden"/>
+          <input type="file" accept=".json" @change="uploadJson" class="hidden" />
         </label>
         <button
           @click="downloadJson"

From 3492624d27bb915eba0ce67e3bb168a886386d6f Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:38:09 +0000
Subject: [PATCH 20/24] Remove Unneeded styling

---
 src/pages/tools/EventMaker.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/pages/tools/EventMaker.vue b/src/pages/tools/EventMaker.vue
index e33c13b..8853790 100644
--- a/src/pages/tools/EventMaker.vue
+++ b/src/pages/tools/EventMaker.vue
@@ -249,7 +249,3 @@ function uploadJson(event) {
 // Auto-load first file
 if (!jsonData.value) loadJson()
 </script>
-
-<style scoped>
-/* Add your styles here */
-</style>

From a40840d0146ad3c5b44e993047e1b8ef5eced244 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:50:24 +0000
Subject: [PATCH 21/24] Change page title + default to 2017

---
 src/pages/CallForTalks.vue | 2 ++
 src/pages/LiveSite.vue     | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/CallForTalks.vue b/src/pages/CallForTalks.vue
index 6df1746..4519511 100644
--- a/src/pages/CallForTalks.vue
+++ b/src/pages/CallForTalks.vue
@@ -3,6 +3,8 @@ import ThemeToggle from "../components/ThemeToggle.vue"
 import TitleBlock from "..//components/TitleBlock.vue"
 import FooterRedbrick from "../components/FooterRedbrick.vue"
 import redbrickLogo from "../assets/redbrick.svg"
+
+document.title = "Call for Talks - Tech Week 2026"
 </script>
 
 <template>
diff --git a/src/pages/LiveSite.vue b/src/pages/LiveSite.vue
index d7f6e85..e8478d1 100644
--- a/src/pages/LiveSite.vue
+++ b/src/pages/LiveSite.vue
@@ -24,7 +24,7 @@ async function loadData() {
   try {
     data.value = (await import(`../data/${year.value}.json`)).default
   } catch {
-    data.value = (await import("../data/2014.json")).default
+    data.value = (await import("../data/2017.json")).default
   }
 }
 
@@ -52,6 +52,10 @@ const calendarTabs = computed(() => {
 })
 
 defineExpose({ data, calendarTabs, subtitle })
+
+watchEffect(() => {
+  document.title = `Tech Week ${data.value.year} - ${data.value ? data.value.location : ""}`
+})
 </script>
 
 <template>

From ca290abdd4a248c6496ada89f6befa8143b58863 Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:52:52 +0000
Subject: [PATCH 22/24] Fix for not given year for title error

---
 src/pages/LiveSite.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/LiveSite.vue b/src/pages/LiveSite.vue
index e8478d1..0636eef 100644
--- a/src/pages/LiveSite.vue
+++ b/src/pages/LiveSite.vue
@@ -54,7 +54,7 @@ const calendarTabs = computed(() => {
 defineExpose({ data, calendarTabs, subtitle })
 
 watchEffect(() => {
-  document.title = `Tech Week ${data.value.year} - ${data.value ? data.value.location : ""}`
+  document.title = `Tech Week ${data.value ? data.value.year : ""} - ${data.value ? data.value.location : ""}`
 })
 </script>
 

From d04fa309cf8918f8da9a81065d2d986a7fdaa7cc Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Sun, 22 Feb 2026 23:20:54 +0000
Subject: [PATCH 23/24] Improvements based on Lighthouse

---
 index.html                      | 2 +-
 src/components/CalendarMain.vue | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index e56a3a4..80de6c8 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Tech Week</title>
 </head>
 
diff --git a/src/components/CalendarMain.vue b/src/components/CalendarMain.vue
index d572e88..c62b57c 100644
--- a/src/components/CalendarMain.vue
+++ b/src/components/CalendarMain.vue
@@ -22,10 +22,11 @@ const selectedTab = ref(0)
           :key="tab.label"
           @click="selectedTab = idx"
           :class="[
-            'py-1 px-1 font-semibold focus:outline-none transition-colors duration-200 cursor-pointer',
+            'py-1 px-1 font-semibold transition-colors duration-200 cursor-pointer',
             'rounded-t-lg',
+            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:border-blue-400',
             selectedTab === idx
-              ? 'bg-blue-100 dark:bg-blue-900 border-b-2 border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400'
+              ? 'bg-blue-100 dark:bg-[#001460] border-b-2 border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400'
               : 'bg-gray-100 dark:bg-gray-800 text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400',
           ]"
           type="button"

From cd62d8d2191eb1ae9945caf1a7a88f0c58a51e7a Mon Sep 17 00:00:00 2001
From: Aris <64918822+Arisamiga@users.noreply.github.com>
Date: Thu, 5 Mar 2026 09:07:11 +0000
Subject: [PATCH 24/24] Synced with Main

---
 src/pages/ComingSoonPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ComingSoonPage.vue b/src/pages/ComingSoonPage.vue
index b506341..7ad64a4 100644
--- a/src/pages/ComingSoonPage.vue
+++ b/src/pages/ComingSoonPage.vue
@@ -29,7 +29,7 @@
         and launch details.
       </p>
       <p class="mt-5 text-[0.95rem] font-semibold uppercase tracking-[0.08em] text-[#dbe6ff]">
-        22 March to 27 March 2026
+        23rd March to 27th March 2026
       </p>
       <p class="mx-auto mt-3 max-w-[44ch] text-[0.98rem] text-[#a9b4c7]">
         Talk submissions: