Add 2026 Hackathon information

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,17 @@
     <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!
+                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>
             <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.
+              	Please see our <a href="/hackathon">dedicated</a> page for further details.
             </p>
         </div>
     </div>

src/components/Teaser2026.astro

@@ -100,14 +100,12 @@ import PrimaryCta from "./PrimaryCta.astro";
             </PrimaryCta>
         </div>
         <div class="item smol">
-            <h2>Volunteer</h2>
+            <h2>Hackathon</h2>
             <p>
-                Team work makes the dream work:
-                Volunteers join the team in making The Matrix Conference into reality.
-                Sign up early and receive a free ticket and exclusive crew merch.
+                Join us at Aalborg University for a hackathon on 23rd October, 2026.
             </p>
             <PrimaryCta
-                href="/volunteer"
+                href="/hackathon"
                 flexBottom={true}
             >
             Learn more

src/pages/attend.astro

@@ -82,6 +82,9 @@ const pageDescription = "Join us for The Matrix Conference from 20th to 23rd Oct
                 We strongly recommend staying in the city centre
                 to enjoy the conference and socialise with other attendees in the evenings.
             </p>
+            <p>
+                Attending the hackathon? Please see our <a href="/hackathon">dedicated page</a> for further information.
+            </p>
         </TextAndImage>
     </section>
 

src/pages/hackathon.astro

@@ -0,0 +1,188 @@
+---
+import PrimaryCta from "../components/PrimaryCta.astro";
+import TextAndImage from "../components/TextAndImage.astro";
+import BaseLayout from "../layouts/BaseLayout.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 23rd 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);
+    }
+
+    .bus-8a {
+     	padding: 0.1em 0.5em;
+        color: #fff;
+		background-color: #cf970d;
+		border-radius: 4px;
+    }
+
+    .metro-4 {
+        padding: 0.1em 0.5em;
+        color: #fff;
+        background-color: #0099b9;
+        border-radius: 4px;
+    }
+
+    .train-O {
+        padding: 0.1em 0.5em;
+        color: #fff;
+        background-color: #706c6a;
+        border-radius: 4px;
+    }
+
+    .apps-row {
+        display: flex;
+        gap: 1rem;
+    }
+
+    .apps-row img {
+        margin-block: 2rem;
+        border-radius: 0;
+        transition: transform 0.05s ease-in;
+    }
+
+    .apps-row img:hover {
+        transform: scale(1.1);
+    }
+</style>
+<BaseLayout
+	pageTitle={ pageTitle }
+	description={ pageDescription }
+>
+    <section id="overview">
+    	<TextAndImage imgSrc={ Fosdem2 }>
+    		<h2>Collaborate With Others</h2>
+    		<p>
+    			Join us for a hackathon on 23rd 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 <a href="https://matrix.org/foundation/working-groups/">Working Groups</a></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">
+        <div class="items">
+            <div class="item">
+                <h2>Getting There</h2>
+                <p>
+                    The hackathon marks the end of the conference and takes place at A. C. Meyers Vænge 15, 2450
+                    Copenhagen, Denmark (Rooms 3.084A and 3.084B; view on
+                    <a href="https://maps.app.goo.gl/bfAYfrKsEQbiXFZ87">Google Maps</a> or
+                    <a href="https://www.openstreetmap.org/directions?to=55.6504856%2C12.5428797#map=15/55.65130/12.53958&amp;layers=S">OpenStreetMap</a>), 
+                    following the main conference in Malmö, Sweden. Whilst at the venue, Aalborg University’s
+                    <a href="https://www.en.its.aau.dk/app/aau-map">map app</a> will help you navigate the campus and surrounding area.
+                </p>
+                <p>
+                    Travelling between the two locations is straightforward. You can either take a train on the
+                    <span class="train-O">Öresundståg</span> network from Malmö to Ørestad and transfer to bus
+                    <span class="bus-8a">8A</span>, getting off at Sluseholmen St, or continue on the
+                    <span class="train-O">Öresundståg</span> network to Copenhagen Central Station (København H)
+                    and then take metro line <span class="metro-4">M4</span> to Sluseholmen St.
+                </p>
+                <p>
+                	Public transport tickets can be purchased easily through the Skånetrafiken app.
+                    The app is available in English. 
+            	</p>
+           		<div class="apps-row">
+                    <a href="https://apps.apple.com/en/app/sk%C3%A5netrafiken/id1180539331?l=en">
+                        <img
+                            src="/download-app-store.svg"
+                            alt="Download Skånetrafiken on the Apple App Store."
+                            width="180"
+                            height="60"
+                        />
+                    </a>
+                    <a href="https://play.google.com/store/apps/details?id=se.skanetrafiken.washington">
+                        <img
+                            src="/download-google-play.svg"
+                            alt="Download Skånetrafiken on the Google Play Store."
+                            width="200"
+                            height="60"
+                        />
+                    </a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section id="good-to-know">
+        <div class="items">
+            <div class="item">
+                <h2>Good To Know</h2>
+                <p>
+                	Denmark is part of the Schengen Area, so it is easy to travel there from many European countries, including Sweden.
+                    Please also note that Denmark uses the Danish krone (DKK), not the euro, as its currency.
+                </p>
+                <p>
+                	Refreshments at the hackathon will cater to a range of dietary needs and preferences, including vegetarian, vegan
+                    and gluten-free options.
+                </p>
+                <p>
+                    Please note that the <a href="/attend/#health-and-safety">health and safety policies</a> that apply
+                    to the main conference also apply to the hackathon.
+                </p>
+            </div>
+        </div>
+    </section>
+</BaseLayout>