diff --git a/_data/hakken.yml b/_data/hakken.yml
new file mode 100644
index 0000000..9b93af2
--- /dev/null
+++ b/_data/hakken.yml
@@ -0,0 +1,155 @@
+dates:
+ - name: Winter 2024
+ theme: org-mode
+ location:
+ en: Berlin
+ de: Berlin
+ description:
+ en: |
+ This hakken will include our yearly general assembly. This is the perfect opportunity to get to know the internals of the organization, and to get involved!
+ de: |
+ Auf diesem hakken wir die Mitgliederversammlung stattfinden. Dies ist die perfekte Gelegenheit die Internalien der Organisation kennenzulernen, und mit zu machen!
+ extraSchedule:
+ - day: friday
+ time: '20:00'
+ id: cm
+ title:
+ en: Critical Mass
+ de: Critical Mass
+ - day: saturday
+ time: '14:00'
+ title:
+ en: General Assembly pub.solar n.e.V.
+ de: Mitgliederversammlung pub.solar n.e.V.
+
+ - name: Spring 2024
+ theme: Push for privacy
+ location:
+ en: Cologne @ [MiOM space](https://miom.space)
+ de: Köln @ [MiOM Kreativraum](https://miom.space)
+ description:
+ en: |
+ Let's push for more privacy! During this hakken we want to improve our datacollection and privacy policies however we can.
+
+ Ideas for projects:
+ * automate old account deletion
+ * thorougly analyze all the kinds of data we keep and how we can reduce this
+ * update our privacy policy
+ * seeing if we can get our hands on our own hardware
+ de: |
+ Lass für mehr Privatsphäre arbeiten! Dieses hakken wollen wir unseren Datenschutz verbessern und unsere Datensammlung verringern.
+
+ Ideen für Projekte:
+ * Löschen von alten Accounts automatisieren
+ * eine Analyse unserer Datenspeicherung erstellen; was speichern wir und wo? Können wir das reduzieren?
+ * unsere Datenschutzerklärung auffrischen
+ * schauen ob wir eigene Hardware kriegen könnten
+
+ - name: Summer 2024
+ theme: Hot CPU Summer
+ location:
+ en: Cologne @ [MiOM space](https://miom.space)
+ de: Köln @ [MiOM Kreativraum](https://miom.space)
+ description:
+ en: |
+ Summer is hot and will be getting hotter. CPUs are overheating in the new CO2 normal, can we do better?
+
+ Ideas for projects:
+ * Look for ways to reduce the pub.solar carbon footprint
+ * Create an open source bicycle computer
+ de: |
+ Der Sommer ist heiß und wird immer heißer werden. CPUs überhitzen in dem neuen CO2 normal, können wir da besser werden?
+
+ Ideas für Projekte:
+ * Mittel und Wege finden pub.solar nachhaltiger zu gestalten
+ * Einen open source Fahrradcomputer bauen
+
+ - name: Autumn 2024
+ theme: no theme yet
+ location:
+ en: Cologne @ [MiOM space](https://miom.space)
+ de: Köln @ [MiOM Kreativraum](https://miom.space)
+ description:
+
+strings:
+ when:
+ en: 'When'
+ de: 'Wann'
+ where:
+ en: 'Where'
+ de: 'Wo'
+ comingDates:
+ en: 'The following dates are scheduled:'
+ de: 'Folgende Termine stehen an:'
+ friday:
+ en: 'friday'
+ de: 'Freitag'
+ saturday:
+ en: 'saturday'
+ de: 'Samstag'
+ sunday:
+ en: 'sunday'
+ de: 'Sonntag'
+ until:
+ en: 'until'
+ de: 'bis'
+ theme:
+ en: 'Theme'
+ de: 'Thema'
+ schedule:
+ en: 'Schedule'
+ de: 'Zeitplan'
+ months:
+ - en: 'January'
+ de: 'Januar'
+ - en: 'February'
+ de: 'Februar'
+ - en: 'March'
+ de: 'März'
+ - en: 'April'
+ de: 'April'
+ - en: 'May'
+ de: 'Mai'
+ - en: 'June'
+ de: 'Juni'
+ - en: 'July'
+ de: 'Juli'
+ - en: 'August'
+ de: 'August'
+ - en: 'September'
+ de: 'September'
+ - en: 'October'
+ de: 'Oktober'
+ - en: 'November'
+ de: 'November'
+ - en: 'December'
+ de: 'Dezember'
+
+baseSchedule:
+ - day: friday
+ time: '13:12'
+ id: start
+ title:
+ en: Opening
+ de: Eröffnung
+
+ - day: friday
+ time: '17:30'
+ id: cm
+ title:
+ en: Critical Mass
+ de: Critical Mass
+
+ - day: sunday
+ time: '15:30'
+ id: wrapup
+ title:
+ en: Wrap-up get-together
+ de: Abschliessendes zusammenkommen
+
+ - day: sunday
+ time: '16:20'
+ id: end
+ title:
+ en: Official end
+ de: Offizielles Ende
diff --git a/_includes/HakkenDates.tsx b/_includes/HakkenDates.tsx
index 45ca2c3..6327266 100644
--- a/_includes/HakkenDates.tsx
+++ b/_includes/HakkenDates.tsx
@@ -1,4 +1,107 @@
-export default ({ lang, className }) => ;
+import { md, mdi } from '../filters.ts';
+
+const days = {
+ 'friday': 0,
+ 'saturday': 1,
+ 'sunday': 2,
+};
+
+const day = 24 * 60 * 60 * 1000;
+const week = 7 * day;
+const endOfWeekend = 2 * day;
+
+const getStartAndEnd = (date) => {
+ const [ version, year ] = date.name.split(' ');
+ const startingMonth = {
+ Winter: 1,
+ Spring: 4,
+ Summer: 7,
+ Autumn: 10,
+ }[version];
+
+ // We start searching on the 20th of that specific month
+ const d = new Date();
+ d.setFullYear(parseInt(year, 10));
+ d.setMonth(startingMonth - 1);
+ d.setDate(20);
+
+ for (let i = 0; i < 14; i++) {
+ const dateToTry = new Date(d.valueOf() + (i * day));
+ if (dateToTry.getDay() !== 5) {
+ continue;
+ }
+
+ const oneWeekLater = new Date(dateToTry.valueOf() + week);
+ if (dateToTry.getMonth() === oneWeekLater.getMonth()) {
+ continue;
+ }
+
+ return {
+ start: dateToTry,
+ end: new Date(dateToTry.valueOf() + endOfWeekend),
+ };
+ }
+};
+
+export default ({ data, lang, className }) => {
+ const strings = data.strings;
+ const dates = data.dates;
+ const t = (o) => o?.[lang] || '';
+
+ console.log(dates);
+
+ return