eleventy init for tdf website

.eleventy.js

@@ -0,0 +1,63 @@
+const i18n = require('eleventy-plugin-i18n');
+const translations = require('./src/_data/i18n');
+
+module.exports = function (eleventyConfig) {
+  // Plugins
+  eleventyConfig.addPlugin(i18n, {
+    defaultLanguage: 'de',
+    localesDirectory: 'src',
+    // optional: customize the URL structure
+    urlPrefix: locale => (locale === 'de' ? '' : `/${locale}`),
+    translations,
+    fallbackLocales: {
+      '*': 'de'
+    }
+  });
+
+  // TEMP demo of what could be an i18n-aware plural package?
+  eleventyConfig.addFilter('pluralize', function (term, count = 1) {
+    // Poorman's pluralize for now...
+    return count === 1 ? term : `${term}s`;
+  });
+
+  eleventyConfig.addFilter('localizedPermalink', (slug, locale) => {
+    const newPath = locale === 'de' ? `${slug.slice(3)}.html` : `${slug}.html`;
+    return `${newPath}`;
+  });
+
+  // these folders will be copied into webroot
+  // e.g. /image => /_site/image
+  eleventyConfig.addPassthroughCopy('image');
+  eleventyConfig.addPassthroughCopy('css');
+  eleventyConfig.addPassthroughCopy('font');
+
+  // contents of public folder will be copied into webroot
+  // e.g. /public/something.html => /_site/something.html
+  eleventyConfig.addPassthroughCopy({ "public": "." });
+
+  // Browsersync
+  // Redirect from root to default language root during --serve
+  // Can also be handled by netlify.toml?
+  eleventyConfig.setBrowserSyncConfig({
+    callbacks: {
+      ready: function (err, bs) {
+        bs.addMiddleware('*', (req, res) => {
+          if (req.url === '/') {
+            res.writeHead(302, {
+              location: '/en/'
+            });
+            res.end();
+          }
+        });
+      }
+    }
+  });
+
+  // Configuration
+  return {
+    dir: {
+      input: 'src'
+    },
+    markdownTemplateEngine: 'njk'
+  };
+};

.gitignore

@@ -22,6 +22,9 @@ Icon
 .Trashes
 .VolumeIcon.icns
 .com.apple.timemachine.donotpresent
+.netlify
+_site
+node_modules
 
 # Directories potentially created on remote AFP share
 .AppleDB

.prettierignore

@@ -0,0 +1,2 @@
+node_modules
+_site

.prettierrc

@@ -0,0 +1,14 @@
+{
+  "singleQuote": true,
+  "trailingComma": "none",
+  "arrowParens": "avoid",
+  "overrides": [
+    {
+      "files": "*.css",
+      "options": {
+        "printWidth": 140,
+        "singleQuote": false
+      }
+    }
+  ]
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Chaostreff Tübingen e. V.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,16 @@
+# TDF Eleventy
+
+Based on the demo site [`eleventy-plugin-i18n-demo`](https://github.com/adamduncan/eleventy-plugin-i18n-demo).
+
+
+# Setup
+Install
+
+`npm install`
+
+Run local webserver
+
+`npx @11ty/eleventy --serve`
+
+Note:
+the index.js containing translations won't automatically be updated, you may need to restart the webserver for it to reflect the changes

THIRD_PARTY_LICENSES.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Adam Duncan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

css/styles-4.7.css

@@ -489,46 +489,4 @@ h3,
     pointer-events: none; /* Deaktiviert alle Hover- und Klickereignisse */
 }
 
-
-
-.gallery {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 20px;
-    padding: 20px 0;
-}
-
-.gallery img {
-    width: 100%;
-    height: auto;
-    border-radius: 10px; /* Abgerundete Ecken für mehr Eleganz */
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Schatteneffekt */
-    transition: transform 0.3s, box-shadow 0.3s; /* Animation bei Hover */
-}
-
-.gallery img:hover {
-    transform: scale(1.10); /* Leichtes Vergrößern beim Hover */
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Intensiverer Schatten */
-}
-
-/* Lightbox Styling */
-.lightbox {
-    display: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.8); /* Dunkler Hintergrund */
-    justify-content: center;
-    align-items: center;
-    z-index: 1000;
-    cursor: pointer;
-}
-
-.lightbox img {
-    max-width: 90%; /* Breite bis zu 1200px */
-    max-height: 90%;
-    border-radius: 10px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
-}
+/* Kein Hover-Effekt für inaktive Buttons - deaktiviert durch pointer-events: none */

en/imprint.html

@@ -1,80 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-	<meta charset="utf-8">
-	<meta property="og:image" content="../image/poster.png" />
-	<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-	<title>5th Tübingen Days of Digital Freedom</title>
-</head>
-
-<body>
-	<div class="background">
-
-		<div id="content">
-
-			<nav class="navigationbar">
-				<div>
-					<div>
-						<a href="index.html">Home</a>
-						<a href="program.html">Program</a>
-						<a href="join.html">Participate</a>
-						<a href="venue.html">Venue</a>
-						<a href="recap.html">Recap</a>
-					</div>
-					<div>
-						<a href="../imprint.html"><img src="../image/de.png"> DE</a>
-					</div>
-				</div>
-			</nav>
-
-
-			<!-- Animated title -->
-			<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span
-					class="ch" style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
-					style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
-					style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp"
-					style="--i:7"> </span><span class="ch" style="--i:8">D</span><span class="ch"
-					style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
-					style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch"
-					style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
-					style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
-					style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
-					style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
-					style="--i:21">O</span><span class="ch" style="--i:22">M</span>
-			</h1>
-
-			<div class="box" id="imprint">
-				<h2>Imprint</h2>
-				<h3>Address</h3>
-				<p>
-					Chaostreff Tübingen e.V.<br />
-					Bei den Pferdeställen 8<br />
-					72072 Tübingen<br />
-				</p>
-				<p>
-					On the web: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de"
-						rel="ugc nofollow noopener">https://cttue.de</a>
-				</p>
-				<h3>Contact</h3>
-				<p>
-					For general contact we recommend an email to mail(at)cttue.de
-				</p>
-				<p>
-					Chaostreff Tübingen e.V. is registered in the association register of the district court of Stuttgart under the association number VR
-					726042.
-				</p>
-			</div>
-
-			<p>&nbsp;</p>
-
-		</div>
-	</div>
-</body>
-
-</html>

en/index.html

@@ -1,144 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <meta property="og:image" content="../image/poster.png" />
-  <link rel="stylesheet" type="text/css" href="../styles-5.0.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-  <title>5th Tübingen Days of Digital Freedom</title>
-</head>
-
-<body>
-  <div class="background">
-
-    <div id="content">
-
-      <nav class="navigationbar">
-        <div>
-          <div>
-            <a href="index.html" class="active">Home</a>
-            <a href="program.html">Program</a>
-            <a href="join.html">Participate</a>
-            <a href="venue.html">Venue</a>
-            <a href="recap.html">Recap</a>
-          </div>
-          <div>
-            <a href="../index.html"><img src="../image/de.png"> DE</a>
-          </div>
-        </div>
-      </nav>
-
-      <!-- Animated title -->
-      <h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span class="ch"
-          style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch" style="--i:3">S</span><span
-          class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">O</span><span class="ch"
-          style="--i:6">F</span><span class="ch sp" style="--i:7"> </span><span class="ch"
-          style="--i:8">D</span><span class="ch" style="--i:9">I</span><span class="ch"
-          style="--i:10">G</span><span class="ch" style="--i:11">I</span><span class="ch" style="--i:12">T</span><span
-          class="ch" style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
-          style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
-          style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
-          style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
-          style="--i:21">O</span><span class="ch" style="--i:22">M</span>
-      </h1>
-
-      <!-- Box Event -->
-      <div class="box" id="start">
-        <h2>May 15 – 17, 2026<br />Westspitze Tübingen</h2>
-        <p>The fifth Tübingen Days of Digital Freedom (#TDF5) stand under the motto "Freiräume verschlüssen" (Encrypt Free Spaces). On this
-          and many other topics around digital freedom, data protection, net politics, and technology, there will be talks,
-          workshops, and discussions. Beyond that, TDF offers space for networking, exchange, and creativity.
-        </p>
-        <p>The event is aimed not only at people from "the chaos" (members and friends of the Chaos
-          Computer Club) but everyone interested in a life of freedom and self-determination in the digital society.
-          Admission is free. To make this possible, we appreciate donations and sponsors.
-        </p>
-        </p>
-        <p class="big">All Creatures Welcome!</p>
-      </div>
-
-      <!-- Two columns boxes -->
-      <div class="box-grid">
-
-        <!-- Program -->
-        <div class="box" id="program">
-          <p>The CfP for TDF5 will be published soon. We look forward to numerous exciting talks and
-            workshops.</p>
-          <div class="button-container">
-            <a href="program.html" class="button">Program</a>
-          </div>
-        </div>
-
-        <!-- Join -->
-        <div class="box" id="join">
-          <p>The Days of Digital Freedom are made possible by your participation. Learn more about how you can contribute
-            to the success of the event.</p>
-          <div class="button-container">
-            <a href="join.html" class="button">Participate</a>
-          </div>
-        </div>
-
-        <!-- Venue -->
-        <div class="box" id="venue">
-          <p>We meet at Westspitze, Eisenbahnstraße&NonBreakingSpace;1, 72072&NonBreakingSpace;Tübingen
-            in the rooms and spaces of the ground floor and floors 2, 6, and 7.</p>
-          <div class="button-container">
-            <a href="venue.html" class="button">Venue</a>
-          </div>
-        </div>
-
-        <!-- Register -->
-        <div class="box" id="register">
-          <p>You can register for TDF. Registration is voluntary and free, but you can support the
-            event with a donation.</p>
-          <div class="button-container">
-            <a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Register</a>
-          </div>
-        </div>
-
-        <!-- Recap -->
-        <div class="box" id="recap">
-          <p>Want to know what previous TDFs were like? In the recap you'll find reports, photos, and videos
-            from past events:</p>
-          <div class="button-container">
-            <a href="recap.html" class="button">Recap</a>
-          </div>
-        </div>
-
-        <!-- CTT -->
-        <div class="box" id="ctt">
-          <p>The Tübingen Days of Digital Freedom are organized by Chaostreff Tübingen e.V. (CTT). More info
-            on our website:</p>
-          <div class="button-container">
-            <a href="http://cttue.de/" class="button">Chaostreff</a>
-          </div>
-        </div>
-      </div>
-
-      <!-- Sponsor -->
-      <div class="box" id="sponsor">
-        <h3>Our Sponsors</h3>
-        <div class="sponsor-logos">
-          <a href="https://www.coworkgroup.de/" target="_blank">
-            <img src="../image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;">
-          </a>
-        </div>
-        <p>Would you like to support TDF financially or in other ways, or know someone who might?
-          Write to us at <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p>
-      </div>
-
-      <!-- Imprint -->
-      <div id="imprint">
-        <a href="imprint.html">Imprint</a>
-      </div>
-
-    </div>
-  </div>
-</body>
-
-</html>

en/join.html

@@ -1,177 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-	<meta charset="utf-8">
-	<meta property="og:image" content="../image/poster.png" />
-	<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-	<title>5th Tübingen Days of Digital Freedom</title>
-</head>
-
-<body>
-	<div class="background">
-
-		<div id="content">
-
-			<nav class="navigationbar">
-				<div>
-					<div>
-						<a href="index.html">Home</a>
-						<a href="program.html">Program</a>
-						<a href="join.html" class="active">Participate</a>
-						<a href="venue.html">Venue</a>
-						<a href="recap.html">Recap</a>
-					</div>
-					<div>
-						<a href="../join.html"><img src="../image/de.png"> DE</a>
-					</div>
-				</div>
-			</nav>
-
-			<!-- Animated title -->
-			<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span
-					class="ch" style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
-					style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
-					style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp" style="--i:7">
-				</span><span class="ch" style="--i:8">D</span><span class="ch" style="--i:9">I</span><span class="ch"
-					style="--i:10">G</span><span class="ch" style="--i:11">I</span><span class="ch"
-					style="--i:12">T</span><span class="ch" style="--i:13">A</span><span class="ch"
-					style="--i:14">L</span><span class="ch sp" style="--i:15"> </span><span class="ch"
-					style="--i:16">F</span><span class="ch" style="--i:17">R</span><span class="ch"
-					style="--i:18">E</span><span class="ch" style="--i:19">E</span><span class="ch"
-					style="--i:20">D</span><span class="ch" style="--i:21">O</span><span class="ch"
-					style="--i:22">M</span>
-			</h1>
-
-			<!-- Das Event -->
-			<div class="box">
-				<h2>The Event</h2>
-				<p>The Days of Digital Freedom is an event organized from the Chaos community and takes place for the
-					fifth time in a row in Tübingen.</p>
-				<p>At the event, freaks, artists, utopians, and simply curious
-					people meet to learn from and with each other. We are all connected by the open exchange
-					about creativity, beauty, our society, technology and its impact on us and the
-					rapidly advancing climate catastrophe.</p>
-
-				<p>The Days of Digital Freedom exist to realize this utopia. If you share our values and
-					<a href="https://www.ccc.de/hackerethik">ethics</a> and want to help, you are cordially
-					invited.
-				</p>
-			</div>
-
-			<!-- Termine -->
-			<div class="box">
-				<h2>Dates</h2>
-				<h3>Preparation</h3>
-				<ul>
-					<li>Regular meetings of the organization team (usually Mondays). More info at <a
-							href="mailto:tdf@cttue.de">tdf@cttue.de</a></li>
-					<li>Organization introductory event – tba (probably early February)</li>
-				</ul>
-				<h3>Event</h3>
-				<ul>
-					<li>Thursday, May 15, 2026 (Ascension Day) - Setup</li>
-					<li>Friday, May 16, 2026 - Setup and TDF Day 1</li>
-					<li>Saturday, May 17, 2026 - TDF Day 2</li>
-					<li>Sunday, May 18, 2026 - TDF Day 3, teardown from 5:00 PM</li>
-				</ul>
-			</div>
-
-			<!-- Vorträge und Workshops -->
-			<div class="box">
-				<h2>Talks and Workshops</h2>
-				<p>The Call for Participation will open early 2026. More under
-					<a href="program.html">Program</a>.
-				</p>
-			</div>
-
-			<!-- Hackcenter und Projekte -->
-			<div class="box">
-				<h2>Hackcenter and Projects</h2>
-				<p>As in previous years, there will be a hackcenter and a project room where groups and
-					individuals can show and present their own projects and gather. If you are interested
-					in being there with your group or project, please contact us at
-					<a href="mailto:assemblies@cttue.de">assemblies@cttue.de</a>.
-				</p>
-			</div>
-
-			<!-- Call for Arts -->
-			<div class="box">
-				<h2>Call for Arts</h2>
-				<p>You are an artist, musician, performer, or have another creative idea that you would like to present
-					at the Days of Digital Freedom? The Call for Arts will open early 2026. Send us an email if you want
-					to be notified as soon as the Call for Arts is live:
-					<a href="mailto:arts@cttue.de">arts@cttue.de</a>.
-				</p>
-			</div>
-
-
-
-			<!-- Angels -->
-			<div class="box">
-				<h2>Angels</h2>
-				<p>Beyond the content, the event also thrives on the help of kind and helpful angels. Many helping hands
-					are needed both behind and in front of the scenes. Tasks are divided into 2-hour shifts,
-					and all helpers get free mineral water and snacks at the angel haven.</p>
-				<p>The angel system can be found at <a href="https://elfen.cttue.de">elfen.cttue.de</a>.
-					There you can register as an angel and sign up for shifts.
-				</p>
-
-				<p>You can help the organization team with the following tasks:</p>
-
-				<div style="display: grid; grid-template-columns: 1fr 1fr;">
-					<div>
-						<h3>Setup</h3>
-						<ul>
-							<li>Transportation services</li>
-							<li>Decoration</li>
-							<li>Furniture arrangement</li>
-							<li>Signage</li>
-						</ul>
-						<h3>Talks</h3>
-						<ul>
-							<li>"Herald" / Moderation</li>
-							<li>Camera and sound</li>
-						</ul>
-					</div>
-					<div>
-						<h3>Catering</h3>
-						<ul>
-							<li>Beverage sales (evening Tschunk etc.)</li>
-							<li>WOC (Waffle Operation Center)</li>
-							<li>Breakfast</li>
-							<li>Angel catering</li>
-						</ul>
-						<h3>Teardown</h3>
-						<ul>
-							<li>Transportation services</li>
-							<li>Furniture arrangement</li>
-							<li>Cleaning</li>
-						</ul>
-					</div>
-				</div>
-			</div>
-
-			<!-- Accommodation -->
-			<div class="box">
-				<h2>Accommodation</h2>
-				<p>For visitors from outside, we want to offer the possibility to stay overnight on Friday and Saturday
-					nights on camp beds and sofas. For this, please register in advance at
-					<a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.
-				</p>
-
-			</div>
-
-			<!-- Imprint -->
-			<div id="imprint">
-				<a href="imprint.html">Imprint</a>
-			</div>
-		</div>
-</body>
-
-</html>

en/program.html

@@ -1,87 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <meta property="og:image" content="../image/poster.png" />
-  <link rel="stylesheet" type="text/css" href="../styles-5.0.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-  <title>5th Tübingen Days of Digital Freedom</title>
-</head>
-
-<body>
-  <div class="background">
-
-    <div id="content">
-
-      <nav class="navigationbar">
-        <div>
-          <div>
-            <a href="index.html">Home</a>
-            <a href="program.html" class="active">Program</a>
-            <a href="join.html">Participate</a>
-            <a href="venue.html">Venue</a>
-            <a href="recap.html">Recap</a>
-          </div>
-          <div>
-            <a href="../program.html"><img src="../image/de.png"> DE</a>
-          </div>
-        </div>
-      </nav>
-
-      <!-- Animated title -->
-      <h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span class="ch"
-          style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch" style="--i:3">S</span><span
-          class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">O</span><span class="ch"
-          style="--i:6">F</span><span class="ch sp" style="--i:7"> </span><span class="ch" style="--i:8">D</span><span
-          class="ch" style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
-          style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch" style="--i:13">A</span><span
-          class="ch" style="--i:14">L</span><span class="ch sp" style="--i:15"> </span><span class="ch"
-          style="--i:16">F</span><span class="ch" style="--i:17">R</span><span class="ch" style="--i:18">E</span><span
-          class="ch" style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
-          style="--i:21">O</span><span class="ch" style="--i:22">M</span>
-      </h1>
-
-      <!-- Box Program -->
-      <div class="box">
-        <p>Over 50 talks and workshops in 4 rooms await you from these topic areas:</p>
-        <div style="display: grid; grid-template-columns: 1fr 1fr;">
-          <div>
-            <ul>
-              <li>Creativity & Beauty</li>
-              <li>Ethics, Politics & Society</li>
-              <li>Hardware & Code</li>
-              <li>Digitality & Competence</li>
-            </ul>
-          </div>
-          <div>
-            <ul>
-              <li>Diversity & Mindfulness</li>
-              <li>Sustainability & Climate</li>
-              <li>Science & Technology</li>
-              <li>Networking & Actions</li>
-            </ul>
-          </div>
-        </div>
-        <p>The Call for Participation will open early 2026. Send us an email if you want to be notified as soon as the
-          Call for Participation is live: <a href="mailto:program@cttue.de">program@cttue.de</a>.</p>
-        <div class="button-container">
-          <a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Call for Participation</a>
-        </div>
-      </div>
-
-
-      <!-- Imprint -->
-      <div id="imprint">
-        <a href="imprint.html">Imprint</a>
-      </div>
-
-    </div>
-  </div>
-</body>
-
-</html>

en/recap.html

@@ -1,144 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-	<meta charset="utf-8">
-	<meta property="og:image" content="../image/poster.png" />
-	<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-	<title>5th Tübingen Days of Digital Freedom</title>
-</head>
-
-<body>
-	<div class="background">
-
-		<div id="content">
-
-			<nav class="navigationbar">
-				<div>
-					<div>
-						<a href="index.html">Home</a>
-						<a href="program.html">Program</a>
-						<a href="join.html">Participate</a>
-						<a href="venue.html">Venue</a>
-						<a href="recap.html" class="active">Recap</a>
-					</div>
-					<div>
-						<a href="../recap.html"><img src="../image/de.png"> DE</a>
-					</div>
-				</div>
-			</nav>
-
-			<!-- Animated title -->
-			<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span
-					class="ch" style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
-					style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
-					style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp"
-					style="--i:7"> </span><span class="ch" style="--i:8">D</span><span class="ch"
-					style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
-					style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch"
-					style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
-					style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
-					style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
-					style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
-					style="--i:21">O</span><span class="ch" style="--i:22">M</span>
-			</h1>
-
-			<div class="box">
-				<h2>Previous Events</h2>
-				<p>The Days of Digital Freedom have been held annually since 2022. Here you can find the pages
-					of previous events.
-				</p>
-				<div class="buttons-wrapper">
-					<div class="button-container">
-						<a href="../tdf1/index.html" class="button">TDF1 | 2022</a>
-					</div>
-					<div class="button-container">
-						<a href="../tdf2/index.html" class="button">TDF2 | 2023</a>
-					</div>
-					<div class="button-container">
-						<a href="../tdf3/en/index.html" class="button">TDF3 | 2024</a>
-					</div>
-					<div class="button-container">
-						<a href="../tdf4/en/index.html" class="button">TDF4 | 2025</a>
-					</div>
-				</div>
-			</div>
-
-			<div class="box">
-				<h2>4th Days of Digital Freedom 2025</h2>
-				<p>On July 26/27, 2025, the 4th Days of Digital Freedom took place at the Westspitze in Tübingen. The
-					event was organized by
-					<a href="https://cttue.de/">Chaostreff Tübingen e.V.</a>. Thanks to the support of many <a
-						href="join.html">helping hands</a> and financial
-					supporters, a fabulous event could take place. On four floors with two presentation stages, two
-					workshop rooms and a hackspace,
-					over 300 visitors were able to experience a <a href="https://cfp.cttue.de/tdf4/schedule/">diverse
-						program</a>.
-				</p>
-			</div>
-
-			<div class="box">
-				<h2>Impressions</h2>
-
-				<div class="gallery">
-					<img src="../image/tdf4_00001.JPG" alt="Image 1" onclick="openLightbox('../image/tdf4_00001.JPG')">
-					<img src="../image/tdf4_00002.JPG" alt="Image 2" onclick="openLightbox('../image/tdf4_00002.JPG')">
-					<img src="../image/tdf4_00003.JPG" alt="Image 3" onclick="openLightbox('../image/tdf4_00003.JPG')">
-					<img src="../image/tdf4_00004.JPG" alt="Image 4" onclick="openLightbox('../image/tdf4_00004.JPG')">
-					<img src="../image/tdf4_00005.JPG" alt="Image 5" onclick="openLightbox('../image/tdf4_00005.JPG')">
-					<img src="../image/tdf4_00006.JPG" alt="Image 6" onclick="openLightbox('../image/tdf4_00006.JPG')">
-					<img src="../image/tdf4_00007.JPG" alt="Image 7" onclick="openLightbox('../image/tdf4_00007.JPG')">
-					<img src="../image/tdf4_00008.JPG" alt="Image 8" onclick="openLightbox('../image/tdf4_00008.JPG')">
-					<img src="../image/tdf4_00009.JPG" alt="Image 9" onclick="openLightbox('../image/tdf4_00009.JPG')">
-					<img src="../image/tdf4_00010.JPG" alt="Image 10" onclick="openLightbox('../image/tdf4_00010.JPG')">
-					<img src="../image/tdf4_00011.JPG" alt="Image 11" onclick="openLightbox('../image/tdf4_00011.JPG')">
-					<img src="../image/tdf4_00012.JPG" alt="Image 12" onclick="openLightbox('../image/tdf4_00012.JPG')">
-				</div>
-			</div>
-
-			<!-- Lightbox Container -->
-			<div id="lightbox" class="lightbox" onclick="closeLightbox()">
-				<img id="lightbox-img" src="" alt="Enlarged image">
-			</div>
-
-			<script>
-				function openLightbox(imageSrc) {
-					const lightbox = document.getElementById('lightbox');
-					const lightboxImg = document.getElementById('lightbox-img');
-					lightboxImg.src = imageSrc; // Set the clicked image as the source
-					lightbox.style.display = 'flex'; // Show the lightbox
-				}
-
-				function closeLightbox() {
-					const lightbox = document.getElementById('lightbox');
-					lightbox.style.display = 'none'; // Hide the lightbox
-				}
-			</script>
-
-			<div class="box" id="radio">
-				<h2>Videos</h2>
-				<p>Thanks to the help of <a href="https://chaoswest.tv/">Chaos-West TV</a>, many of the presentations
-					have been recorded and
-					published. You can find the videos on <a
-						href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> and on <a
-						href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>.
-				<div class="button-container">
-					<a href="https://media.ccc.de/c/tdf2025" class="button">To the videos…</a>
-				</div>
-			</div>
-
-			<!-- Imprint -->
-			<div id="imprint">
-				<a href="imprint.html">Imprint</a>
-			</div>
-
-		</div>
-	</div>
-</body>
-
-</html>

en/venue.html

@@ -1,143 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-	<meta charset="utf-8">
-	<meta property="og:image" content="../image/poster.png" />
-	<link rel="stylesheet" type="text/css" href="../styles-5.0.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-	<script src="../venue.js"></script>
-	<title>5th Tübingen Days of Digital Freedom</title>
-</head>
-
-<body>
-	<div class="background">
-
-		<div id="content">
-
-			<nav class="navigationbar">
-				<div>
-					<div>
-						<a href="index.html">Home</a>
-						<a href="program.html">Program</a>
-						<a href="join.html">Participate</a>
-						<a href="venue.html" class="active">Venue</a>
-						<a href="recap.html">Recap</a>
-					</div>
-					<div>
-						<a href="../venue.html"><img src="../image/de.png"> DE</a>
-					</div>
-				</div>
-			</nav>
-
-			<!-- Animated title -->
-			<h1 class="title en" aria-label="Days of Digital Freedom"><span class="ch" style="--i:0">D</span><span class="ch"
-					style="--i:1">A</span><span class="ch" style="--i:2">Y</span><span class="ch"
-					style="--i:3">S</span><span class="ch sp" style="--i:4"> </span><span class="ch"
-					style="--i:5">O</span><span class="ch" style="--i:6">F</span><span class="ch sp"
-					style="--i:7"> </span><span class="ch" style="--i:8">D</span><span class="ch"
-					style="--i:9">I</span><span class="ch" style="--i:10">G</span><span class="ch"
-					style="--i:11">I</span><span class="ch" style="--i:12">T</span><span class="ch"
-					style="--i:13">A</span><span class="ch" style="--i:14">L</span><span class="ch sp"
-					style="--i:15"> </span><span class="ch" style="--i:16">F</span><span class="ch"
-					style="--i:17">R</span><span class="ch" style="--i:18">E</span><span class="ch"
-					style="--i:19">E</span><span class="ch" style="--i:20">D</span><span class="ch"
-					style="--i:21">O</span><span class="ch" style="--i:22">M</span>
-			</h1>
-
-			<!-- Box Venue -->
-			<div class="box" id="location">
-				<h2>Location</h2>
-				<p>The Days of Digital Freedom take place at Westspitze Tübingen.</p>
-				<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
-				<p>The building can be reached on foot from the city center in about 15 minutes, from the main train station in about 10 minutes, or
-					from the
-					bus stops "Blaue Brücke" and "Landestheater".</p>
-				<p>We meet in the rooms and spaces of the ground floor and floors 2, 6, and 7.</p>
-
-				<iframe id="map" width="800" height="500"
-					src="https://www.openstreetmap.org/export/embed.html?bbox=9.061722457408907%2C48.51540328325071%2C9.064798951148989%2C48.517036085911435&amp;layer=mapnik&amp;marker=48.516218802800694%2C9.063262045383453"
-					style="border: 1px solid black"></iframe><br /><small><a
-						href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Show
-						larger
-						map</a>
-			</div>
-
-			<div class="box">
-				<h2>What's Where?</h2>
-				<p>This is the floor plan of TDF 2025. Changes are possible.</p>
-				<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em;">
-					<div>
-						<ul>
-							<li><a href="#floor-eg" class="location-link" data-target="bar-foyer">Bar in Foyer</a></li>
-							<li><a href="#floor-eg" class="location-link" data-target="buehne-1">Stage 1</a></li>
-							<li><a href="#floor-6" class="location-link" data-target="buehne-2">Stage 2</a></li>
-							<li><a href="#floor-6" class="location-link" data-target="cafeteria">Cafeteria</a></li>
-						</ul>
-					</div>
-					<div>
-						<ul>
-							<li><a href="#floor-eg" class="location-link" data-target="elfenhain">Elfenhain</a></li>
-							<li><a href="#floor-eg" class="location-link" data-target="foyer">Foyer</a></li>
-							<li><a href="#floor-eg" class="location-link" data-target="hackspace">Hackcenter</a></li>
-							<li><a href="#floor-eg" class="location-link" data-target="infodesk">Infodesk</a></li>
-							<li><a href="#floor-6" class="location-link" data-target="kaffee">Coffee</a></li>
-							<li><a href="#floor-eg" class="location-link" data-target="kasse">Cashier</a></li>
-						</ul>
-					</div>
-					<div>
-						<ul>
-							<li><a href="#floor-6" class="location-link" data-target="projekte">Projects</a></li>
-							<li><a href="#floor-2" class="location-link" data-target="silent-room">Silent Room</a></li>
-							<li><a href="#floor-7" class="location-link" data-target="skybar">SKYBAR</a></li>
-							<li><a href="#floor-6" class="location-link" data-target="waffeln">Waffles</a></li>
-							<li><a href="#floor-2" class="location-link" data-target="workshop-1">Workshop 1</a></li>
-							<li><a href="#floor-2" class="location-link" data-target="workshop-2">Workshop 2</a></li>
-						</ul>
-					</div>
-				</div>
-			</div>
-
-			<div class="box floor-plan" id="floor-eg">
-				<img src="../image/Etagen_EG.png" alt="Ground floor plan" class="floor-plan-image" />
-				<div class="location-marker" data-location="bar-foyer" style="top: 40%; left: 36%;"></div>
-				<div class="location-marker" data-location="buehne-1" style="top: 36%; left: 85%;"></div>
-				<div class="location-marker" data-location="elfenhain" style="top: 60%; left: 93%;"></div>
-				<div class="location-marker" data-location="foyer" style="top: 28%; left: 36%;"></div>
-				<div class="location-marker" data-location="hackspace" style="top: 36%; left: 60%;"></div>
-				<div class="location-marker" data-location="infodesk" style="top: 20%; left: 29%;"></div>
-				<div class="location-marker" data-location="kasse" style="top: 40%; left: 36%;"></div>
-			</div>
-
-			<div class="box floor-plan" id="floor-2">
-				<img src="../image/Etagen_2. OG.png" alt="2nd floor plan" class="floor-plan-image" />
-				<div class="location-marker" data-location="back-office" style="top: 13%; left: 70%;"></div>
-				<div class="location-marker" data-location="silent-room" style="top: 13%; left: 57%;"></div>
-				<div class="location-marker" data-location="workshop-1" style="top: 54%; left: 38%;"></div>
-				<div class="location-marker" data-location="workshop-2" style="top: 13%; left: 83%;"></div>
-			</div>
-
-			<div class="box floor-plan" id="floor-6">
-				<img src="../image/Etagen_6. OG.png" alt="6th floor plan" class="floor-plan-image" />
-				<div class="location-marker" data-location="projekte" style="top: 75%; left: 64%;"></div>
-				<div class="location-marker" data-location="buehne-2" style="top: 41%; left: 20%;"></div>
-				<div class="location-marker" data-location="cafeteria" style="top: 58%; left: 82%;"></div>
-				<div class="location-marker" data-location="kaffee" style="top: 58%; left: 82%;"></div>
-				<div class="location-marker" data-location="waffeln" style="top: 58%; left: 82%;"></div>
-			</div>
-
-			<div class="box floor-plan" id="floor-7">
-				<img src="../image/Etagen_7. OG.png" alt="7th floor plan" class="floor-plan-image" />
-				<div class="location-marker" data-location="skybar" style="top: 35%; left: 36%;"></div>
-			</div>
-
-		</div>
-	</div>
-
-</body>
-
-</html>

imprint.html

@@ -1,82 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-	<meta charset="utf-8">
-	<meta property="og:image" content="image/poster.png" />
-	<link rel="stylesheet" type="text/css" href="styles-5.0.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-	<title>5. Tübinger Tage der digitalen Freiheit</title>
-</head>
-
-<body>
-	<div class="background">
-
-		<div id="content">
-
-			<nav class="navigationbar">
-				<div>
-					<div>
-						<a href="index.html">Hauptseite</a>
-						<a href="program.html">Programm</a>
-						<a href="join.html">Mitmachen</a>
-						<a href="venue.html">Lageplan</a>
-						<a href="recap.html">Rückblick</a>
-					</div>
-					<div>
-						<a href="en/imprint.html"><img src="image/gb.png"> EN</a>
-					</div>
-				</div>
-			</nav>
-
-
-			<!-- Animated title -->
-			<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span
-					class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch"
-					style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch"
-					style="--i:5">D</span><span class="ch" style="--i:6">E</span><span class="ch"
-					style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch"
-					style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
-					style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch"
-					style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch"
-					style="--i:15">L</span><span class="ch" style="--i:16">E</span><span class="ch"
-					style="--i:17">N</span><span class="ch sp" style="--i:18">
-				</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
-					style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch"
-					style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch"
-					style="--i:25">I</span><span class="ch" style="--i:26">T</span>
-			</h1>
-
-			<div class="box" id="imprint">
-				<h2>Impressum</h2>
-				<h3>Anschrift</h3>
-				<p>
-					Chaostreff Tübingen e.V.<br />
-					Bei den Pferdeställen 8<br />
-					72072 Tübingen<br />
-				</p>
-				<p>
-					Im Web: <a href="https://cttue.de" class="urlextern" target="_blank" title="https://cttue.de"
-						rel="ugc nofollow noopener">https://cttue.de</a>
-				</p>
-				<h3>Kontakt</h3>
-				<p>
-					Für allgemeinen Kontakt empfehlen wir eine E-Mail an mail(at)cttue.de
-				</p>
-				<p>
-					Chaostreff Tübingen e.V. ist im Vereinsregister des Amtsgericht Stuttgart unter der Vereinsnummer VR
-					726042 eingetragen.
-				</p>
-			</div>
-
-			<p>&nbsp;</p>
-
-		</div>
-	</div>
-</body>
-
-</html>

index.html

@@ -1,146 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <meta property="og:image" content="image/poster.png" />
-  <link rel="stylesheet" type="text/css" href="styles-5.0.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-  <title>5. Tübinger Tage der digitalen Freiheit</title>
-</head>
-
-<body>
-  <div class="background">
-
-    <div id="content">
-
-      <nav class="navigationbar">
-        <div>
-          <div>
-            <a href="index.html" class="active">Hauptseite</a>
-            <a href="program.html">Programm</a>
-            <a href="join.html">Mitmachen</a>
-            <a href="venue.html">Lageplan</a>
-            <a href="recap.html">Rückblick</a>
-          </div>
-          <div>
-            <a href="en/index.html"><img src="image/gb.png"> EN</a>
-          </div>
-        </div>
-      </nav>
-
-      <!-- Animated title -->
-      <h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span class="ch"
-          style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch" style="--i:3">E</span><span
-          class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">D</span><span class="ch"
-          style="--i:6">E</span><span class="ch" style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span
-          class="ch" style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
-          style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch" style="--i:13">T</span><span
-          class="ch" style="--i:14">A</span><span class="ch" style="--i:15">L</span><span class="ch"
-          style="--i:16">E</span><span class="ch" style="--i:17">N</span><span class="ch sp" style="--i:18">
-        </span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
-          style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch" style="--i:23">H</span><span
-          class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
-          style="--i:26">T</span>
-      </h1>
-
-      <!-- Box Event -->
-      <div class="box" id="start">
-        <h2>15. – 17. Mai 2026<br />Westspitze Tübingen</h2>
-        <p>Die fünften Tübinger Tage der digitalen Freiheit (#TDF5) stehen unter dem Motto „Freiräume verschlüsseln". Zu
-          diesem
-          und vielen anderen Themen rund um digitale Freiheit, Datenschutz, Netzpolitik und Technik gibt es Vorträge,
-          Workshops und Diskussionen. Darüber hinaus bietet der TDF Raum für Vernetzung, Austausch und Kreativität.
-        </p>
-        <p>Die Veranstaltung richtet sich nicht nur an Menschen aus „dem Chaos“ (Mitglieder und Freunde des Chaos
-          Computer Clubs) sondern alle die an einem Leben in Freiheit und Selbstbestimmung in der digitalen Gesellschaft
-          interessiert sind. Der Eintritt ist frei. Damit dies möglich ist freuen wir uns über Spenden und Sponsoren.
-        </p>
-        </p>
-        <p class="big">All Creatures Welcome!</p>
-      </div>
-
-      <!-- Two columns boxes -->
-      <div class="box-grid">
-
-        <!-- Program -->
-        <div class="box" id="program">
-          <p>Der CfP zum TDF5 wird in Kürze veröffentlicht. Wir freuen uns auf zahlreichespannende Vorträge und
-            Workshops.</p>
-          <div class="button-container">
-            <a href="program.html" class="button">Programm</a>
-          </div>
-        </div>
-
-        <!-- Join -->
-        <div class="box" id="join">
-          <p>Der Tag der digitalen Freiheit wird möglich durch deine Mitarbeit. Erfahre mehr darüber wie du zum Gelingen
-            der Veranstaltung beitragen kannst.</p>
-          <div class="button-container">
-            <a href="join.html" class="button">Mitmachen</a>
-          </div>
-        </div>
-
-        <!-- Venue -->
-        <div class="box" id="venue">
-          <p>Wir treffen uns in der Westspitze, Eisenbahnstraße&NonBreakingSpace;1, 72072&NonBreakingSpace;Tübingen
-            in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p>
-          <div class="button-container">
-            <a href="venue.html" class="button">Lageplan</a>
-          </div>
-        </div>
-
-        <!-- Register -->
-        <div class="box" id="register">
-          <p>Du kannst dich zum TDF anmelden. Die Anmeldung ist freiwillig und kostenlos, aber du kannst die
-            Veranstaltung mit einer Spende unterstützen.</p>
-          <div class="button-container">
-            <a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Anmelden</a>
-          </div>
-        </div>
-
-        <!-- Recap -->
-        <div class="box" id="recap">
-          <p>Du möchtest wissen, wie es auf den vorherigen TDFs war? Im Rückblick findest du Berichte, Fotos und Videos
-            von den vergangenen Veranstaltungen.</p>
-          <div class="button-container">
-            <a href="recap.html" class="button">Rückblick</a>
-          </div>
-        </div>
-
-        <!-- CTT -->
-        <div class="box" id="ctt">
-          <p>Die Tübinger Tage der digitalen Freiheit werden vom Chaostreff Tübingen e.V. (CTT) veranstaltet. Mehr Infos
-            auf unserer Website:</p>
-          <div class="button-container">
-            <a href="http://cttue.de/" class="button">Chaostreff</a>
-          </div>
-        </div>
-      </div>
-
-      <!-- Sponsor -->
-      <div class="box" id="sponsor">
-        <h3>Unsere Sponsoren</h3>
-        <div class="sponsor-logos">
-          <a href="https://www.coworkgroup.de/" target="_blank">
-            <img src="image/logo-coworkgroupde.jpg" alt="Cowork Group Logo" style="height: 80px;">
-          </a>
-        </div>
-        <p>Möchtest du den TDF finanziell oder auf andere Weise unterstützen oder kennst jemanden, der dafür in
-          Frage kommt? Schreib uns unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p>
-      </div>
-
-      <!-- Imprint -->
-      <div id="imprint">
-        <a href="imprint.html">Impressum</a>
-      </div>
-
-    </div>
-  </div>
-</body>
-
-</html>

join.html

@@ -1,184 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-	<meta charset="utf-8">
-	<meta property="og:image" content="image/poster.png" />
-	<link rel="stylesheet" type="text/css" href="styles-5.0.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-	<title>5. Tübinger Tage der digitalen Freiheit</title>
-</head>
-
-<body>
-	<div class="background">
-
-		<div id="content">
-
-			<nav class="navigationbar">
-				<div>
-					<div>
-						<a href="index.html">Hauptseite</a>
-						<a href="program.html">Programm</a>
-						<a href="join.html" class="active">Mitmachen</a>
-						<a href="venue.html">Lageplan</a>
-						<a href="recap.html">Rückblick</a>
-					</div>
-					<div>
-						<a href="en/join.html"><img src="image/gb.png"> EN</a>
-					</div>
-				</div>
-			</nav>
-
-			<!-- Animated title -->
-			<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span
-					class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch"
-					style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch"
-					style="--i:5">D</span><span class="ch" style="--i:6">E</span><span class="ch"
-					style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch"
-					style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
-					style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch"
-					style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch"
-					style="--i:15">L</span><span class="ch" style="--i:16">E</span><span class="ch"
-					style="--i:17">N</span><span class="ch sp" style="--i:18">
-				</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
-					style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch"
-					style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch"
-					style="--i:25">I</span><span class="ch" style="--i:26">T</span>
-			</h1>
-
-			<!-- Das Event -->
-			<div class="box">
-				<h2>Das Event</h2>
-				<p>Die Tage der digitalen Freiheit werden organisiert aus der Chaos-Community und finden zum fünften Mal
-					in Folge in Tübingen statt.</p>
-				<p>Hier treffen sich Freaks, Künstler:innen, Utopist:innen und einfach nur wissensgierige
-					Menschen um gemeinsam voneinander und miteinander zu lernen. Uns alle verbindet der offene Austausch
-					über Kreativität, Schönheit, unsere Gesellschaft, Technik und deren Auswirkung auf uns und die in
-					großen Schritten voranschreitende Klimakatastrophe.</p>
-
-				<p>Die Tage der digitalen Freiheit sind dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und
-					<a href="https://www.ccc.de/hackerethik">Ethik</a> teilst und mithelfen willst, bist du herzlich
-					dazu eingeladen.
-				</p>
-			</div>
-
-			<!-- Termine -->
-			<div class="box">
-				<h2>Termine</h2>
-				<h3>Vorbereitung</h3>
-				<ul>
-					<li>Regelmäßige Meetings des Orga-Teams (meist Montags). Für mehr Infos Mail an <a
-							href="mailto:tdf@cttue.de">tdf@cttue.de</a></li>
-					<li>Orga-Einführungsveranstaltung – tba (Vermutlich Anfang Februar)</li>
-				</ul>
-				<h3>Veranstaltung</h3>
-				<ul>
-					<li>Donnerstag 15. Mai 2026 (Christi Himmelfahrt) - Aufbau </li>
-					<li>Freitag 16. Mai 2026 - Aufbau und TDF Tag 1</li>
-					<li>Samstag 17. Mai 2026 - TDF Tag 2</li>
-					<li>Sonntag 18. Mai 2026 - TDF Tag 3, ab 17:00 Uhr Abbau. </li>
-				</ul>
-			</div>
-
-			<!-- Vorträge und Workshops -->
-			<div class="box">
-				<h2>Vorträge und Workshops</h2>
-				<p>Der Call for Participation wird Anfang 2026 geöffnet. Mehr unter
-					<a href="program.html">Programm</a>.
-				</p>
-			</div>
-
-			<!-- Call for Arts -->
-			<div class="box">
-				<h2>Call for Arts</h2>
-				<p>Du bist Künstler:in, Musiker:in, Performer:in oder hast eine andere kreative Idee, die du auf den
-					Tagen der digitalen Freiheit präsentieren möchtest? Der Call for Arts wird Anfang 2026 geöffnet.
-					Schick uns eine E-Mail, wenn du benachrichtigt werden möchtest, sobald der Call for Arts live ist:
-					<a href="mailto:arts@cttue.de">arts@cttue.de</a>.
-				</p>
-			</div>
-
-			<!-- Hackcenter und Projekte -->
-			<div class="box">
-				<h2>Hackcenter und Projekte</h2>
-				<p>Wie im vergangen Jahr wird es einen Hackcenter und einen Projekteraum geben, in denen Gruppen und
-					Einzelpersonen eigene Projekte zeigen und sich vorstellen und versammeln können. Wenn du
-					Interesse
-					hast, mit deiner Gruppe oder Projekt dabei zu sein, melde dich bitte unter
-					<a href="mailto:assemblies@cttue.de">assemblies@cttue.de</a>.
-				</p>
-			</div>
-
-			<!-- Elfen -->
-			<div class="box">
-				<h2>Elfen</h2>
-				<p>Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen. Es werden
-					hinter
-					und auch vor den Kulissen einige helfende Hände benötigt. Die Aufgaben sind in 2 Stunden
-					Schichten
-					unterteilt und für alle Helfenden gibts im Elfenhain
-					umsonst Mineralwasser und Snacks.</p>
-				<p>Das Elfensystem ist unter <a href="https://elfen.cttue.de">elfen.cttue.de</a> zu finden.
-					Dort kannst du dich als Elfe registrieren und dich für die Schichten eintragen.
-				</p>
-
-				<p>Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:</p>
-
-				<div style="display: grid; grid-template-columns: 1fr 1fr;">
-					<div>
-						<h3>Aufbau</h3>
-						<ul>
-							<li>Fahrdienste</li>
-							<li>Deko</li>
-							<li>Möbelierung</li>
-							<li>Beschilderung</li>
-						</ul>
-						<h3>Vorträge</h3>
-						<ul>
-							<li>„Herald“ / Moderation</li>
-							<li>Kamera und Ton</li>
-						</ul>
-					</div>
-					<div>
-						<h3>Verpflegung</h3>
-						<ul>
-							<li>Getränkeverkauf (abends Tschunk etc.)</li>
-							<li>WOC (Waffel Operation Center)</li>
-							<li>Frühstück</li>
-							<li>Elfenverpflegung</li>
-						</ul>
-						<h3>Abbau</h3>
-						<ul>
-							<li>Fahrdienst</li>
-							<li>Möbelierung</li>
-							<li>Putzen</li>
-						</ul>
-					</div>
-				</div>
-			</div>
-
-			<!-- Übernachten -->
-			<div class="box">
-				<h2>Übernachtung</h2>
-				<p>Für extern Angereiste wollen wir die Möglichkeit anbieten Freitag und Samstag Nacht zu
-					übernachten
-					auf Feldbetten und Sofas. Hierzu bitte unbedingt vorher bei
-					<a href="mailto:tdf@cttue.de">tdf@cttue.de</a> anmelden.
-				</p>
-
-			</div>
-
-			<!-- Imprint -->
-			<div id="imprint">
-				<a href="imprint.html">Impressum</a>
-			</div>
-
-		</div>
-	</div>
-</body>
-
-</html>

netlify.toml

@@ -0,0 +1,4 @@
+[[redirects]]
+  from = "/"
+  to = "/en"
+  status = 301

package.json

@@ -0,0 +1,33 @@
+{
+  "name": "eleventy-plugin-i18n-demo",
+  "version": "0.1.0",
+  "description": "Demo site for eleventy-plugin-i18n",
+  "main": "index.js",
+  "scripts": {
+    "start": "npm run serve",
+    "serve": "cross-env ELEVENTY_ENV=development npx eleventy --serve",
+    "build": "cross-env ELEVENTY_ENV=production npx eleventy",
+    "debug": "cross-env DEBUG=* npx eleventy"
+  },
+  "keywords": [],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/adamduncan/eleventy-plugin-i18n-demo.git"
+  },
+  "author": "Adam Duncan <mail@adamduncandesigns.com> (https://adamduncandesigns.com)",
+  "bugs": {
+    "url": "https://github.com/adamduncan/eleventy-plugin-i18n-demo/issues"
+  },
+  "homepage": "https://github.com/adamduncan/eleventy-plugin-i18n-demo#readme",
+  "license": "MIT",
+  "devDependencies": {
+    "@11ty/eleventy": "^3.1.2",
+    "cross-env": "^7.0.2",
+    "lodash.get": "^4.4.2",
+    "prettier": "^2.0.5",
+    "templite": "^1.1.0"
+  },
+  "dependencies": {
+    "eleventy-plugin-i18n": "^0.1.3"
+  }
+}

program.html

@@ -1,90 +0,0 @@
-<!--
-  Tage der digitalen Freiheit
-  Handcrafted with ♥ by x~alotl
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <meta property="og:image" content="image/poster.png" />
-  <link rel="stylesheet" type="text/css" href="styles-5.0.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-  <title>5. Tübinger Tage der digitalen Freiheit</title>
-</head>
-
-<body>
-  <div class="background">
-
-    <div id="content">
-
-      <nav class="navigationbar">
-        <div>
-          <div>
-            <a href="index.html">Hauptseite</a>
-            <a href="program.html" class="active">Programm</a>
-            <a href="join.html">Mitmachen</a>
-            <a href="venue.html">Lageplan</a>
-            <a href="recap.html">Rückblick</a>
-          </div>
-          <div>
-            <a href="en/program.html"><img src="image/gb.png"> EN</a>
-          </div>
-        </div>
-      </nav>
-
-      <!-- Animated title -->
-      <h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span class="ch"
-          style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch" style="--i:3">E</span><span
-          class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">D</span><span class="ch"
-          style="--i:6">E</span><span class="ch" style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span
-          class="ch" style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
-          style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch" style="--i:13">T</span><span
-          class="ch" style="--i:14">A</span><span class="ch" style="--i:15">L</span><span class="ch"
-          style="--i:16">E</span><span class="ch" style="--i:17">N</span><span class="ch sp" style="--i:18">
-        </span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
-          style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch" style="--i:23">H</span><span
-          class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
-          style="--i:26">T</span>
-      </h1>
-
-      <!-- Box Program -->
-      <div class="box">
-        <p>Es erwarten euch über 50 Vorträge und Workshops in 4 Räumen aus diesen Themenbereichen:</p>
-        <div style="display: grid; grid-template-columns: 1fr 1fr;">
-          <div>
-            <ul>
-              <li>Kreativität & Schönheit</li>
-              <li>Ethik, Politik & Gesellschaft</li>
-              <li>Hardware & Code</li>
-              <li>Digitalität & Mündigkeit</li>
-            </ul>
-          </div>
-          <div>
-            <ul>
-              <li>Vielfalt & Achtsamkeit</li>
-              <li>Nachhaltigkeit & Klima</li>
-              <li>Science & Technology</li>
-              <li>Vernetzung & Aktionen</li>
-            </ul>
-          </div>
-        </div>
-        <p>Der Call for Participation wird Anfang 2026 geöffnet. Schick uns eine E-Mail, wenn du benachrichtigt werden
-          möchtest, sobald der Call for Participation live ist: <a href="mailto:program@cttue.de">program@cttue.de</a>.
-        </p>
-        <div class="button-container">
-          <a href="https://pretix.cttue.de/cttue/tdf5" class="button disabled">Call for Participation</a>
-        </div>
-      </div>
-
-
-      <!-- Imprint -->
-      <div id="imprint">
-        <a href="imprint.html">Impressum</a>
-      </div>
-
-    </div>
-  </div>
-</body>
-
-</html>