Add 2026 Hackathon information

src/components/GettingThereHackathon.astro

@@ -0,0 +1,103 @@
+---
+import {Image} from "astro:assets";
+import Map from "../img/Map.avif";
+---
+
+<style>
+    .content-wrapper {
+        max-width: var(--max-page-width);
+        margin-inline: auto;
+    }
+
+    h2 {
+        margin-block-end: 1rem;
+    }
+
+    h3 {
+        margin-block-end: 0;
+    }
+
+    .grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 40px;
+    }
+
+    @media (max-width: 800px) {
+        /* Number obtained by manually testing */
+        .grid {
+            grid-template-columns: 1fr;
+        }
+    }
+
+    p:first-of-type {
+        margin-block-start: 0.5rem;
+    }
+
+    ul {
+        list-style: none;
+        padding-inline-start: 0;
+        margin-block-start: 0.3rem;
+    }
+
+    li {
+        font-size: 1.125rem;
+        color: var(--secondary-color);
+    }
+
+    .map-grid {
+        display: grid;
+        grid-template: repeat(2, auto) / 1fr 1fr;
+        gap: 1px;
+    }
+
+    .map-grid img {
+        grid-column: 1 / -1;
+        box-shadow: 0 0 0 1px #636569;
+    }
+
+    .map-grid a {
+        padding: 1em;
+        display: grid;
+        place-content: center;
+        box-shadow: 0 0 0 1px #636569;
+    }
+</style>
+<div class="content-wrapper">
+    <h2>Getting there</h2>
+    <div class="grid">
+        <div class="item">
+            <div class="map-grid">
+                <Image src={Map} alt="" />
+                <a href="https://maps.app.goo.gl/bfAYfrKsEQbiXFZ87"
+                    >Google Maps</a
+                >
+                <a
+                    href="https://www.openstreetmap.org/directions?to=55.6504856%2C12.5428797#map=15/55.65130/12.53958&layers=S"
+                    >OpenStreet Map</a
+                >
+            </div>
+            <p>
+                The address is:
+                A. C. Meyers Vænge 15, 2450 København, Denmark (Rooms 3.084A and 3.084B)
+            </p>
+        </div>
+        <div class="item">
+            <h3>Public Transportation</h3>
+            <p>
+								The hackathon marks the end of the conference and takes place in Copenhagen, Denmark,
+								following the main conference in Malmö, Sweden. Travelling between the two locations
+								is straightforward.
+            </p>
+            <p>
+            		You can either take the regional train from Malmö to Ørestad and transfer to bus 8A,
+            		getting off at Sluseholmen St, or take the regional train to Copenhagen Central Station
+            		(København H) and continue by metro on line M4 to Sluseholmen St.
+            </p>
+            <p>
+            		Public transport tickets can be purchased easily through the <a href="">Rejsekort app</a>,
+            		while Aalborg University’s <a href="">map app</a> helps you navigate the campus and surrounding area.
+            </p>
+        </div>
+    </div>
+</div>

src/components/Header.astro

@@ -104,6 +104,7 @@ import PrimaryCta from "./PrimaryCta.astro";
         <li><a href="/attend">Attend</a></li>
         <li><a href="/sponsor">Sponsor</a></li>
         <li><a href="/schedule">Schedule</a></li>
+        <li><a href="/hackathon">Hackathon</a></li>
         <li><a href="/volunteer">Volunteer</a></li>
         <li><PrimaryCta  href="/register">Tickets</PrimaryCta ></li>
     </ul>

src/components/RoughSchedule.astro

@@ -141,17 +141,14 @@
     <div class="schedule-grid">
         <div class="day">
             <div class="date">Friday 23rd October</div>
-            <div class="time">12:00 - 18:00</div>
+            <div class="time">12:30 - 18:00</div>
         </div>
         <div class="events">
-            <h3>Community Hackathon</h3>
+            <h3>Hackathon</h3>
             <p>
-                Join us at for a day of collaborating on Matrix projects
-                and putting all the ideas we just had into action!
-            </p>
-            <p>
-                The venue for the hackathon will be announced soon and
-                will be reachable within at most one hour by public transport from the main conference venue.
+                Join us at Aalborg University for a day of collaboration on Matrix projects, where we’ll turn
+                the ideas we’ve just discussed into action! Many thanks to the Department of Computer Science
+                at Aalborg University for hosting us.
             </p>
         </div>
     </div>

src/pages/hackathon.astro

@@ -0,0 +1,94 @@
+---
+import PrimaryCta from "../components/PrimaryCta.astro";
+import TextAndImage from "../components/TextAndImage.astro";
+import BaseLayout from "../layouts/BaseLayout.astro";
+
+import GettingThere from "../components/GettingThereHackathon.astro";
+
+import Fosdem from "../img/Fosdem.avif";
+import Fosdem2 from "../img/Fosdem2.avif";
+
+const pageTitle = "Attend the hackathon"
+const pageDescription = "Join us for a hackathon on 23 October 2026. In collaboration with Dr Carla Griggio and the mInt Research Lab on User-Centered Messaging Interoperability at the Department of Computer Science, Aalborg University, the hackathon will take place in Copenhagen, Denmark."
+---
+
+<style>
+    section:nth-child(even) {
+        background-color: #1a1a1a;
+    }
+
+    .content-wrapper {
+        max-width: var(--max-page-width);
+        margin-inline: auto;
+    }
+
+    .items {
+        max-width: var(--max-page-width);
+        margin-inline: auto;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        gap: 2rem;
+    }
+
+    .item {
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+    }
+
+    .actions {
+        margin-top: 1rem;
+    }
+
+    p,
+    ul {
+        font-size: 1.125rem;
+        margin-block: 1em;
+        color: var(--secondary-color);
+    }
+</style>
+<BaseLayout
+	pageTitle={ pageTitle }
+	description={ pageDescription }
+>
+    <section id="overview">
+    	<TextAndImage imgSrc={ Fosdem2 }>
+    		<h2>Collaborate With Others</h2>
+    		<p>
+    				Join us for a hackathon on 23 October 2026. In collaboration with Dr Carla Griggio and the
+    				mInt Research Lab on User-Centered Messaging Interoperability at the Department of
+    				Computer Science, <a href="https://www.en.aau.dk/copenhagen">Aalborg University</a>, the 
+    				hackathon will take place in Copenhagen, Denmark.
+    		</p>
+    		<p>
+    				Don't forget to grab your ticket!
+  			</p>
+    		<div class="actions">
+      		<PrimaryCta
+      			href="/register"
+      			flexBottom={ true }
+      		>
+      			Get Your Ticket
+      		</PrimaryCta>
+        </div>
+    	</TextAndImage>
+    </section>
+    <section>
+    	<TextAndImage imgSrc={ Fosdem } reverse={ true }>
+    		<h2>Shape the Future of Matrix</h2>
+    		<p>
+    				There are many activities to take part in during the hackathon, including:
+      	</p>
+         <ul>
+         		<li>Participating in sprints organised by the Decentralisation, Website & Content, or 
+         		Events Working Groups</li>
+            <li>Adding or improving a feature in a client, bot, bridge, or server</li>
+            <li>Developing a proposal for a Matrix Spec Change</li>
+        </ul>
+    	</TextAndImage>
+    </section>
+    <section id="getting-there">
+        <GettingThere />
+    </section>
+</BaseLayout>