Fix link to tdf4 schedule

Small changes and Call for Arts
TDF 2026
206 changed files with 6873 additions and 88 deletions
--- a/.gitignore
+++ b/.gitignore
@ -36,3 +36,4 @@ Temporary Items

 # End of https://www.toptal.com/developers/gitignore/api/macos

+*.psd
--- a/en/imprint.html
+++ b/en/imprint.html
@ -0,0 +1,80 @@
+<!--
+  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>
--- a/en/index.html
+++ b/en/index.html
@ -0,0 +1,144 @@
+<!--
+  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>
--- a/en/join.html
+++ b/en/join.html
@ -0,0 +1,177 @@
+<!--
+  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>
--- a/en/program.html
+++ b/en/program.html
@ -0,0 +1,87 @@
+<!--
+  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>
--- a/en/recap.html
+++ b/en/recap.html
@ -0,0 +1,144 @@
+<!--
+  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>
--- a/en/venue.html
+++ b/en/venue.html
@ -0,0 +1,143 @@
+<!--
+  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>
--- a/font/aglet-mono-variable.woff2
+++ b/font/aglet-mono-variable.woff2
--- a/font/p22-cusp-square.woff2
+++ b/font/p22-cusp-square.woff2
--- a/image/Etagen_2.
+++ b/image/Etagen_2.
--- a/image/Etagen_6.
+++ b/image/Etagen_6.
--- a/image/Etagen_7.
+++ b/image/Etagen_7.
--- a/image/Etagen_EG.png
+++ b/image/Etagen_EG.png
--- a/image/de.png
+++ b/image/de.png
--- a/image/gb.png
+++ b/image/gb.png
--- a/image/head.png
+++ b/image/head.png
--- a/image/logo-coworkgroupde.jpg
+++ b/image/logo-coworkgroupde.jpg
--- a/image/map.png
+++ b/image/map.png
--- a/image/poster.png
+++ b/image/poster.png
--- a/image/tdf4_00001.JPG
+++ b/image/tdf4_00001.JPG
--- a/image/tdf4_00002.JPG
+++ b/image/tdf4_00002.JPG
--- a/image/tdf4_00003.JPG
+++ b/image/tdf4_00003.JPG
--- a/image/tdf4_00004.JPG
+++ b/image/tdf4_00004.JPG
--- a/image/tdf4_00005.JPG
+++ b/image/tdf4_00005.JPG
--- a/image/tdf4_00006.JPG
+++ b/image/tdf4_00006.JPG
--- a/image/tdf4_00007.JPG
+++ b/image/tdf4_00007.JPG
--- a/image/tdf4_00008.JPG
+++ b/image/tdf4_00008.JPG
--- a/image/tdf4_00009.JPG
+++ b/image/tdf4_00009.JPG
--- a/image/tdf4_00010.JPG
+++ b/image/tdf4_00010.JPG
--- a/image/tdf4_00011.JPG
+++ b/image/tdf4_00011.JPG
--- a/image/tdf4_00012.JPG
+++ b/image/tdf4_00012.JPG
--- a/imprint.html
+++ b/imprint.html
@ -0,0 +1,82 @@
+<!--
+  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>
--- a/index.html
+++ b/index.html
@ -1,90 +1,146 @@
+<!--
+  Tage der digitalen Freiheit
+  Handcrafted with ♥ by x~alotl
+-->
 <!DOCTYPE html>
 <html>
+
 <head>
  <meta charset="utf-8">
-		<link rel="stylesheet" type="text/css" href="styles.css">
-		<title>2. Tübinger Tag der digitalen Freiheit</title>
+  <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">
-			<img id="banner" src="image/tdf-web-wide.png" alt="Tag der digitalen Freiheit" />
-			<div class="box" id="event">
-				<h2>Das Event</h2>
-				<p>Der Tübinger Tag der digitalen Freiheit ist ein offenes Community Event. Das Programm kommt durch die Arbeit von verschiedenen netzpolitisch oder anders kreativ aktiven Personen, Initiativen und Organisationen zusammen.</p>
-				<p>Das vielfältige Programm umfasst themenspezifische Talks mit einer Dauer von bis zu 30 Minuten, ebenso wie interessante Workshop-Angebote und Ausstellungsstücke. Außerdem sind im hinteren Bereich verschiedene Assemblies aufgebaut, wo man gemeinsam vor Ort aktiv werden oder sein persönliches Projekt vorstellen kann.</p>
-				<p>Möchtest du selbst etwas zum Programms beitragen? Hier gehts zum <a href="https://cfp.tuebix.org/tdf/cfp">Call for Participation</a></p>
-			</div>
-			<div class="box" id="dates">
-				<h2>Termine</h2>
-				<p class="label">Veranstaltungstermin:</p>
-				<p class="big">Samstag, 17. Juni 2023</p>
-				<p class="label">Uhrzeit:</p>
-				<p class="big">13.00 bis 21.00 Uhr: Vorträge, Workshops, Assemblies</p>
-				<p class="big">21.00 Uhr bis Open End: Bands, Djs, Assemblies</p>
-				<p class="label">Einsendeschluss für Programmbeiträge, <br/>Workshops, Vorträge, Assemblies:</p>
-				<p class="big">Freitag, 26. Mai 2023</p>
-			</div>
-			<div class="box right-align" id="assemblies">
-				<h2>Assemblies</h2>
-				<p>Bringe dein Projekt mit und erlebe den einzigartigen Charme, der entsteht, wenn Menschen gemeinsam an Projekten arbeiten! Wer bereits CCC Events besucht hat, weiß genau, wovon die Rede ist. Wir stellen freie und passende Flächen zur Verfügung, damit ihr euer Assembly vor Ort umsetzen könnt. </p>
-				<p>Was ist ein Assembly? Der Begriff hat viele Bedeutung wie „Konstuktion“, aber auch „Versammlung“. Es kann ein übergroßes interaktives Kunstobjekt sein, oder eine kreative Erfindung die in die Hosentasche passt. Es kann aber auch ein Gruppe vor Leuten sein, die sich vor Ort treffen und ihrer Leidenschaft nach gehen.</p>
-			</div>
-			<div class="box" id="shedhalle">
-				<h2>Die Shedhalle</h2>
-				<p>Die Veranstaltung findet auf dem Shedhallen-Gelände statt. Da die eigentlich Shedhalle momentan als Mensa genutzt wird, unterhält der Shedhallen-Verein zur Zeit andere Räume des ehemaligen Schlachthofs, in denen wir uns treffen.</p>
-				<p>Mehr Informationen über den Ort und den Shedhalle Tübingen e.V. findest du unter <a href="https://shedhalle.de/de">shedhalle.de</a>.</p>
-			</div>
+
+      <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">
-				<h2>Organisator</h2>
-				<p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen (CTT) initiiert und veranstaltet. Der Chaostreff ist ein eingetragener Verein und steht inhaltlich dem Chaos Computer Club e. V. nahe. Die Mitglieder treffen sich regelmäßig zum Austausch und gemeinsamen Arbeiten an technischen, digitalen, kulturellen und gesellschaflichen Themen.</p>
-				<p>Mehr Informationen und Termine unter <a href="https://cttue.de/">cttue.de</a>.</p>
-			</div>
-			<div class="box" id="costs">
-				<h2>Kosten</h2>
-				<p>Der TDF ist ein nicht-kommerzielles Event und wird von allen Beteiligten ehrenamtlich durchgeführt. Dadurch ist das Angebot kostenfrei für die Öffentlichkeit zugänglich.</p>
-				<h2 class="right-align">Anreise</h2>
-				<p class="right-align">Der Veranstaltungsort ist vom Hauptbahnhof in ca. 15 Geh-Minuten und von der nächsten Bushaltestelle, am Lothar-Meyer-Bau, in ca. 2 Geh-Minuten zu erreichen. Samstags ist der Tübinger Stadtbus kostenfrei.</p>
-			</div>
-			<div class="box">
-				<h2>TDF 2022 RÜckblick</h2>
-				<p>Der erste Tübinger Tag der digitalen Freiheit war ein voller Erfolg. Hier einige Impressionen:</p>
-				<ul>
-					<li><a href="https://pixelfed.de/ctt" target="_blank">Bildimpressionen auf dem Pixelfed des Chaostreff.</a></li>
-					<li><a href="https://iconet-foundation.org/blog/tdf" target="_blank">Rückblick in einem iconet Blogbeitrag.</a></li>
-					<li><a href="https://iconet-foundation.org/digitale-freiheit" target="_blank">Programm vom letzten Jahr.</a></li>
-				</ul>
-			</div>
-			<div class="box">
-				<h2>Sponsoren</h2>
-				<div class="flex">
-					<div class="box-sub" id="sponsor-daasi">
-						<a href="https://daasi.de" target="_blank" class="verlinkung"></a>
-					</div>
-					<div class="box-sub" id="sponsor-no-budget">
-						<a href="https://www.plattform-nobudget.de/" target="_blank" class="verlinkung"></a>
-					</div>
-					<div class="box-sub" id="sponsor-pagina">
-						<a href="https://pagina.gmbh/" target="_blank" class="verlinkung"></a>
-					</div>
-					<div class="box-sub" id="sponsor-tuebingen">
-						<a href="https://www.tuebingen.de/" target="_blank" class="verlinkung"></a>
-					</div>
+          <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 class="box">
-				<h2>Veranstaltet durch</h2>
-				<div class="flex">
-					<div class="box-sub" id="veranstalter-ctt">
-						<a href="https://cttue.de" target="_blank" class="verlinkung"></a>
      </div>
-					<div class="box-sub" id="veranstalter-shedhalle">
-						<a href="https://shedhalle.de" target="_blank" class="verlinkung"></a>
+
+      <!-- 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>
-					<div class="box-sub" id="veranstalter-kims">
-						<a href="https://ki-maker.space/" target="_blank" class="verlinkung"></a>
+        <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>
--- a/join.html
+++ b/join.html
@ -0,0 +1,184 @@
+<!--
+  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>
--- a/program.html
+++ b/program.html
@ -0,0 +1,90 @@
+<!--
+  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>
--- a/recap.html
+++ b/recap.html
@ -0,0 +1,147 @@
+<!--
+  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" class="active">Rückblick</a>
+					</div>
+					<div>
+						<a href="en/recap.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">
+				<h2>Frühere Events</h2>
+				<p>Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten
+					der vorhergenden 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/index.html" class="button">TDF3 | 2024</a>
+					</div>
+					<div class="button-container">
+						<a href="tdf4/index.html" class="button">TDF4 | 2025</a>
+					</div>
+				</div>
+			</div>
+
+			<div class="box">
+				<h2>4. Tage der digitalen Freiheit 2025</h2>
+				<p>Am 26./27. Juli 2025 fanden in der Tübinger Westspitze die 4. Tage der digitalen Freiheit statt. Dazu
+					lud der
+					<a href="https://cttue.de/">Chaostreff Tübingen e.V.</a> ein. Dank der Unterstützung vieler <a
+						href="participate.html">(h)elfender Hände</a> und finanzieller
+					Unterstützer konnte ein famoses Event stattfinden. Auf vier Etagen mit zwei Vortragsbühnen, zwei
+					Workshop-Räumen und einem Hackspace
+					haben über 300 Besucher ein <a href="https://cfp.cttue.de/tdf4/schedule/">vielfältiges
+						Programm</a>
+					erleben können.
+				</p>
+			</div>
+
+			<div class="box">
+				<h2>Impressionen</h2>
+
+				<div class="gallery">
+					<img src="image/tdf4_00001.JPG" alt="Bild 1" onclick="openLightbox('image/tdf4_00001.JPG')">
+					<img src="image/tdf4_00002.JPG" alt="Bild 2" onclick="openLightbox('image/tdf4_00002.JPG')">
+					<img src="image/tdf4_00003.JPG" alt="Bild 3" onclick="openLightbox('image/tdf4_00003.JPG')">
+					<img src="image/tdf4_00004.JPG" alt="Bild 4" onclick="openLightbox('image/tdf4_00004.JPG')">
+					<img src="image/tdf4_00005.JPG" alt="Bild 5" onclick="openLightbox('image/tdf4_00005.JPG')">
+					<img src="image/tdf4_00006.JPG" alt="Bild 6" onclick="openLightbox('image/tdf4_00006.JPG')">
+					<img src="image/tdf4_00007.JPG" alt="Bild 7" onclick="openLightbox('image/tdf4_00007.JPG')">
+					<img src="image/tdf4_00008.JPG" alt="Bild 8" onclick="openLightbox('image/tdf4_00008.JPG')">
+					<img src="image/tdf4_00009.JPG" alt="Bild 9" onclick="openLightbox('image/tdf4_00009.JPG')">
+					<img src="image/tdf4_00010.JPG" alt="Bild 10" onclick="openLightbox('image/tdf4_00010.JPG')">
+					<img src="image/tdf4_00011.JPG" alt="Bild 11" onclick="openLightbox('image/tdf4_00011.JPG')">
+					<img src="image/tdf4_00012.JPG" alt="Bild 12" onclick="openLightbox('image/tdf4_00012.JPG')">
+				</div>
+			</div>
+
+			<!-- Lightbox Container -->
+			<div id="lightbox" class="lightbox" onclick="closeLightbox()">
+				<img id="lightbox-img" src="" alt="Vergrößertes Bild">
+			</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>Dank der Hilfe von <a href="https://chaoswest.tv/">Chaos-West TV</a> sind viele der Vorträge
+					aufgezeichnet und
+					veröffentlicht worden. Ihr findet die Videos auf <a
+						href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> und auf <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">Zu den Videos…</a>
+				</div>
+			</div>
+
+			<!-- Imprint -->
+			<div id="imprint">
+				<a href="imprint.html">Impressum</a>
+			</div>
+
+		</div>
+	</div>
+</body>
+
+</html>
--- a/styles-5.0.css
+++ b/styles-5.0.css
@ -0,0 +1,517 @@
+/** 
+ * Tage der digitalen Freiheit
+ * Handcrafted with ♥ by x~alotl
+ */
+
+/**
+ * Font Faces
+ */
+
+@font-face {
+	font-family: 'TitilliumWeb-Regular';
+	src: url('font/TitilliumWeb-Regular.ttf');
+}
+
+@font-face {
+	font-family: 'TitilliumWeb-Bold';
+	src: url('font/TitilliumWeb-Bold.ttf');
+}
+
+@font-face {
+	font-family: "aglet-mono-variable";
+	src: url('font/aglet-mono-variable.woff2') format("woff");
+	font-display: auto;
+	font-weight: 200 900;
+	font-stretch: normal;
+}
+
+@font-face {
+	font-family: "p22-cusp-square";
+	src: url('font/p22-cusp-square.woff2');
+	font-display: auto;
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: normal;
+}
+
+
+
+/**
+ * Global Variables
+ **/
+
+:root {
+	--light: #ecf2eb;
+	--shadow: #7d707a;
+	--electric: #d9fbff;
+	--highlight: #8ae6e1;
+	--link: #cc30a8;
+	--shadow-rgb: 125, 112, 122;
+	--box-shadow: 0 0 12px rgba(var(--shadow-rgb), 0.3);
+
+	/* Animated Title Variables */
+	--wght-min: 200;
+	--wght-max: 900;
+	--dur: 2200ms;
+	--step: 70ms;
+}
+
+
+/**
+ * Base
+ **/
+
+body {
+	background: #c6d0c8;
+	padding: 0;
+	margin: 0;
+}
+
+.background {
+	background-image: url("image/head.png");
+	background-repeat: no-repeat;
+	background-position: center top;
+	background-attachment: fixed;
+	background-size: auto;
+	min-height: 100vh;
+	padding-top: 20px;
+	margin: 0;
+}
+
+/* Enhance background size for very large screens */
+@media (min-width: 1921px) {
+	.background {
+		background-size: 100% auto;
+	}
+}
+
+/* The main content area is 1000px wide, unless the screen is smaller than 1150px */
+#content {
+	max-width: 1000px;
+	margin: 0 auto;
+	padding: 0 75px;
+	position: relative;
+	/* Important for the animated title width calculation */
+	container-type: inline-size;
+}
+
+
+
+/**
+ * Text Styles
+ **/
+
+p,
+h2,
+h3,
+a,
+li {
+	font-family: "TitilliumWeb-Regular";
+	font-size: 1.2em;
+	color: var(--shadow);
+}
+
+h2 {
+	font-family: "TitilliumWeb-Bold";
+	text-transform: uppercase;
+	font-size: 2.5em;
+	margin-top: 0.5em;
+	margin-block-end: 0em;
+	line-height: 1;
+}
+
+h3,
+.big {
+	font-family: "TitilliumWeb-Bold";
+	font-size: 1.5em;
+}
+
+a {
+	color: var(--link);
+	text-decoration: none;
+	font-size: 1em;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+ul {
+	list-style-type: none;
+	padding-left: 0;
+}
+
+ul li {
+	padding-left: 20px;
+	margin-top: 0px;
+	margin-bottom: 0px;
+	position: relative;
+}
+
+ul li:before {
+	content: "";
+	width: 8px;
+	height: 8px;
+	background-color: var(--shadow);
+	position: absolute;
+	left: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+b {
+	font-family: "TitilliumWeb-Bold";
+}
+
+
+
+/**
+ * Boxes
+ **/
+
+.box {
+	background: var(--light);
+	margin-bottom: 2em;
+	padding: 0.5em 2em 1.4em 2em;
+	border: none;
+	box-shadow: var(--box-shadow);
+}
+
+.box-grid {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 2em;
+}
+
+.box-grid .box {
+	margin-bottom: 0;
+	display: flex;
+	flex-direction: column;
+}
+
+.box-grid .box .button-container {
+	margin-top: auto;
+}
+
+@media (max-width: 800px) {
+	.box-grid {
+		grid-template-columns: 1fr;
+	}
+}
+
+#map {
+	background-image: url("image/map.png");
+}
+
+#sponsor {
+	margin-top: 2em;
+}
+
+#imprint {
+	margin-bottom: 4em;
+	text-align: center;
+}
+
+/**
+ * Button
+ **/
+
+.button-container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.button {
+	display: inline-block;
+	padding: 20px 40px;
+	font-size: 24px;
+	font-weight: bold;
+	text-decoration: none;
+	color: #000;
+	background-color: var(--electric);
+	border: none;
+	cursor: pointer;
+	transition: background-color 0.3s ease;
+	border-radius: 0;
+	margin: 0 auto;
+	box-shadow: var(--box-shadow);
+}
+
+.button:hover {
+	background-color: var(--highlight);
+	text-decoration: none;
+}
+
+.button.disabled {
+	background-color: #cccccc;
+	color: #666666;
+	cursor: not-allowed;
+	pointer-events: none;
+}
+
+.buttons-wrapper {
+    display: flex; 
+    justify-content: center;
+    align-items: center; 
+    gap: 20px;
+    margin: 20px auto;
+}
+
+
+
+/**
+ * Sponsor Logos
+ **/
+.sponsor-logos {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 4em;
+	list-style: none;
+	padding: 2em;
+	margin: 0;
+	align-items: center;
+	justify-content: center;
+	background-color: #f8f8f8;
+	border-radius: 8px;
+}
+
+.sponsor-logos li {
+	list-style: none !important;
+	flex: 0 0 calc(33.333% - 10em);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.sponsor-logos img {
+	height: 60px;
+}
+
+
+/**
+ * Navigation Bar
+ **/
+
+.navigationbar {
+	position: fixed;
+	top: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	width: 100%;
+	max-width: 1000px;
+	z-index: 1000;
+	padding: 0;
+	background-color: transparent;
+}
+
+.navigationbar>div {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100%;
+}
+
+.navigationbar img {
+	height: 16px;
+	vertical-align: middle;
+}
+
+.navigationbar a {
+	display: inline-block;
+	padding: 5px 10px;
+	font-size: 14px;
+	font-weight: bold;
+	text-decoration: none;
+	color: #000;
+	background-color: var(--electric);
+	cursor: pointer;
+	transition: background-color 0.3s ease, color 0.3s ease;
+	text-align: center;
+	margin: 0 5px;
+	box-shadow: var(--box-shadow);
+}
+
+.navigationbar a:hover {
+	transform: scale(1.1);
+	box-shadow: 0 0 16px rgba(var(--shadow-rgb), 0.5);
+}
+
+.navigationbar a.active {
+	background-color: var(--highlight);
+	cursor: not-allowed;
+	pointer-events: none;
+}
+
+#languages {
+	position: fixed;
+	top: 19px;
+	right: 10%;
+	transform: translateY(-50%);
+	background-color: #401E13;
+	padding: 10px;
+	padding-bottom: 3px;
+	z-index: 9999;
+}
+
+
+
+/**
+ * Animated Title
+ **/
+
+.title {
+	font-family: "aglet-mono-variable";
+	text-transform: uppercase;
+	font-size: 6cqw;
+	text-align: center;
+	white-space: nowrap;
+	color: var(--light);
+	text-shadow: 0 0 8px rgba(var(--shadow-rgb), 1);
+	width: 100%;
+	margin-top: 410px;
+	margin-bottom: 1cqw;
+}
+
+.title.en {
+	font-size: 7cqw;
+}
+
+/* Animates the weight of each character with the offset of their index */
+.title .ch {
+	display: inline-block;
+	will-change: font-variation-settings;
+	font-variation-settings: "wght" var(--wght-min);
+	animation: wghtWave var(--dur) cubic-bezier(.45, 0, .1, 1) infinite alternate;
+	animation-delay: calc(var(--i) * var(--step));
+}
+
+/* Fix the width of spaces */
+.title .sp {
+	width: 1ch;
+}
+
+@keyframes wghtWave {
+	from {
+		font-variation-settings: "wght" var(--wght-min);
+	}
+
+	to {
+		font-variation-settings: "wght" var(--wght-max);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.title .ch {
+		animation: none;
+		font-variation-settings: "wght" 600;
+	}
+}
+
+
+
+/**
+ * Images Gallery
+ **/
+
+.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;
+	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+	transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.gallery img:hover {
+	transform: scale(1.10);
+	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
+}
+
+.lightbox {
+	display: none;
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0, 0, 0, 0.8);
+	justify-content: center;
+	align-items: center;
+	z-index: 1000;
+	cursor: pointer;
+}
+
+.lightbox img {
+	max-width: 90%;
+	max-height: 90%;
+	border-radius: 10px;
+	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+}
+
+
+/**
+ * Floor Plan
+ **/
+
+.floor-plan {
+	padding: 0;
+	overflow: hidden;
+	position: relative;
+}
+
+.floor-plan-image {
+	width: 100%;
+	height: 100%;
+	display: block;
+	margin: 0;
+	object-fit: cover;
+	object-position: center;
+}
+
+.location-marker {
+	position: absolute;
+	width: 40px;
+	height: 40px;
+	border: 6px solid #00ff66;
+	border-radius: 50%;
+	background: rgba(0, 255, 102, 0.6);
+	display: none;
+	z-index: 10;
+	animation: pulse 2s infinite;
+	transform: translate(-50%, -50%);
+	box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66;
+}
+
+.location-marker.active {
+	display: block;
+}
+
+@keyframes pulse {
+	0% {
+		transform: translate(-50%, -50%) scale(1);
+		opacity: 1;
+		box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66;
+	}
+
+	50% {
+		transform: translate(-50%, -50%) scale(1.3);
+		opacity: 0.8;
+		box-shadow: 0 0 30px #00ff66, 0 0 60px #00ff66, 0 0 90px #00ff66;
+	}
+
+	100% {
+		transform: translate(-50%, -50%) scale(1);
+		opacity: 1;
+		box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66;
+	}
+}
--- a/tdf1/index.html
+++ b/tdf1/index.html
@ -0,0 +1,602 @@
+<!DOCTYPE html>
+<!-- saved from url=(0047)https://iconet-foundation.org/digitale-freiheit -->
+<html lang="de"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <!-- Styles -->
+    <link href="./index_files/app.css" rel="stylesheet" nonce="">
+
+    <!-- Fonts -->
+    <link rel="preload" href="https://iconet-foundation.org/fonts/Bronova%20Regular.otf" type="font/ttf" as="font" crossorigin="" nonce="">
+
+    <!-- Scripts -->
+    <script src="./index_files/app.js" nonce="" defer=""></script>
+
+
+
+    <!-- CSRF Token -->
+    <meta name="csrf-token" content="nLaZ6vYXBVgVFdT8YsTz945NIQI0LbbH40H5Jk2Q">
+
+    <link rel="icon shortcut" href="https://iconet-foundation.org/favicon.svg" type="image/icon type">
+
+    <!-- Meta Tags -->
+    <title>iconet Foundation</title>
+<meta property="og:title" content="iconet Foundation">
+
+<meta name="description" content="Wir bauen ein neues Social-Media-Erlebnis auf, bei dem Kontakte über verschiedene Netzwerke und Anwendungen hinweg miteinander kommunizieren und interagieren können.">
+<meta property="og:description" content="Wir bauen ein neues Social-Media-Erlebnis auf, bei dem Kontakte über verschiedene Netzwerke und Anwendungen hinweg miteinander kommunizieren und interagieren können.">
+<meta property="og:url" content="https://iconet-foundation.org">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="iconet Foundation">
+<meta property="og:image" content="https://iconet-foundation.org/images/logo.png">
+
+
+
+<link rel="canonical" href="https://iconet-foundation.org/">
+<meta name="news_keywords" content="Social_Media, Internet_Technologie, Kommunikation, Nachrichten, Entwicklung, Dezentralisierung,  Open_Source, Software">
+<meta name="keywords" content="Social_Media, Internet_Technologie, Kommunikation, Nachrichten, Entwicklung, Dezentralisierung,  Open_Source, Software">
+
+
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@IconetFd">
+<meta name="twitter:creator" content="@IconetFd">
+<meta name="twitter:title" content="iconet Foundation">
+<meta name="twitter:description" content="Wir bauen ein neues Social-Media-Erlebnis auf, bei dem Kontakte über verschiedene Netzwerke und Anwendungen hinweg miteinander kommunizieren und interagieren können.">
+<meta property="twitter:url" content="https://iconet-foundation.org">
+<meta name="twitter:image" content="https://iconet-foundation.org/images/logo.png">
+
+
+<meta name="theme-color" content="#ffffff">
+<meta name="robots" content="index,follow">
+<meta name="googlebot" content="index,follow">
+
+
+<meta name="rating" content="General">
+<link rel="author" type="text/plain" href="https://humans.txt/">
+<link rel="me" href="https://fosstodon.org/@iconet">
+
+        <style nonce="">
+        table {
+            width: 100%;
+            max-width: 50rem;
+        }
+
+        table tr th {
+            color: #777;
+            font-weight: normal;
+        }
+
+        table th,
+        table td {
+            padding: 0.5rem 1rem;
+        }
+
+        table tbody th {
+            font-weight: normal;
+            border-top: thin dotted #aaa;
+        }
+
+        table tbody td {
+            font-size: 0.8rem;
+            font-weight: bold;
+            line-height: 1.4;
+            border-radius: 0.4rem;
+
+        }
+
+        table td > span {
+            font-size: 0.8em;
+            font-weight: normal;
+            display: block;
+        }
+
+        thead tr .badge-pill ~ span {
+            margin-left: 0.6em;
+        }
+
+        table tbody td {
+            border: solid 1px white;
+        }
+
+        .talk {
+            background-color: #FFA726;
+        }
+
+        .talkB {
+            background-color: #ffcc00;
+        }
+
+        .workshop {
+            background-color: #9CCC65;
+        }
+
+        .workshopB {
+            background-color: #33cc33;
+        }
+
+        .common {
+            background-color: #81D4FA;
+        }
+
+        .aus {
+            background-color: #26C6DA;
+        }
+
+        .auftritt {
+            background-color: #ff9999;
+        }
+
+        .umbau {
+            background-color: lightgray;
+        }
+
+    </style>
+
+</head>
+
+
+<body>
+    <div id="app">
+        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm px-sm-3 px-2 p-1">
+    <a class="navbar-brand mr-md-2 mr-xl-4" href="https://iconet-foundation.org/">
+        <img src="./index_files/logo.png" alt="iconet Foundation">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse mr-1" id="navbarSupportedContent">
+        <!-- Left Side Of Navbar -->
+        <div class="navbar-nav mr-auto">
+                                        <a class="nav-link nav-item" href="https://iconet-foundation.org/vision">Vision </a>
+                            <a class="nav-link nav-item" href="https://iconet-foundation.org/support">Unterstütze uns </a>
+                            <a class="nav-link nav-item" href="https://iconet-foundation.org/blog">Blog </a>
+                            <a class="nav-link nav-item" href="https://iconet-foundation.org/faq">FAQ </a>
+                    </div>
+    </div>
+
+    <form method="POST" action="https://iconet-foundation.org/newsletter" class="input-group p-0 w-md-init mt-1 mt-md-0">
+        <input type="hidden" name="_token" value="nLaZ6vYXBVgVFdT8YsTz945NIQI0LbbH40H5Jk2Q" autocomplete="off">        <input id="newsletter" name="email" type="email" class="newsletter form-control " value="" placeholder="deine@email.de" aria-label="deine@email.de" autocomplete="email" required="">
+        <div class="input-group-append flex-grow-1">
+            <button class="btn btn-secondary flex-grow-1" type="submit">Newsletter anmelden</button>
+        </div>
+            </form>
+
+</nav>
+                
+        <div id="fill-height">
+
+                        <main class="">
+                
+                    <div class="container py-3">
+                        
+    <div class="text-center">
+        <h1 class="display-3">Tübinger Tag der digitalen Freiheit</h1>
+        <h3>
+            <time datetime="2022-06-04">Samstag 04. Juni 2022</time>
+            - Shedhallen Gelände
+        </h3>
+
+        <img class="mx-auto" src="./index_files/tddf.webp" alt="tddf-logo" width="50%">
+    </div>
+
+    <p>Der Tübinger Tag der digitalen Freiheit ist eine erstmals durchgeführte ganztägige Veranstaltung,
+        bei der verschiedene Themen rund um Digitalität kritisch beleuchtet werden. Das Event ist kostenfrei und durch
+        sein breites Angebot für alle Altersklassen interessant und relevant. Wir wollen Menschen befähigen, informierte
+        Entscheidungen zu treffen, sowie sich ihre digitalen Räume selbst zu gestalten.</p>
+
+
+
+    <h2 class="mt-3">Programm</h2>
+
+    <table class="table-hover">
+        <thead class="table-dark bg-dark sticky-top">
+        <tr>
+            <th></th>
+            <td colspan="2"><b class="badge-pill talk text-body">Vorträge</b>
+                <span>Saal 1</span>
+            </td>
+            <td colspan="2"><b class="badge-pill workshop text-body">Workshops</b>
+                <span>Hintere Räume Rechts</span>
+            </td>
+            <td colspan="1"><b class="badge-pill aus text-body">Ausstellung</b>
+                <span>Hintere Räume Mitte</span>
+            </td>
+        </tr>
+        </thead>
+        <tbody>
+
+        <tr>
+
+            <th>12:00</th>
+            <td colspan="4" rowspan="1" class="common">Einlass<span>Die Veranstaltung beginnt. Drinkt mit uns schonmal eine Limo und lasst uns gemeinsam auf den Tag einstimmen.</span>
+            </td>
+            <td colspan="1" rowspan="21" class="aus">Ausstellungen<span><br><b>Glassroom</b><br>The Glass Room ist eine öffentliche Intervention, die darauf abzielt, Technologie durch immersive, zum Nachdenken anregende und selbstlernende Ausstellungen zu
+        entmystifizieren. The Glass Room begann als groß angelegte Ausstellung, die zwischen 2016 und 2019 von Berlin nach
+        New York, London und San Francisco wanderte. <br><br> <b>Generate - digitale Künste</b><br> u.a. von <i>Joachim Wedekind</i> - Codierte Kunst: <br>
+                    Das Exponat soll den Vorgang des Codierens und
+                Decodierens von Informationen erfahrbar machen - einer basalen
+                Technik, die heute die Grundlage für sicheren Datenverkehr im Internet
+                darstellt. Dafür können bei diesem interaktiven Exponat die
+                BesucherInnen beliebige Texte eingeben, die durch ein
+                Codierungsverfahren in eine Grafik umgewandelt werden. Neben der so
+                gegebenen Visualisierung des Verfahrens selbst können sie damit
+                ästhetische Objekte in der Tradition von François Morellet - einem
+                prominenten Vertreter der Konkreten Kunst und Vorläufer der
+                Generativen Kunst - erzeugen.
+                    <br><br><b>3D-Modellierung mit Blender</b> <br>In Tübingen gibt es eine lebendige Community und einige kostenfreie Kursangebote für das 3D Programm Blender. Es werden mehrere Laptops bereit stehen, sodass man vor Ort entweder direkt selbst mit dem Modellieren beginnen kann, oder um sich anzuschauen, was andere mit diesem Werkzeug bereits schon so gebaut haben. <br> <br> <b>3D-Drucker, Laser-Cutter</b> <br>  Verschiedene Geräte und Menschen die sie dir erklären, stehen für dich bereit. Was du hiermit machen kannst und wo du auch nach diesem Tag diese Geräte finden und benutzen kannst, erfährst du hier. </span>
+            </td>
+        </tr>
+        <tr>
+            <th>12:45</th>
+            <td colspan="2" rowspan="1" class="talk">Eröffnung<span><i>Steffen Schnürer - iconet Foundation</i><br>Ein paar Worte über die Veranstaltung sowie über die Wichtigkeit von digitalem Engagement.</span>
+            </td>
+        </tr>
+        <tr>
+            <th>13:00</th>
+            <td colspan="2" class="talkB">Digitale Unversehrtheit als Grundrecht<span><i>Borys Sobieski - Piraten BW</i><br>Als digitale Unversehrtheit, auch bekannt als digitale Integrität, wird die ungestörte Existenz der Person in der digitalen Welt bezeichnet. Digitale Unversehrtheit ist ein Teil der körperlichen Unversehrtheit, gleichwertig neben der physischen und psychischen Unversehrtheit des Menschen.</span>
+            </td>
+            <td colspan="2" rowspan="3" class="workshopB">Arduino für Einsteiger<span><i>KI-Maker Space</i><br>Arduino ist eine elektronische Prototypen-Plattform unter freier Open-Source-Lizenz, die die Herzen von Designern und Hobbyelektronikern im Sturm erobert hat. In diesem Workshop lernst du den richtigen Umgang mit der Mikrocontroller-Plattform und erhälst damit gleichzeitig eine Fülle an Ideen, was man damit machen kann. Alles, was du für die ersten eigenen Elektronik-Arduinoprojekte brauchst.</span>
+            </td>
+        </tr>
+        <tr>
+            <th>13:30</th>
+            <td colspan="2" class="talk">Lieferketten von Smartphones<span><i>Oikos Tübingen</i><br>
+            In diesem Vortrag wollen wir einen Blick hinter die Ressourcen und deren Gewinnungsprozess für Smartphones werfen. Ein Blick hinter die Kulissen motiviert hoffentlich, das eigene Gerät wertzuschätzen und beim nächsten mal eine Reparatur einem Neukauf vorzuziehen.</span>
+            </td>
+        </tr>
+        <tr>
+            <th>14:00</th>
+            <td colspan="2" class="talkB">Interkonnektive soziale Netzwerke <span><i>Steffen Schnürer - iconet Foundation</i><br>Was ist technisch notwendig, damit Nutzer aus verschiedenen Netzwerken miteinander kommunizieren können? In diesem Vortrag teilt die iconet Foundation Ergebnisse aus ihrer aktuellen Arbeit zu einem gemeinsamen offenen Protokoll für soziale Netzwerke. Wie funktioniert Interkonnektivität im Detail, was ist der Weg dahin? </span>
+            </td>
+        </tr>
+        <tr>
+            <th>14:30</th>
+            <td colspan="2" class="talk">Offene Protokolle einfach
+                erklärt<span><i>Thomas Ruddy - Cryptoparty Tübingen</i><br>Das freie Internet der Neunziger ist von der Kommerzialisierung zunehmend gefährdet. Anhand der gängigsten Protokolle aus dem Alltag, wird aufgezeigt, wie es zu diesem Wandel kommen konnte. Die Bedeutung von offener Software wird leicht verständlich dargelegt. Denn bis heute bauen die meisten Innovationen grundlegend auf den Leistungen anderer Menschen auf.</span>
+            </td>
+            <td colspan="1" class="workshop">Chaostreff Tübingen Kick-Off<span>Braucht Tübingen einen Chaostreff? Ja! Bei diesem Treffen wollen wir abfragen: Wer würde ein entsprechendes Angebot nutzen und was genau ist gewünscht? Das diskutieren wir hier gerne offen. </span>
+            </td>
+        </tr>
+        <tr>
+            <th>15:00</th>
+            <td rowspan="2" colspan="4" class="common">Marktplatz<span><i>Maker Spaces, Open Source und Digitalaktivismus hier aus Tübingen</i><br>
+            Wenn ich selbst aktiv werden möchte, wo kann ich hin? Hier findest du Informationen zu dem
+                        breiten Angebot an Netzwerken, Räumen und Netzwerken, wo du hier in Tübingen direkt loslegen
+                        kannst. </span></td>
+        </tr>
+        <tr>
+            <th>15:30</th>
+        </tr>
+        <tr>
+            <th>16:00</th>
+            <td colspan="2" class="talkB">Digitale Selbstverteidigung <span><i>Borys Sobieski - Piraten BW</i><br>
+                Kaum eine Woche vergeht, ohne dass neue Ungeheuerlichkeiten offenbart werden, wie Geheimdienste und Großkonzerne sich intimste Informationen über uns zusammenstehlen. Und was macht unsere Politik? Wenn sie nicht gerade eigene Datensammelprojekte anstößt, trägt sie in keinster Weise zum Schutz unserer Privatsphäre bei. Dann müssen wir uns wohl oder übel selbst schützen. Die gute Nachricht ist: Es gibt viele Möglichkeiten, sich selbst zu schützen. Und nicht alle davon sind aufwändig oder kompliziert.</span>
+            </td>
+            <td colspan="1" rowspan="1" class="workshopB">Orgatreffen: Tübinger Makerspaces<span>Internes Vernetzungestreffen zwischen den verschiedenen Tübinger offenen Werkstätten.</span>
+            </td>
+        </tr>
+        <tr>
+            <th>16:30</th>
+            <td colspan="2" class="talk">Open Source – eine notwendige Voraussetzung für digitale Souveränität<span><i>Peter Gietz - DAASI International</i><br>Es gibt verschiedene Voraussetzungen für Digitale Souveränität. Neben der informationellen Selbstbestimmung und der Auswahlmöglichkeit durch Interoperabilität von Software sehen wir Open Source als dritte notwendige Voraussetzung. Nur Open Source ermöglicht es, dringend benötigte Funktionalitäten entweder selbst zu entwickeln oder von Dienstleister*innen entwickeln zu lassen. Wer über den Code mit verfügt, hat die Definitionsgewalt und ist nur so wirklich digital souverän.
+                </span></td>
+            <td colspan="2" class="workshop">Menschenrechtsverletzungen durch Facebook/Meta<span><i>Amnesty International &amp; iconet Foundation</i><br>In diesem Workshop wollen wir die Praktiken des Konzerns Meta im Bezug auf Menschenrechte näher beleuchten.
+Strukturelle Benachteiligung ärmerer Länder, das Spielen mit der Gesundheit ihrer Nutzer für Profit und fehlende öffentliche Teilhabe für alle die sich diesen abgeschlossenen Netzwerken nicht anschließen. Es gibt viele Gründe für uns, hier einmal genauer hinzusehen.
+Ist es noch ethisch vertretbar, die sozialen Netzwerke dieses Giga-Konzerns zu nutzen? Diskutiert mit uns!</span></td>
+        </tr>
+        <tr>
+            <th>17:00</th>
+            <td colspan="2" class="talkB">Fediverse<span><i>Samual Schmid - Piraten BW </i><br>
+                The Fediverse (a portmanteau of "federation" and "universe") is an ensemble of federated (i.e. interconnected) servers that are used for web publishing (i.e. social networking, microblogging, blogging, or websites) and file hosting, but which, while independently hosted, can communicate with each other. </span>
+            </td>
+            <td colspan="1" rowspan="2" class="workshopB">Künstliche Intelligenz – Potentiale und Gefahren<span><i>KI-Maker Space</i><br>Was genau ist künstliche Intelligenz? Welche Auswirkungen bemerken wir davon
+im Alltag und wohin kann die technische Entwicklung führen?
+Gemeinsam werfen wir einen Blick darauf, was eigentlich unter Künstlicher
+Intelligenz zu verstehen ist und diskutieren gesellschaftliche Auswirkungen,
+Problematiken und Lösungsansätze.</span></td>
+        </tr>
+        <tr>
+            <th>17:30</th>
+            <td colspan="2" class="talk">Lightening Talks <span>Verschiedene kurze Präsentationen in jeweils 7 Minuten. Ein kurzweiliger über verschiedene Projekte und Tüftelleien!</span>
+            </td>
+        </tr>
+        <tr>
+            <th>18:00</th>
+            <td rowspan="2" colspan="5" class="common">Abendessen<span><i>Brotzeit</i><br> </span></td>
+        </tr>
+        <tr>
+            <th>18:30</th>
+        </tr>
+        <tr>
+            <th>19:00</th>
+            <td colspan="2" class="talkB">KI-Ethik <span><i>Thilo Hagendorff</i><br>Anwendungen des maschinellen Lernens bzw. der künstlichen Intelligenz gehören zu einem der wichtigsten Technologietrends. Die Disziplin der KI-Ethik reflektiert diese kritisch. Doch was ist KI-Ethik genau? Welche Prinzipien umfasst sie? Was bewirkt sie? Wo hat sie möglicherweise selber Schwächen? Auf diese Fragen soll der Vortrag Antworten geben.</span>
+            </td>
+            <td colspan="2" class="auftritt">Performance: Strippenzieher<span><i>Zirkus Primel</i><br>
+            Der Mensch als lebendige Marionette zwischen Selbstbestimmung und gesellschaftlichen Zwängen. Ein witziger Abriss über die Entwicklung unserer Gesellschaft. </span>
+            </td>
+        </tr>
+        <tr>
+            <th>19:30</th>
+            <td colspan="2" rowspan="1" class="talkB">Podium: "Digitale Freiheit - next steps" <span><i>Mit Peter Gietz (DAASI International),<br> Borys Sobieski (Piraten BW), <br>Thilo Hagendorff (Uni Tübingen) </i></span>
+            </td>
+
+        </tr>
+        <tr>
+            <th>20:15</th>
+            <td colspan="2" class="talk">Keynote: Digitale
+                Freiheit<span><i>Patrick Breyer m.d.E.P. und Anja Hirschel</i><br>
+                Patrick Breyer ist digitaler Freiheitskämpfer und Europaabgeordneter der Piratenpartei Deutschland und der Europäischen Piratenpartei</span>
+            </td>
+        </tr>
+        <tr>
+            <th>20:45</th>
+            <td colspan="4" class="umbau"><span>Umbau</span>
+            </td>
+        </tr>
+        <tr>
+            <th>21:00</th>
+            <td colspan="2" rowspan="1" class="talkB">Abendprogramm</td>
+            <td colspan="2" rowspan="2" class="talkB">Funk von der Platte<span>U-Funk</span></td>
+        </tr>
+        <tr>
+            <th>22:00</th>
+            <td colspan="2" rowspan="1" class="talk">ALBERT SCHNAUZER IN STÜCKEN<span>Southern Liedermaching mit Röhre <br>
+Schnauzer inszeniert seine punkig-poetischen Texte, begleitet von
+Gitarre, Bass und Schlagzeug in seinem Bandprogramm ALBERT SCHNAUZER IN
+STÜCKEN.
+                    <br>
+                    Konzert in Zusammenarbeit mit der <i>plattform:[no budget]</i> <br>
+</span></td>
+        </tr>
+        <tr>
+            <th>23:00</th>
+            <td colspan="2" rowspan="1" class="talk">Konzertabend SEDLmaier<span>Er will bis in die Herzen der Menschen fahren. <br>
+Sein Motorrad ist die Schallplatte.<br><br>
+
+                    Konzert in Zusammenarbeit mit der <i>plattform:[no budget]</i> <br><br> <a target="_blank" href="https://sedlmeir-rock.de/">sedlmeir-rock.de</a>
+</span></td>
+            <td colspan="2" rowspan="2" class="talkB">Elektronische Musik<span>Magiato</span></td>
+
+        </tr>
+        <tr>
+            <th>24:00</th>
+        </tr>
+        <tr>
+            <th>01:00</th>
+        </tr>
+        <tr>
+            <th>02:00</th>
+        </tr>
+        </tbody>
+    </table>
+
+    <p>
+        <b>Gestreamte Vorträge: </b> Die Vorträge werden online per <a href="https://meet.jit.si/T%C3%BCbingen-Digitale-Freiheit">Jitsi</a> Live übertragen.
+    </p>
+
+    <p>Weitere Infos und vor allem auch kurzfristige Updates werden auf den Kanal des <a href="https://chaos.social/@ctt">Chaostreffs Tübingen.</a> geladen.</p>
+
+    <div class="card mt-3 mb-3">
+        <h3 class="card-header" id="open_call">Gestalte mit!</h3>
+        <div class="card-body">
+            <p>Der Tübinger Tag der digitalen Freiheit wird ein offenes Community Event sein. Das Programm kommt durch
+                die Arbeit von verschiedenen regionalen Aktiven, Initiativen und Organisationen zusammen.
+                Wenn du auch etwas zum Thema beitragen möchtest, schreibe einfach eine kurze Beschreibung deiner Idee
+                per E-mail an <a data-email="gro.noitadnuof-tenoci@neffets" href="mailto:steffen@iconet-foundation.org" title="steffen@iconet-foundation.org"></a>. <br> <br>
+                <b>Engel gesucht!</b> Die verschiedenen Stationen benötigen noch Helfer und Helferinnen. Trag dich gerne
+                selbstständig hier ein:
+                <a target="_blank" href="https://etherpad.wikimedia.org/p/TDF-Schichtplan">Engelplan</a> <br><br>
+
+                <b>Bring dein Projekt! </b> Wer CCC Events kennt, kennt den Charme der von Menschen ausgeht, die vor Ort gemeinsam an Projekten arbeiten. Wer etwas passendes hat, darf das gerne mitbringen und einer vorbeilaufenden interessierten Nase erklären, was man da macht. Aber Achtung! Auf dem Event gibts leider kein public Internet.
+                <br><br>
+                <b>Noch freie Lightning Talks!</b> Stell in biszu 7 Minuten dein eigenes Projekt vor. Theoretisch ist alles (außer natürlich Hasszeugs) gerne gesehen. Brings mit auf die Bühne!
+            </p>
+        </div>
+    </div>
+
+
+    <h2 class="mt-3">Veranstaltungsort</h2>
+    <p>
+        Die Veranstaltung findet auf dem Shedhallen-Gelände statt.
+        Nähere Infos zum Ort findest du <a target="_blank" href="https://www.shedhalle.de/">hier</a>.
+    </p>
+    <iframe width="100%" height="350" src="./index_files/embed.html"></iframe>
+    <br>
+    <small><a target="_blank" href="https://www.openstreetmap.org/?mlat=48.52744&amp;mlon=9.06561#map=17/48.52744/9.06561">View Larger
+            Map</a></small>
+
+
+
+    <div class="card mt-3 mb-3">
+        <h3 class="card-header" id="open_call">Hinweis für Gäste außerhalb Tübingens:</h3>
+        <div class="card-body">
+            <p>Eine herzliche Einladung zur Teilnahme am Programm gilt auch für Besucher außerhalb von Tübingen. <br>
+                Ab Juni startet das Programm der Bundesregierung für den vergünstigten Nahverkehr, somit sollte eine
+                Anreise problemlos möglich sein. Die Veranstaltung ist vom Hauptbahnhof in ca. 15 Geh-Minuten, von der
+                nächsten Bushaltestelle Lothar-Meyer-Bau in ca. 2 Geh-Minuten zu erreichen. Samstags ist der Tübinger
+                Stadtbus generell kostenfrei. <br>
+                <b>Übernachtung:</b> Bei Bedarf gibts die Möglichkeit einer kostenfreien Übernachtung, sodass auch
+                externe Gäste problemlos am Abendprogramm teilnehmen können. Anmeldung hierzu unbedingt vorher
+                erforderlich: <a data-email="gro.noitadnuof-tenoci@neffets" href="mailto:steffen@iconet-foundation.org" title="steffen@iconet-foundation.org"></a></p>
+        </div>
+    </div>
+
+
+    <div>
+        <h2 class="mt-5">Die Veranstaltung wird durchgeführt von</h2>
+        <div class="row row-cols-4 align-items-center">
+            <img class="col" src="./index_files/iconet.webp" alt="iconet logo">
+            <img class="col" src="./index_files/CCTLogo.webp" alt="Chaostreff Tübingen logo">
+            <img class="col" src="./index_files/shedhalle.png" alt="shedhalle logo">
+        </div>
+        <h2 class="mt-5">Mit Unterstützung von</h2>
+        <div class="row row-cols-4 align-items-center">
+            <img class="col" src="./index_files/crypto.png" alt="crypto logo">
+            <img class="col" src="./index_files/oikos.jpg" alt="oikos logo">
+            <img class="col" src="./index_files/piraten.webp" alt="piraten logo">
+            <img class="col" src="./index_files/daasi.webp" alt="DAASI logo">
+            <img class="col" src="./index_files/fablab.webp" alt="fablab logo">
+            <img class="col" src="./index_files/franz.webp" alt="franz logo">
+            <img class="col" src="./index_files/kimaker.webp" alt="kimaker logo">
+            <img class="col" src="./index_files/amnesty.webp" alt="amnesty logo">
+            <img class="col" src="./index_files/glassroom.svg" alt="glassroom logo">
+            <img class="col" src="./index_files/wit.webp" alt="WIT logo">
+        </div>
+    </div>
+
+                    </div>
+                            </main>
+            <footer class="small mt-5 navbar-light">
+    <div class="container">
+        <hr class="w-100">
+
+        <div class="mb-3 alert alert-info border row">
+            <div class="float-left"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-info-circle" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <circle cx="12" cy="12" r="9"></circle>
+    <line x1="12" y1="8" x2="12.01" y2="8"></line>
+    <polyline points="11 12 12 12 12 16 13 16"></polyline>
+</svg>
+</div>
+            <div class="col">
+                <b><b>Fehlende Informationen?</b></b>
+                <div>Unsere Seite ist noch in Bearbeitung und wird ständig aktualisiert. In Zukunft werden wir weitere Informationen über unsere Technology, Strategie und Ziele veröffentlichen. Trage Dich für den Newsletter ein, um über unsere Fortschritte informiert zu werden.</div>
+
+                <div class="col-12 mb-2">
+                    <form method="POST" action="https://iconet-foundation.org/newsletter" class="input-group mt-2 justify-content-center">
+                        <input type="hidden" name="_token" value="nLaZ6vYXBVgVFdT8YsTz945NIQI0LbbH40H5Jk2Q" autocomplete="off">                        <input name="email" type="email" class="form-control col-12 col-md-5 col-xl-4 " value="" placeholder="deine@email.de" aria-label="deine@email.de" autocomplete="email" required="">
+                        <div class="input-group-append">
+                            <button class="btn btn-secondary flex-grow-1" type="submit">Newsletter anmelden</button>
+                        </div>
+                                            </form>
+                </div>
+            </div>
+
+
+        </div>
+
+        <nav class="navbar-nav">
+
+            <div class="row align-items-center logos  mb-sm-1">
+
+
+                <div class="col-12 col-sm-3 col-md mb-2 mb-sm-0 pl-md-2">
+                    <nav class="navbar-nav navbar-light text-center text-sm-left">
+                                                                            <a class="nav-link nav-item" href="https://iconet-foundation.org/">Warum iconet </a>
+                                                    <a class="nav-link nav-item" href="https://iconet-foundation.org/vision">Vision </a>
+                                                    <a class="nav-link nav-item" href="https://iconet-foundation.org/events">Events </a>
+                                                    <a class="nav-link nav-item" href="https://iconet-foundation.org/support">Unterstütze uns </a>
+                                                    <a class="nav-link nav-item" href="https://iconet-foundation.org/blog">Blog <span class="badge badge-secondary">Neu</span></a>
+                                                    <a class="nav-link nav-item" href="https://iconet-foundation.org/faq">FAQ </a>
+                                                    <a class="nav-link nav-item" href="https://iconet-foundation.org/about">Impressum </a>
+                                            </nav>
+                </div>
+
+
+                <img class="col-8 col-sm-6" src="./index_files/BMBF_de.png" alt="Gefördert vom Bundesministerium für Bildung und Forschung">
+                <a class="col-3 col-sm-2 text-center" href="https://prototypefund.de/project/prototyp-interkonnektivitaet-fuer-soziale-netzwerke/" target="_blank">
+                    <img class="py-2" src="./index_files/prototype-fund.svg" alt="Prototype Fund Logo">
+                </a>
+            </div>
+
+            <div class="sLinks row justify-content-center align-items-center">
+
+    <div class="row col-12 justify-content-center  col-md-auto justify-content-md-end ">
+        <a class="no-show" data-email="gro.noitadnuof-tenoci@tcatnoc" href="mailto:contact@iconet-foundation.org" title="contact@iconet-foundation.org">
+            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-at" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <circle cx="12" cy="12" r="4"></circle>
+    <path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28"></path>
+</svg>
+        </a>
+
+                    <a href="https://matrix.to/#/#iconet-foundation:matrix.org" target="_blank">
+                <svg class="icon icon-tabler icon-tabler-brand-matrix" width="44" height="44" fill="none" stroke="#2c3e50" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5.5938 20h-1.5938v-16h1.5938"></path>
+ <path d="m18.406 4h1.5938v16h-1.5938"></path>
+ <path d="m16.17 14.735v-3a2 2 0 00-4 0m0 3v-3a2 2 0 00-4 0m0 3v-5"></path>
+</svg>
+            </a>
+                    <a href="https://fosstodon.org/@iconet" target="_blank">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-mastodon" width="44" height="44" fill="none" viewBox="0 0 24 24" stroke="#2c3e50" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5">
+  <path d="m 15.097344,16.19185 c 1.993705,-0.237344 3.728308,-1.458686 3.945876,-2.574213 0.34415,-1.758336 0.316463,-4.2910156 0.316463,-4.2910156 0,-3.4316263 -2.260721,-4.4383683 -2.260721,-4.4383683 C 15.9597,4.3670814 14.002586,4.1485254 11.969325,4.1317133 h -0.04944 c -2.0342533,0.016814 -3.9903787,0.2353681 -5.129639,0.7565398 0,0 -2.2597306,1.0057534 -2.2597306,4.4383683 l -0.00197,0.6546789 c -0.00396,0.6329227 -0.00692,1.3350717 0.01088,2.0678757 0.082083,3.356467 0.619077,6.665465 3.7381976,7.486285 1.4379205,0.378764 2.673109,0.45788 3.667981,0.403489 1.802841,-0.09889 2.815518,-0.639846 2.815518,-0.639846 l -0.05932,-1.302436 c 0,0 -1.288591,0.405468 -2.7364,0.356018 -1.433964,-0.04944 -2.9470441,-0.154271 -3.1794454,-1.906678 -0.022122,-0.162558 -0.033027,-0.326455 -0.032634,-0.490514 0,0 1.4082534,0.342173 3.1923004,0.423266 1.090804,0.04944 2.113369,-0.06328 3.152747,-0.18691 z M 7.1927381,13.748176 V 9.5926464 c 0,-0.8495004 0.217567,-1.5239584 0.6527011,-2.0233739 0.4509572,-0.499415 1.0403661,-0.755551 1.7731715,-0.755551 0.8465343,0 1.4873673,0.324373 1.9116243,0.9721295 l 0.412387,0.6873137 v 0 3.1156003 -3.1156003 L 12.355013,7.785851 c 0.424255,-0.6477565 1.065087,-0.9721295 1.912609,-0.9721295 0.731816,0 1.321227,0.256136 1.771195,0.755551 0.437115,0.4994155 0.653691,1.1738735 0.653691,2.0233739 v 4.1565206"></path>
+</svg>
+            </a>
+                    <a href="https://libre.video/video-channels/iconet_foundation/videos" target="_blank">
+                <svg class="icon icon-tabler icon-tabler-brand-peertube" width="44" height="44" fill="none" stroke="#2c3e50" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m7.11 19.12v-14.25l11.92 7.13-5.96 3.56v-7.12l-5.96 3.56 5.96 3.56-5.96 3.56"></path>
+</svg>
+            </a>
+            </div>
+
+    <div class="vertical d-none  d-md-inline "></div>
+
+    <div class="row col-12 justify-content-center  col-md-auto justify-content-md-start ">
+                    <a href="https://twitter.com/IconetFd" target="_blank">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-twitter" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"></path>
+</svg>
+            </a>
+                    <a href="https://www.instagram.com/iconetfoundation/" target="_blank">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <rect x="4" y="4" width="16" height="16" rx="4"></rect>
+    <circle cx="12" cy="12" r="3"></circle>
+    <line x1="16.5" y1="7.5" x2="16.5" y2="7.501"></line>
+</svg>
+            </a>
+                    <a href="https://www.youtube.com/channel/UCZtTx-5Bcuh3K_iKoK9Jsqg" target="_blank">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-youtube" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <rect x="3" y="5" width="18" height="14" rx="4"></rect>
+    <path d="M10 9l5 3l-5 3z"></path>
+</svg>
+            </a>
+                    <a href="https://www.linkedin.com/company/80083656" target="_blank">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-linkedin" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <rect x="4" y="4" width="16" height="16" rx="2"></rect>
+    <line x1="8" y1="11" x2="8" y2="16"></line>
+    <line x1="8" y1="8" x2="8" y2="8.01"></line>
+    <line x1="12" y1="16" x2="12" y2="11"></line>
+    <path d="M16 16v-3a2 2 0 0 0 -4 0"></path>
+</svg>
+            </a>
+                    <a href="https://reddit.com/r/iconet" target="_blank">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-reddit" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z"></path>
+    <path d="M12 8l1 -5l6 1"></path>
+    <circle cx="19" cy="4" r="1"></circle>
+    <circle cx="9" cy="13" r=".5" fill="currentColor"></circle>
+    <circle cx="15" cy="13" r=".5" fill="currentColor"></circle>
+    <path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5"></path>
+</svg>
+            </a>
+                    <a href="https://www.facebook.com/iconetFoundation" target="_blank">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
+</svg>
+            </a>
+            </div>
+
+</div>
+            <a class="nav-link nav-item text-center" href="https://iconet-foundation.org/about">iconet Foundation gUG (haftungsbeschränkt)</a>
+        </nav>
+    </div>
+</footer>
+        </div>
+
+
+
+    </div>
+
+            <img src="./index_files/matomo.php" class="d-none border-0" width="0" height="0" alt="" fh8bp79gv="">
+
+    
+    
+
+
+</body></html>
--- a/tdf1/index_files/11317(1).png
+++ b/tdf1/index_files/11317(1).png
--- a/tdf1/index_files/11317(2).png
+++ b/tdf1/index_files/11317(2).png
--- a/tdf1/index_files/11317(3).png
+++ b/tdf1/index_files/11317(3).png
--- a/tdf1/index_files/11317(4).png
+++ b/tdf1/index_files/11317(4).png
--- a/tdf1/index_files/11317(5).png
+++ b/tdf1/index_files/11317(5).png
--- a/tdf1/index_files/11317.png
+++ b/tdf1/index_files/11317.png
--- a/tdf1/index_files/11318(1).png
+++ b/tdf1/index_files/11318(1).png
--- a/tdf1/index_files/11318(2).png
+++ b/tdf1/index_files/11318(2).png
--- a/tdf1/index_files/11318(3).png
+++ b/tdf1/index_files/11318(3).png
--- a/tdf1/index_files/11318(4).png
+++ b/tdf1/index_files/11318(4).png
--- a/tdf1/index_files/11318(5).png
+++ b/tdf1/index_files/11318(5).png
--- a/tdf1/index_files/11318.png
+++ b/tdf1/index_files/11318.png
--- a/tdf1/index_files/11319(1).png
+++ b/tdf1/index_files/11319(1).png
--- a/tdf1/index_files/11319(2).png
+++ b/tdf1/index_files/11319(2).png
--- a/tdf1/index_files/11319(3).png
+++ b/tdf1/index_files/11319(3).png
--- a/tdf1/index_files/11319(4).png
+++ b/tdf1/index_files/11319(4).png
--- a/tdf1/index_files/11319(5).png
+++ b/tdf1/index_files/11319(5).png
--- a/tdf1/index_files/11319.png
+++ b/tdf1/index_files/11319.png
--- a/tdf1/index_files/BMBF_de.png
+++ b/tdf1/index_files/BMBF_de.png
--- a/tdf1/index_files/CCTLogo.webp
+++ b/tdf1/index_files/CCTLogo.webp
--- a/tdf1/index_files/amnesty.webp
+++ b/tdf1/index_files/amnesty.webp
--- a/tdf1/index_files/app.css
+++ b/tdf1/index_files/app.css
--- a/tdf1/index_files/app.js
+++ b/tdf1/index_files/app.js
--- a/tdf1/index_files/crypto.png
+++ b/tdf1/index_files/crypto.png
--- a/tdf1/index_files/daasi.webp
+++ b/tdf1/index_files/daasi.webp
--- a/tdf1/index_files/embed-31abec0e3f0382e4d60ae9f3056d454f04784e6907e8229bf615fb3dc2c74374.css
+++ b/tdf1/index_files/embed-31abec0e3f0382e4d60ae9f3056d454f04784e6907e8229bf615fb3dc2c74374.css
--- a/tdf1/index_files/embed-5878c36753678fb0ad8598a649abf089144996f7a60c6992a16ebf41349273f8.js
+++ b/tdf1/index_files/embed-5878c36753678fb0ad8598a649abf089144996f7a60c6992a16ebf41349273f8.js
--- a/tdf1/index_files/embed.html
+++ b/tdf1/index_files/embed.html
--- a/tdf1/index_files/fablab.webp
+++ b/tdf1/index_files/fablab.webp
--- a/tdf1/index_files/franz.webp
+++ b/tdf1/index_files/franz.webp
--- a/tdf1/index_files/glassroom.svg
+++ b/tdf1/index_files/glassroom.svg
@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="1330.1px" height="195.8px" viewBox="0 0 1330.1 195.8" style="enable-background:new 0 0 1330.1 195.8;"
+	 xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#99999A;}
+	.st1{fill:#2D368F;}
+	.st2{fill:#03A550;}
+	.st3{fill:#EB2227;}
+	.st4{fill:#231F20;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<g>
+					<g>
+						<path class="st0" d="M225.2,195.8H29.4V0h195.8V195.8z M31.9,193.2h190.7V2.5H31.9V193.2z"/>
+					</g>
+					<g>
+						<path class="st1" d="M237.8,181H16.7V14.7h221.1V181z M19.3,178.5h216V17.3h-216V178.5z"/>
+					</g>
+					<g>
+						<path class="st2" d="M247.6,166H6.9V29.8h240.7V166z M9.5,163.5l235.6,0V32.3l-235.6,0V163.5z"/>
+					</g>
+					<g>
+						<path class="st3" d="M254.5,151.8H0V44h254.5V151.8z M2.5,149.2H252V46.5H2.5V149.2z"/>
+					</g>
+					<rect x="29.4" y="13.7" class="st0" width="2.5" height="6.9"/>
+					<rect x="16.7" y="28.6" class="st1" width="2.5" height="6.9"/>
+					<rect x="16.7" y="161.3" class="st1" width="2.5" height="6.9"/>
+					<rect x="6.9" y="41.8" class="st2" width="2.5" height="6.9"/>
+					<rect x="6.9" y="148.3" class="st2" width="2.5" height="6.9"/>
+					<rect x="222.6" y="12.6" class="st0" width="2.5" height="6.9"/>
+					<polygon class="st0" points="225.2,183.2 222.6,183.2 222.6,176.3 225.2,176.4 					"/>
+					<rect x="29.4" y="176.3" class="st0" width="2.5" height="6.9"/>
+					<rect x="235.3" y="27.6" class="st1" width="2.5" height="6.9"/>
+					<rect x="235.3" y="161.3" class="st1" width="2.5" height="6.9"/>
+					<polygon class="st2" points="247.6,48.7 245.1,48.7 245.1,41.9 247.6,41.8 					"/>
+					<rect x="245.1" y="147.1" class="st2" width="2.5" height="6.9"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g>
+	<path class="st4" d="M389.4,70.2v69.2h-12.2V70.2h-18.5V58.7h49.2v11.4H389.4z"/>
+	<path class="st4" d="M434.5,90.3h34.8V58.7h12.2v80.7h-12.2v-37.7h-34.8v37.7h-12.2V58.7h12.2V90.3z"/>
+	<path class="st4" d="M542.1,70.2h-32.3v19.4h31.4V101h-31.4v27h32.3v11.4h-44.5V58.7h44.5V70.2z"/>
+	<path class="st4" d="M630.4,97.4h33.3v2.7c0,6.1-0.7,11.4-2.1,16.1c-1.4,4.3-3.7,8.4-7.1,12.1c-7.5,8.4-17,12.6-28.6,12.6
+		c-11.3,0-21-4.1-29-12.2c-8-8.2-12.1-18-12.1-29.5c0-11.7,4.1-21.6,12.3-29.8c8.2-8.2,18.1-12.3,29.9-12.3c6.3,0,12.2,1.3,17.7,3.9
+		c5.2,2.6,10.4,6.8,15.4,12.5l-8.7,8.3c-6.6-8.8-14.7-13.2-24.2-13.2c-8.5,0-15.7,2.9-21.5,8.8c-5.8,5.8-8.7,13-8.7,21.7
+		c0,9,3.2,16.4,9.7,22.2c6,5.4,12.6,8.1,19.6,8.1c6,0,11.4-2,16.1-6.1c4.8-4.1,7.4-9,8-14.6h-20.1V97.4z"/>
+	<path class="st4" d="M694.5,58.7V128h23.7v11.4h-35.9V58.7H694.5z"/>
+	<path class="st4" d="M789.1,119.8h-34.5l-9,19.6h-13.1l39.9-85.7l38.5,85.7h-13.3L789.1,119.8z M784.1,108.4l-12-27.4l-12.5,27.4
+		H784.1z"/>
+	<path class="st4" d="M869.8,70.7l-9.9,5.9c-1.8-3.2-3.6-5.3-5.3-6.3c-1.7-1.1-4-1.7-6.7-1.7c-3.4,0-6.2,1-8.4,2.9
+		c-2.2,1.9-3.3,4.2-3.3,7.1c0,3.9,2.9,7.1,8.8,9.5l8,3.3c6.5,2.6,11.3,5.9,14.4,9.7c3,3.8,4.5,8.5,4.5,14c0,7.4-2.5,13.5-7.4,18.4
+		c-5,4.9-11.2,7.3-18.5,7.3c-7,0-12.8-2.1-17.3-6.2c-4.5-4.1-7.3-10-8.4-17.5l12.3-2.7c0.6,4.7,1.5,8,2.9,9.8
+		c2.5,3.5,6.2,5.2,11,5.2c3.8,0,6.9-1.3,9.5-3.8c2.5-2.5,3.8-5.8,3.8-9.7c0-1.6-0.2-3-0.7-4.3c-0.4-1.3-1.1-2.5-2-3.6
+		c-0.9-1.1-2.1-2.1-3.6-3.1c-1.5-1-3.2-1.9-5.2-2.7l-7.8-3.2c-11-4.7-16.6-11.5-16.6-20.5c0-6.1,2.3-11.1,6.9-15.2
+		c4.6-4.1,10.4-6.2,17.3-6.2C857.3,57.2,864.6,61.7,869.8,70.7z"/>
+	<path class="st4" d="M935.4,70.7l-9.9,5.9c-1.8-3.2-3.6-5.3-5.3-6.3c-1.7-1.1-4-1.7-6.7-1.7c-3.4,0-6.2,1-8.4,2.9
+		c-2.2,1.9-3.3,4.2-3.3,7.1c0,3.9,2.9,7.1,8.8,9.5l8,3.3c6.5,2.6,11.3,5.9,14.4,9.7c3,3.8,4.5,8.5,4.5,14c0,7.4-2.5,13.5-7.4,18.4
+		c-5,4.9-11.2,7.3-18.5,7.3c-7,0-12.8-2.1-17.3-6.2c-4.5-4.1-7.3-10-8.4-17.5l12.3-2.7c0.6,4.7,1.5,8,2.9,9.8
+		c2.5,3.5,6.2,5.2,11,5.2c3.8,0,6.9-1.3,9.5-3.8c2.5-2.5,3.8-5.8,3.8-9.7c0-1.6-0.2-3-0.7-4.3c-0.4-1.3-1.1-2.5-2-3.6
+		c-0.9-1.1-2.1-2.1-3.6-3.1c-1.5-1-3.2-1.9-5.2-2.7l-7.8-3.2c-11-4.7-16.6-11.5-16.6-20.5c0-6.1,2.3-11.1,6.9-15.2
+		c4.6-4.1,10.4-6.2,17.3-6.2C922.9,57.2,930.1,61.7,935.4,70.7z"/>
+	<path class="st4" d="M1012.5,105l25,34.4h-14.9l-23-33h-2.2v33h-12.2V58.7h14.3c10.7,0,18.4,2,23.1,6c5.2,4.5,7.8,10.3,7.8,17.7
+		c0,5.7-1.6,10.6-4.9,14.7C1022.2,101.2,1017.9,103.9,1012.5,105z M997.3,95.8h3.9c11.5,0,17.3-4.4,17.3-13.2
+		c0-8.3-5.6-12.4-16.8-12.4h-4.3V95.8z"/>
+	<path class="st4" d="M1047,98.7c0-11.4,4.2-21.1,12.5-29.3c8.3-8.2,18.3-12.2,29.9-12.2c11.5,0,21.4,4.1,29.6,12.3
+		c8.3,8.2,12.4,18.1,12.4,29.6c0,11.6-4.1,21.4-12.4,29.5c-8.3,8.1-18.4,12.2-30.1,12.2c-10.4,0-19.8-3.6-28.1-10.8
+		C1051.5,122.1,1047,111.6,1047,98.7z M1059.2,98.9c0,8.9,3,16.2,9,22c6,5.7,12.8,8.6,20.6,8.6c8.5,0,15.6-2.9,21.4-8.8
+		c5.8-5.9,8.7-13.1,8.7-21.6c0-8.6-2.9-15.8-8.6-21.6c-5.7-5.9-12.8-8.8-21.2-8.8c-8.4,0-15.5,2.9-21.3,8.8
+		C1062.1,83.2,1059.2,90.4,1059.2,98.9z"/>
+	<path class="st4" d="M1145.8,98.7c0-11.4,4.2-21.1,12.5-29.3c8.3-8.2,18.3-12.2,29.9-12.2c11.5,0,21.4,4.1,29.6,12.3
+		c8.3,8.2,12.4,18.1,12.4,29.6c0,11.6-4.1,21.4-12.4,29.5c-8.3,8.1-18.4,12.2-30.1,12.2c-10.4,0-19.8-3.6-28.1-10.8
+		C1150.3,122.1,1145.8,111.6,1145.8,98.7z M1158.1,98.9c0,8.9,3,16.2,9,22c6,5.7,12.8,8.6,20.6,8.6c8.5,0,15.6-2.9,21.4-8.8
+		c5.8-5.9,8.7-13.1,8.7-21.6c0-8.6-2.9-15.8-8.6-21.6c-5.7-5.9-12.8-8.8-21.2-8.8c-8.4,0-15.5,2.9-21.3,8.8
+		C1160.9,83.2,1158.1,90.4,1158.1,98.9z"/>
+	<path class="st4" d="M1241.5,139.4l17-86.7l27.7,62.7l28.7-62.7l15.3,86.7h-12.5l-7.8-48.7l-23.9,52.4l-23.2-52.5l-8.7,48.7H1241.5
+		z"/>
+</g>
+</svg>
--- a/tdf1/index_files/iconet.webp
+++ b/tdf1/index_files/iconet.webp
--- a/tdf1/index_files/kimaker.webp
+++ b/tdf1/index_files/kimaker.webp
--- a/tdf1/index_files/logo.png
+++ b/tdf1/index_files/logo.png
--- a/tdf1/index_files/marker-icon-3d253116ec4ba0e1f22a01cdf1ff7f120fa4d89a6cd0933d68f12951d19809b4.png
+++ b/tdf1/index_files/marker-icon-3d253116ec4ba0e1f22a01cdf1ff7f120fa4d89a6cd0933d68f12951d19809b4.png
--- a/tdf1/index_files/marker-shadow-a2d94406ba198f61f68a71ed8f9f9c701122c0c33b775d990edceae4aece567f.png
+++ b/tdf1/index_files/marker-shadow-a2d94406ba198f61f68a71ed8f9f9c701122c0c33b775d990edceae4aece567f.png
--- a/tdf1/index_files/matomo.php
+++ b/tdf1/index_files/matomo.php
--- a/tdf1/index_files/oikos.jpg
+++ b/tdf1/index_files/oikos.jpg
--- a/tdf1/index_files/piraten.webp
+++ b/tdf1/index_files/piraten.webp
--- a/tdf1/index_files/prototype-fund.svg
+++ b/tdf1/index_files/prototype-fund.svg
@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+     viewBox="0 0 306.7 510.1" style="enable-background:new 0 0 306.7 510.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1D1D1B;}
+	.st1{fill:#009ACE;}
+</style>
+<g id="Ebene_2">
+	<g>
+		<g>
+			<path class="st0" d="M25.2,380.5h11.7c9.2,0,17,4.6,17,13.7c0,9.7-8.3,14.1-17.6,14.1h-4.8l0,17h-6.2L25.2,380.5z M31.4,403.1
+				l4.9-0.1c4.1,0,11.1-1.5,11.1-8.8c0-7-6.8-8.6-10.4-8.6l-5.6-0.1L31.4,403.1z"/>
+			<path class="st0" d="M58.6,402.3c0-2.8-0.1-5.5-0.4-8.1h5.6l0.3,8.1h0.4c1.1-4,4.5-8.6,9.1-8.6c1.7,0,3,0.4,4,0.9l0,5.3
+				c-0.9-0.4-2.2-0.8-3.5-0.8c-5.9,0-9.2,5.8-9.6,12.4l0,13.8h-5.9L58.6,402.3z"/>
+			<path class="st0" d="M95,393.3c10.7,0,15.3,9.4,15.3,16.4c0,8.3-5.4,16.6-15.3,16.6c-9.9,0-15.6-7.9-15.6-16.6
+				C79.4,402.5,84.2,393.3,95,393.3z M94.9,421.9c4.8,0,9.3-3.8,9.3-12.3c0-7.9-4.3-11.9-9.3-11.9c-4,0-9.4,2.6-9.4,12
+				C85.5,416.1,88.4,421.9,94.9,421.9z"/>
+			<path class="st0" d="M113,394.1h5.1l1.1-9.3h4.6l0,9.3h8.8l0,4.5h-8.8l0,17.6c0,2.8,1.4,4.5,4.3,4.5c1.7,0,3.7-0.6,4.5-0.9l0,4.6
+				c-1.1,0.7-3.1,1.6-5.2,1.6c-6,0-9.4-3.6-9.4-9.6l0-17.6h-5L113,394.1z"/>
+			<path class="st0" d="M151.3,393.3c10.7,0,15.3,9.4,15.3,16.4c0,8.3-5.4,16.6-15.3,16.6c-9.9,0-15.6-7.9-15.6-16.6
+				C135.7,402.5,140.6,393.3,151.3,393.3z M151.2,421.9c4.8,0,9.3-3.8,9.3-12.3c0-7.9-4.3-11.9-9.3-11.9c-4,0-9.4,2.6-9.4,12
+				C141.8,416.1,144.7,421.9,151.2,421.9z"/>
+			<path class="st0" d="M169.4,394.1h5.1l1.1-9.3h4.6l0,9.3h8.8l0,4.5h-8.8l0,17.6c0,2.8,1.4,4.5,4.3,4.5c1.7,0,3.7-0.6,4.5-0.9
+				l0,4.6c-1.1,0.7-3.1,1.6-5.2,1.6c-6,0-9.4-3.6-9.4-9.6l0-17.6h-5L169.4,394.1z"/>
+			<path class="st0" d="M208,431.5c-1.9,4.8-5,6.3-8.8,6.3c-1.3,0-3-0.2-4.1-0.6l0-5c0.9,0.3,2.5,0.6,3.4,0.6c2,0,3.2-0.7,4.1-2.5
+				c0.6-1.3,1.6-4,1.9-5c0.3-1.4-0.6-2.2-1.8-2.1l-11.2-29h6.5l8.7,24.7h0.4l7.6-24.7h6.1C210.2,425.3,209.4,427.6,208,431.5z"/>
+			<path class="st0" d="M230.5,437.2h-5.8l0-38.5c0-1.3-0.1-3.4-0.1-4.6h5.5c0.1,1.2,0.1,3.5,0.1,4.7h0.4c2.1-3.2,5.1-5.2,9.2-5.2
+				c8.6,0,13.3,7.6,13.3,16.3c0,9-4.8,16.3-13,16.3c-5.6,0-8.3-3.7-9.2-5h-0.4c0,0,0.1,2.2,0.1,4.2L230.5,437.2z M238.4,398.1
+				c-4.3,0-7.6,4.5-7.9,7.8l0,7.5c0.1,3.4,3.2,8.3,8.1,8.3c5.7,0,8.3-5.4,8.3-11.8C246.9,402.8,244.1,398.1,238.4,398.1z"/>
+			<path class="st0" d="M261.3,410.5c0.1,6.5,3.2,11.2,9.1,11.2c3.8,0,6.7-2.5,7.4-6h5.7c-0.7,5.1-5.3,10.5-13.5,10.5
+				c-8.7,0-14.6-6.6-14.6-16.8c0-8.7,5.5-16.1,14.2-16.1c11.4,0,14.6,9.9,13.8,17.2H261.3z M277.7,406.2c0.1-3-1.6-8.6-7.9-8.6
+				c-4.2,0-7.8,3-8.3,8.7L277.7,406.2z"/>
+		</g>
+		<g>
+			<path class="st0" d="M25.2,439h25l0,5.3H31.6l0,14.8h17.6l0,5.2H31.6l0,19.5h-6.3L25.2,439z"/>
+			<path class="st0" d="M81.7,452.7l0,25.8c0,1.6,0.1,3.7,0.4,5.3h-6c-0.1-1.3-0.1-3.6-0.1-5.4h-0.4c-0.7,1.3-3.8,5.8-10.1,5.8
+				c-4.2,0-10.6-2.3-10.6-11.7l0-19.9h6l0,19.9c0,4.1,1.9,6.9,5.9,6.9c4.2,0,7.9-3.7,8.9-9.1l0-17.7H81.7z"/>
+			<path class="st0" d="M87.5,458c0-1.6-0.1-3.5-0.3-5.3h6l0,5.3h0.4c0.8-1.4,4.2-6,10.1-6c3.7,0,10.3,2,10.3,11.5l0,20.3h-6l0-20.4
+				c0-4.3-1.9-6.8-5.5-6.8c-4.3,0-7.9,4-9.1,9.1l0,18.1h-5.9L87.5,458z"/>
+			<path class="st0" d="M140.1,439h5.8l0,40.2c0,1.3,0,3.4,0.1,4.6h-5.3c-0.1-1.3-0.1-3.2-0.1-4.6h-0.4c-2.1,3.2-5.2,5.1-9.2,5.1
+				c-8.7,0-13.5-7.6-13.5-16.3c0-9,4.8-16.3,13-16.3c5.6,0,8.3,3.7,9.2,5h0.4c0,0-0.1-2.1-0.1-4.2L140.1,439z M132.3,479.9
+				c4.3,0,7.6-4.5,7.8-7.7l0-7.6c-0.1-3.4-3.2-8.3-8.1-8.3c-5.7,0-8.3,5.4-8.3,11.8C123.8,475.2,126.6,479.9,132.3,479.9z"/>
+		</g>
+	</g>
+	<path id="XMLID_19_" class="st1" d="M199.3,28.1l38.3,4.8l45.3,87L237.6,193c0,0-51.7,13.5-71.5,18.3H121l0,117.8l36.5,12.9
+		l-0.9,12.6l-64.9-0.9l-65.1,0.9l-1.4-12.6L62,329.1l0-275.8L25.2,40.6l1.4-12.6L199.3,28.1z M121,186.2l37.7,7.2l58.2-40.6l18-32.9
+		l-18-33.1l-58.2-38.4l-37.7,5L121,186.2z"/>
+</g>
+<g id="Ebene_1">
+</g>
+</svg>
--- a/tdf1/index_files/shedhalle.png
+++ b/tdf1/index_files/shedhalle.png
--- a/tdf1/index_files/tddf.webp
+++ b/tdf1/index_files/tddf.webp
--- a/tdf1/index_files/wit.webp
+++ b/tdf1/index_files/wit.webp
--- a/tdf2/font/TitilliumWeb-Bold.ttf
+++ b/tdf2/font/TitilliumWeb-Bold.ttf
--- a/tdf2/font/TitilliumWeb-Regular.ttf
+++ b/tdf2/font/TitilliumWeb-Regular.ttf
--- a/tdf2/image/CCTLogo.webp
+++ b/tdf2/image/CCTLogo.webp
--- a/tdf2/image/assemblies.png
+++ b/tdf2/image/assemblies.png
--- a/tdf2/image/costs.png
+++ b/tdf2/image/costs.png
--- a/tdf2/image/daasi_logo.png
+++ b/tdf2/image/daasi_logo.png
--- a/tdf2/image/dates.png
+++ b/tdf2/image/dates.png
--- a/tdf2/image/event.png
+++ b/tdf2/image/event.png
--- a/tdf2/image/kims_logo.png
+++ b/tdf2/image/kims_logo.png
--- a/tdf2/image/neon-scene.png
+++ b/tdf2/image/neon-scene.png
--- a/tdf2/image/no_budget_logo.svg
+++ b/tdf2/image/no_budget_logo.svg
--- a/tdf2/image/pagina_logo.png
+++ b/tdf2/image/pagina_logo.png
--- a/tdf2/image/participate.png
+++ b/tdf2/image/participate.png
--- a/tdf2/image/shedhalle.png
+++ b/tdf2/image/shedhalle.png
--- a/tdf2/image/shedhalle_logo.png
+++ b/tdf2/image/shedhalle_logo.png
--- a/tdf2/image/tdf-web-wide.png
+++ b/tdf2/image/tdf-web-wide.png
--- a/tdf2/image/tuebingen_logo.png
+++ b/tdf2/image/tuebingen_logo.png
--- a/tdf2/index.html
+++ b/tdf2/index.html
@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<link rel="stylesheet" type="text/css" href="styles.css">
+		<title>2. Tübinger Tag der digitalen Freiheit</title>
+	</head>
+	<body>
+		<div id="content">
+			<img id="banner" src="image/tdf-web-wide.png" alt="Tag der digitalen Freiheit" />
+			<div class="box" id="event">
+				<h2>Info</h2>
+				<p>Das Event steht kurz bevor!
+Das Programm und die teilnehmenden Assemblies können hier eingesehen werden:
+<a target="_blank" href="https://cfp.tuebix.org/tdf/schedule/">https://cfp.tuebix.org/tdf/schedule/</a>
+			</p>
+				<p class="big">Wenn Elfen Helfen</p>
+				<p>Dieses tolle Event funktioniert nur mit und dank eurer Hilfe. Tragt euch gern selbstständig ein, wenn ihr eine Schicht übernehmen mögt.
+<a target="_blank" href="https://pad.cttue.de/TDF23-Elfen">https://pad.cttue.de/TDF23-Elfen</a><p>
+				
+				<p class="big">Fahrplan</p><p>
+Es gibt verschiedene wichtige Zeiten rund ums Event:
+				<p class="big">Freitag 16.6, ab 18:00 Uhr:</p> <p> Aufbau Assemblies - Herzliche Einladung schon früh dazu zu kommen.</p>
+				<p class="big">Samstag 17.6., 12:45 Uhr:</p> <p>Eröffnung - Überblick und Bericht der Veranstaltenden.</p>
+				<p class="big">Samstag 17.6., ab 21:00 Uhr:</p> <p>Abendprogramm - Konzerte, Spaß, Tschunk und Code.</p>
+				<p class="big">Sonntag 18.6., ab 14:00 Uhr:</p><p> Abbau - Schön wars, gerne helfen!</p>
+			</div>
+			
+			<div class="box" id="event">
+				<h2>Das Event</h2>
+				<p>Der Tübinger Tag der digitalen Freiheit ist ein offenes Community Event. Das Programm kommt durch die Arbeit von verschiedenen netzpolitisch oder anders kreativ aktiven Personen, Initiativen und Organisationen zusammen.</p>
+				<p>Das vielfältige Programm umfasst themenspezifische Talks mit einer Dauer von bis zu 30 Minuten, ebenso wie interessante Workshop-Angebote und Ausstellungsstücke. Außerdem sind im hinteren Bereich verschiedene Assemblies aufgebaut, wo man gemeinsam vor Ort aktiv werden oder sein persönliches Projekt vorstellen kann.</p>
+				<p>Möchtest du selbst etwas zum Programms beitragen? Hier gehts zum <a href="https://cfp.tuebix.org/tdf/cfp">Call for Participation</a></p>
+			</div>
+			<div class="box" id="dates">
+				<h2>Termine</h2>
+				<p class="label">Veranstaltungstermin:</p>
+				<p class="big">Samstag, 17. Juni 2023</p>
+				<p class="label">Uhrzeit:</p>
+				<p class="big">13.00 bis 21.00 Uhr: Vorträge, Workshops, Assemblies</p>
+				<p class="big">21.00 Uhr bis Open End: Bands, Djs, Assemblies</p>
+				<p class="label">Einsendeschluss für Programmbeiträge, <br/>Workshops, Vorträge, Assemblies:</p>
+				<p class="big">Freitag, 26. Mai 2023</p>
+			</div>
+			<div class="box right-align" id="assemblies">
+				<h2>Assemblies</h2>
+				<p>Bringe dein Projekt mit und erlebe den einzigartigen Charme, der entsteht, wenn Menschen gemeinsam an Projekten arbeiten! Wer bereits CCC Events besucht hat, weiß genau, wovon die Rede ist. Wir stellen freie und passende Flächen zur Verfügung, damit ihr euer Assembly vor Ort umsetzen könnt. </p>
+				<p>Was ist ein Assembly? Der Begriff hat viele Bedeutung wie „Konstuktion“, aber auch „Versammlung“. Es kann ein übergroßes interaktives Kunstobjekt sein, oder eine kreative Erfindung die in die Hosentasche passt. Es kann aber auch ein Gruppe vor Leuten sein, die sich vor Ort treffen und ihrer Leidenschaft nach gehen.</p>
+			</div>
+			<div class="box" id="shedhalle">
+				<h2>Die Shedhalle</h2>
+				<p>Die Veranstaltung findet auf dem Shedhallen-Gelände statt. Da die eigentlich Shedhalle momentan als Mensa genutzt wird, unterhält der Shedhallen-Verein zur Zeit andere Räume des ehemaligen Schlachthofs, in denen wir uns treffen.</p>
+				<p>Mehr Informationen über den Ort und den Shedhalle Tübingen e.V. findest du unter <a href="https://shedhalle.de/de">shedhalle.de</a>.</p>
+			</div>
+			<div class="box" id="ctt">
+				<h2>Organisator</h2>
+				<p>Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen (CTT) initiiert und veranstaltet. Der Chaostreff ist ein eingetragener Verein und steht inhaltlich dem Chaos Computer Club e. V. nahe. Die Mitglieder treffen sich regelmäßig zum Austausch und gemeinsamen Arbeiten an technischen, digitalen, kulturellen und gesellschaflichen Themen.</p>
+				<p>Mehr Informationen und Termine unter <a href="https://cttue.de/">cttue.de</a>.</p>
+			</div>
+			<div class="box" id="costs">
+				<h2>Kosten</h2>
+				<p>Der TDF ist ein nicht-kommerzielles Event und wird von allen Beteiligten ehrenamtlich durchgeführt. Dadurch ist das Angebot kostenfrei für die Öffentlichkeit zugänglich.</p>
+				<h2 class="right-align">Anreise</h2>
+				<p class="right-align">Der Veranstaltungsort ist vom Hauptbahnhof in ca. 15 Geh-Minuten und von der nächsten Bushaltestelle, am Lothar-Meyer-Bau, in ca. 2 Geh-Minuten zu erreichen. Samstags ist der Tübinger Stadtbus kostenfrei.</p>
+			</div>
+			<div class="box">
+				<h2>TDF 2022 RÜckblick</h2>
+				<p>Der erste Tübinger Tag der digitalen Freiheit war ein voller Erfolg. Hier einige Impressionen:</p>
+				<ul>
+					<li><a href="https://pixelfed.de/ctt" target="_blank">Bildimpressionen auf dem Pixelfed des Chaostreff.</a></li>
+					<li><a href="https://iconet-foundation.org/blog/tdf" target="_blank">Rückblick in einem iconet Blogbeitrag.</a></li>
+					<li><a href="https://iconet-foundation.org/digitale-freiheit" target="_blank">Programm vom letzten Jahr.</a></li>
+				</ul>
+			</div>
+			<div class="box">
+				<h2>Sponsoren</h2>
+				<div class="flex">
+					<div class="box-sub" id="sponsor-daasi">
+						<a href="https://daasi.de" target="_blank" class="verlinkung"></a>
+					</div>
+					<div class="box-sub" id="sponsor-no-budget">
+						<a href="https://www.plattform-nobudget.de/" target="_blank" class="verlinkung"></a>
+					</div>
+					<div class="box-sub" id="sponsor-pagina">
+						<a href="https://pagina.gmbh/" target="_blank" class="verlinkung"></a>
+					</div>
+					<div class="box-sub" id="sponsor-tuebingen">
+						<a href="https://www.tuebingen.de/" target="_blank" class="verlinkung"></a>
+					</div>
+				</div>
+			</div>
+			<div class="box">
+				<h2>Veranstaltet durch</h2>
+				<div class="flex">
+					<div class="box-sub" id="veranstalter-ctt">
+						<a href="https://cttue.de" target="_blank" class="verlinkung"></a>
+					</div>
+					<div class="box-sub" id="veranstalter-shedhalle">
+						<a href="https://shedhalle.de" target="_blank" class="verlinkung"></a>
+					</div>
+					<div class="box-sub" id="veranstalter-kims">
+						<a href="https://ki-maker.space/" target="_blank" class="verlinkung"></a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+</html>
--- a/tdf2/styles.css
+++ b/tdf2/styles.css
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Martin Braun	60ca72b8a1	Fix link to tdf4 schedule	1 week ago
Martin Braun	97690da947	Small changes and Call for Arts	1 week ago
Martin Braun	9afc60e405	TDF 2026	2 weeks ago
Martin Braun	f1b928baf7	Uppercase file ending for photos	1 month ago
Martin Braun	73fc534dc0	TDF 2025 recap	1 month ago
Martin Braun	72c2df18ea	Etage 2	6 months ago
Martin Braun	485326654e	Remove diamant room	6 months ago
Martin Braun	804ed4dd95	Correct site plan	6 months ago
Martin Braun	4ab2d9d457	New sponsor logos	6 months ago
Martin Braun	d31de0ec25	Rename 'Aussteller' to 'Projekte'	6 months ago
Martin Braun	e8235ca4b8	Add navigation to site plan	6 months ago
Martin Braun	489655bd52	Interactive site plan	6 months ago
Martin Braun	623ad28bd2	Improved background image	6 months ago
Martin Braun	09e6ec69af	Several changes	6 months ago
Martin Braun	fb41f04345	Update main page	6 months ago
Martin Braun	eefbebaa65	Update participation page	6 months ago
Martin Braun	afe244027b	Add sponsors and small changes	6 months ago
Martin Braun	b21c869c4f	Schedule and register	6 months ago
Alexander Blöck	41482a60eb	Link to English version of the hacker ethic	8 months ago
Alexander Blöck	5a5a9a1049	Replace all old remaining schedule links for tdf3 Replace schedule.html by https://tdf3.schedule.cttue.de/tdf3/schedule/	8 months ago
Alexander Blöck	6fb907b64e	Fix remaining link to old schedule :)	8 months ago
Alexander Blöck	080048de8f	Minor stylistic changes	8 months ago
Alexander Blöck	dc09b093dc	Add submit button	8 months ago
Alexander Blöck	6af4a346f1	Update dates to July	8 months ago
Pascal	9fa7e1ea3b	remove old schedle html	10 months ago
Pascal	01375cce57	Fix remaining links to old cfp	10 months ago
Pascal	9ba6399283	Fix remaining links to old cfp	10 months ago
Martin Braun	822fda85f7	Typo.	10 months ago
Martin Braun	278888c86b	New location of¥ schedule 2024	10 months ago
Martin Braun	52c6d8a576	Banner	11 months ago
Martin Braun	11fe07cb1b	Grammar and Punctuation	11 months ago
Martin Braun	3ac2fd281f	Poster image	11 months ago
Martin Braun	2c9dde8eca	New Date	11 months ago
Martin Braun	fb90c31283	Correct Schedule Link	12 months ago
Martin Braun	b06741540f	Imprint	12 months ago
Martin Braun	9c93db46bc	Adds Link from 2025 to 2024 recap.	12 months ago
Martin Braun	369195be7e	Schedule as subpage	12 months ago
Martin Braun	f39063d61f	TDF 2024 Recap	12 months ago
Martin Braun	3810aa09f6	The date may still change	12 months ago
Martin Braun	093af03896	Vertical Space	1 year ago
Martin Braun	0dc8a0ae14	Fix CSS Links	1 year ago
Martin Braun	37fbc8ac2b	Links to Previous Events	1 year ago
Martin Braun	1dfbcfc7c1	Delete Time	1 year ago
Martin Braun	d28a8caf10	Fix Date	1 year ago
Martin Braun	38a4dceb72	Poster Image	1 year ago
Martin Braun	80f79ddf31	Updates 2024 to 2025 Version	1 year ago
Martin Braun	6873c553ac	Copies the 2022 website to the /tdf1 subfolder.	1 year ago
Martin Braun	1bf965ed6c	Copies the 2023 website to the /tdf2 subfolder.	1 year ago
Martin Braun	6b9c16f0c3	Copies the 2024 website to the /tdf3 subfolder.	1 year ago
Martin Braun	b2e9f913de	[infobeamer] Correct Room Names	2 years ago
Marvin	94ee97907a	Merge pull request 'update' (#4 ) from marvin/tdf-webseite:main into main Reviewed-on: CTT/tdf-webseite#4	2 years ago
12387712	c1a2253e3c	update	2 years ago
Pascal	b597e4e86d	Merge pull request 'added timetable for infobeamer' (#3 ) from marvin/tdf-webseite:main into main Reviewed-on: CTT/tdf-webseite#3	2 years ago
12387712	aa2c9e31ac	added timetable for infobeamer	2 years ago
Martin Braun	667a07789d	Minor corrections.	2 years ago
Martin Braun	8957e600a2	Adds button to elf stystem, coworkgroup logo and minor corrections.	2 years ago
Martin Braun	f3c087556d	Versioned CSS file.	2 years ago
Martin Braun	e4abe38beb	Adds sponsor logos.	2 years ago
Martin Braun	8a09a86061	Link to Schedule.	2 years ago
Martin Braun	7c99b10a8f	Updates Contents after end of CfP-Deadline.	2 years ago
Martin Braun	744ea60db6	Removes accessibility Note.	2 years ago
Martin Braun	68d4478230	Defines screenshot of map as background image of iframe for visibility without Javascript	2 years ago
Martin Braun	9a1c6d80dc	Reference to event language so that we are honest.	2 years ago
Martin Braun	7d72809e2c	Uniform english Names for Tracks.	2 years ago
Martin Braun	e786969dc8	English translations of previous changes	2 years ago
Martin Braun	3f2089e648	English translations of previous changes	2 years ago
Martin Braun	88bba8502f	Add informations for program and location.	2 years ago
Martin Braun	eeef177a3d	Adds big yellow button as link to CfP.	2 years ago
Martin Braun	aa1dfc3ec8	Update banner images with 'Westspitze' text	2 years ago
Pascal	d030ffad37	Update 'en/participate.html'	2 years ago
Pascal	ea86e05dd3	Update 'en/index.html'	2 years ago
Pascal	8d925b984c	Upload files to 'image'	2 years ago
Pascal	fe7e20c28c	Update 'styles.css'	2 years ago
Pascal	a09d4e27f4	Update 'en/participate.html'	2 years ago
Pascal	680af34ec8	Update 'en/index.html'	2 years ago
Pascal	bf16c1ae2d	Merge pull request 'adding english translation' (#1 ) from feature/english-translation into main Reviewed-on: CTT/tdf-webseite#1	2 years ago
Pascal	d54a1863ee	Update 'en/participate.html'	2 years ago
Pascal	a68c501f0b	Update 'en/index.html'	2 years ago
Pascal	565b7498e8	Add 'en/participate.html'	2 years ago
Pascal	a4f4aaa794	Add 'en/index.html'	2 years ago
Martin Braun	001e58afcc	adding sub page 'participation'	2 years ago
Pascal	c1a145a7bf	Fix formatting	2 years ago
Pascal	a959c938a1	Update save the date text	2 years ago
Pascal	542e56cc2b	update text for event	2 years ago
Martin Braun	545d80fdc5	[TDF3] V.0.1 - safe the date	2 years ago
Pascal	b086bb6fc8	Reverse dummy change	2 years ago
Pascal	2577333f0c	dummy change to see if job works :)	2 years ago
Pascal	1151075b80	adding news section	3 years ago