-
macht mit!
-
Der Tag der digitalen Freiheit wird möglich durch deine Mitarbeit. Es gibt viele Möglichkeiten, wie
- du zum Gelingen der Veranstaltung beitragen kannst. Auf der folgenden Seite kannst du mehr darüber
- erfahren:
-
-
-
Anmelden
-
Du kannst dich für die Tübinger Tage der digitalen Freiheit anmelden, um uns bei der Planung zu
- helfen und um auf dem Laufenden zu bleiben. Die Anmeldung ist freiwillig und kostenlos. Du kannst
- aber eine Spende geben, um die Veranstaltung zu unterstützen.
-
-
-
-
Ort
-
Der Tag der digitalen Freiheit findet in der Westspitze Tübingen statt.
-
Eisenbahnstraße 1, 72072 Tübingen
-
Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
- von den
- Bushaltestellen „Blaue Brücke" und „Landestheater" zu erreichen.
-
Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.
-
-
-
Veranstalter*innen
-
Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen e.V. (CTT) initiiert und
- veranstaltet. Der Chaostreff ist ein gemeinnütziger 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.
-
Mehr Informationen und Termine unter cttue.de .
+
+
+
Die Tübinger Tage der digitalen Freiheit werden vom Chaostreff Tübingen e.V. (CTT) veranstaltet. Mehr Infos
+ auf unserer Website:
+
+
+
-
-
Vorherige Events
-
Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten
- der vorhergenden Events.
-
-
-
-
-
-
diff --git a/join.html b/join.html
new file mode 100644
index 0000000..74a7ad8
--- /dev/null
+++ b/join.html
@@ -0,0 +1,169 @@
+
+
+
+
+
+
+
+
+
+
5. Tübinger Tage der digitalen Freiheit
+
+
+
+
+
+
+
+
+
+
+
+
+
T A G E D E R D I G I T A L E N
+ F R E I H E I T
+
+
+
+
+
Das Event
+
Die Tage der digitalen Freiheit sind ein Event organisiert aus der Chaos-Community und findet zum
+ fünften Mal in Folge in Tübingen statt.
+
Auf dem Event treffen sich Freaks, Künstlerinnen, Utopistinnen 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.
+
+
Der Tag der digitalen Freiheit ist dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und
+ Ethik teilst und mithelfen willst, bist du herzlich
+ dazu eingeladen.
+
+
+
+
+
+
Termine
+
Vorbereitung
+
+ Regelmäßige Meetings des Orga-Teams (meist Montags). Mehr Infos dazu unter tdf@cttue.de
+
+
Event
+
+ Donnerstag 15. Mai 2026 (Christi Himmelfahrt) - Aufbau
+ Freitag 16. Mai 2026 - Aufbau und TDF Tag 1
+ Samstag 17. Mai 2026 - TDF Tag 2
+ Sonntag 18. Mai 2026 - TDF Tag 3, ab 17:00 Uhr Abbau.
+
+
+
+
+
+
Vorträge und Workshops
+
Der Call for Participation wird Anfang 2026 geöffnet. Mehr unter
+ Programm .
+
+
+
+
+
+
Hackcenter und Projekte
+
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
+ assemblies@cttue.de .
+
+
+
+
+
+
Elfen
+
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.
+
Das Elfensystem ist unter elfen.cttue.de zu finden.
+ Dort kannst du dich als Elfe registrieren und dich für die Schichten eintragen.
+
+
+
Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:
+
+
+
+
Aufbau
+
+ Fahrdienste
+ Deko
+ Möbelierung
+ Beschilderung
+
+
Vorträge
+
+ „Herald“ / Moderation
+ Kamera und Ton
+
+
+
+
Verpflegung
+
+ Getränkeverkauf (abends Tschunk etc.)
+ WOC (Waffel Operation Center)
+ Frühstück
+ Elfenverpflegung
+
+
Abbau
+
+ Fahrdienst
+ Möbelierung
+ Putzen
+
+
+
+
+
+
+
+
Übernachtung
+
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
+ tdf@cttue.de anmelden.
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/program.html b/program.html
new file mode 100644
index 0000000..d773d05
--- /dev/null
+++ b/program.html
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+
+
+
+
5. Tübinger Tage der digitalen Freiheit
+
+
+
+
+
+
+
+
+
+
+
+
+
T A G E D E R D I G I T A L E N
+ F R E I H E I T
+
+
+
+
+
Es erwarten euch über 50 Vorträge und Workshops in 4 Räumen aus diesen Themenbereichen:
+
+
+
+ Kreativität & Schönheit
+ Ethik, Politik & Gesellschaft
+ Hardware & Code
+ Digitalität & Mündigkeit
+
+
+
+
+ Vielfalt & Achtsamkeit
+ Nachhaltigkeit & Klima
+ Science & Technology
+ Vernetzung & Aktionen
+
+
+
+
Der Call for Participation wird Anfang 2026 geöffnet.
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/recap.html b/recap.html
index 8e1f259..3944bb3 100644
--- a/recap.html
+++ b/recap.html
@@ -1,11 +1,16 @@
+
-
+
+
-
3. Tübinger Tag der digitalen Freiheit
+
5. Tübinger Tage der digitalen Freiheit
@@ -14,28 +19,56 @@
-
+
-
-
-
-
+
+
T A G E D E R D I G I T A L E N
+ F R E I H E I T
+
+
+
+
Frühere Events
+
Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten
+ der vorhergenden Events.
+
+
@@ -56,18 +89,18 @@
Impressionen
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
@@ -102,15 +135,12 @@
+
+
-
-
-
-
-
diff --git a/style/bg.png b/style/bg.png
deleted file mode 100644
index e5accd4..0000000
Binary files a/style/bg.png and /dev/null differ
diff --git a/style/logo.png b/style/logo.png
deleted file mode 100644
index 9969009..0000000
Binary files a/style/logo.png and /dev/null differ
diff --git a/style/reset.css b/style/reset.css
deleted file mode 100644
index a47da09..0000000
--- a/style/reset.css
+++ /dev/null
@@ -1,61 +0,0 @@
-/* Box sizing rules */
-*,
-*::before,
-*::after {
-box-sizing: border-box;
-}
-/* Remove default padding */
-ul[class],
-ol[class] {
-padding: 0;
-}
-/* Remove default margin */
-body,
-h1,
-h2,
-h3,
-h4,
-p,
-ul[class],
-ol[class],
-li,
-figure,
-figcaption,
-blockquote,
-dl,
-dd {
-margin: 0;
-}
-/* Set core body defaults */
-body {
-min-height: 100vh;
-scroll-behavior: smooth;
-text-rendering: optimizeSpeed;
-line-height: 1.5;
-}
-/* Remove list styles on ul, ol elements with a class attribute */
-ul[class],
-ol[class] {
-list-style: none;
-}
-/* A elements that don't have a class get default styles */
-a:not([class]) {
-text-decoration-skip-ink: auto;
-}
-/* Make images easier to work with */
-img {
-max-width: 100%;
-display: block;
-}
-/* Natural flow and rhythm in articles by default */
-article > * + * {
-margin-top: 1em;
-}
-/* Inherit fonts for inputs and buttons */
-input,
-button,
-textarea,
-select {
-font: inherit;
-}
-
diff --git a/style/style.css b/style/style.css
deleted file mode 100644
index 928ec38..0000000
--- a/style/style.css
+++ /dev/null
@@ -1,245 +0,0 @@
-* {
- box-sizing: border-box;
-}
-html {
- font-family: "IBM Plex Mono", "Sometype Mono", "Office Code Pro", "Cousine",
- "Courier New", "Courier", monospace;
- font-size: 1.3vw;
- background: #2d95ab;
- background-image: url("/style/bg.png");
- min-height: 100%;
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-size: cover;
- color: #FFFFFF;
-}
-body {
- width: 80%;
- min-height: 100%;
- margin: 0% auto;
-}
-header {
- width: 100%;
- text-align: center;
-}
-header img {
- width: 50%;
- margin: 1%;
- border: none;
-}
-nav {
- width: 100%;
- text-align: center;
- z-index: 1;
- background: #000000;
- color: #FFFFFF;
- text-wrap: balance;
- position: sticky;
- top: 0px;
- padding:0.2rem;
-}
-main {
- width: 100%;
-}
-article {
- padding: 1rem;
- background: rgba(0, 0, 0, 0.7);
-}
-footer {
- width: 100%;
- text-align: center;
- background: #000000;
- color: #FFFFFF;
-}
-div.cont{
- white-space: break-spaces;
-}
-div.h-box {
- display: flex;
- flex-wrap: wrap;
-}
-div.h-2items,li.pagefind-ui__result {
- width: 48%;
- display: inline-block;
- margin: 2.5% 1%;
- text-align: center;
- border: solid 1px;
- background: rgba(0, 0, 0, 0.5);
-}
-div.box{
- border: solid 1px;
- background: rgba(0, 0, 0, 0.5);
- margin: 1%;
- padding: 0% 0.5% 0.5% 0.5%;
- img{
- max-height:15rem; max-width:15rem;
- }
-}
-h1 {
- text-align: center;
- color: yellow;
-}
-h2{
- color: yellow;
- font-weight: bold;
- font-size: unset;
-}
-img {
- display: inline;
-}
-p.desc{
- text-align: center;
-}
-p.bar, a.pagefind-ui__result-link{
- display: block;
- text-align: center;
- background: darkblue;
- font-size: smaller;
- margin: 0px 1px;
-}
-small{
- text-align: center;
- display: block;
-}
-a {
- color: #FFFFFF;
-}
-nav a {
- text-decoration: none;
-}
-a:hover {
- color: #808080;
-}
-a.current {
- color: #808080;
-}
-a.btn{
- border: 1px solid;
- border-radius: 0.2rem;
- padding: 0.25rem;
- margin: 0.25rem;
- text-decoration: none;
-}
-a.btn:hover{
- color: #808080;
-}
-@media (max-width: 1250px) {
- html {
- font-size: 16px;
- }
- body, nav {
- width: 100%;
- }
-}
-@media (max-width: 600px) {
- html {
- font-size: 16px;
- }
- html,body,nav {
- max-width: 100%;
- min-width: 100%;
- width: 100%;
- }
- div.h-2items,li.pagefind-ui__result {
- width: 98%;
- }
-}
-@media print {
- * {
- box-sizing: border-box;
- color: #000000 !important;
- background: #FFFFFF !important;
- }
- a {
- text-decoration: underline !important
- }
-}
-form.pagefind-ui__form{
- text-align: center;
- white-space: initial;
-}
-img.pagefind-ui__result-image{
- display: none;
-}
-div.tt{
- position: relative;
- height: 7600px;
- div{
- padding: 0% 0.5% 0.5% 0.5%;
- position: absolute;
- width: 20%;
- border: solid 1px;
- overflow: hidden;
- text-align: center;
- background: rgba(0, 0, 0, 0.5);
- }
- div.loc1{
- left:0%;
- }
- div.loc2{
- left:20%;
- }
- div.loc3{
- left:40%;
- }
- div.loc6{
- left:80%;
- }
- div.loc7{
- left:60%;
- }
- div.loc8{
- display:none;
- }
-
- #marker{
- display:none;
- color: red;
- padding-top: 20px;
- background:none;
- background-image: url("/style/fire.gif");
- background-repeat: repeat-x;
- background-position-y: bottom;
- font-size: 2rem;
- width: 100%;
- height: 3.5rem;
- max-height: 3.5rem;
- border: none;
- border-bottom: solid 3px;
- opacity: 0.7;
- }
-}
-#status{
- position: fixed;
- top: 5%;
- left:5%;
- width:90%;
- height: 90%;
- background: black;
- border: solid 5px;
- margin: 1%;
- padding: 0% 0.5% 0.5% 0.5%;
- display: none;
- overflow: hidden;
- white-space: break-spaces;
- font-size: 1.5rem;
- z-index:888;
- img{
- max-height:15rem;
- margin: 0.5%;
- }
-}
-#touchBlocker{
- position: fixed;
- top:0%;
- left:0%;
- width:100%;
- height:100%;
- z-index:999;
-}
-canvas{
- background: unset !important;
-}
-.invisible{
- display: none;
-}
diff --git a/style/ufo.png b/style/ufo.png
deleted file mode 100644
index 82f376a..0000000
Binary files a/style/ufo.png and /dev/null differ
diff --git a/styles-5.0.css b/styles-5.0.css
new file mode 100644
index 0000000..6c9b771
--- /dev/null
+++ 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;
+ }
+}
\ No newline at end of file
diff --git a/tdf4/en/imprint.html b/tdf4/en/imprint.html
new file mode 100644
index 0000000..a3d34cd
--- /dev/null
+++ b/tdf4/en/imprint.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
Impressum
+
+
+
+
+
+
+
+
+
+
+
+
Legal Notice
+
+ Address
+
+
+ Chaostreff Tübingen e.V.
+
+ Online: https://cttue.de
+
+
+ Contact
+
+
+ For general inquiries, we recommend sending an email to mail(at)cttue.de
+
+
+ Chaostreff Tübingen e.V. is registered in the association register of the Stuttgart District Court under
+ association number VR 726042.
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tdf4/en/index.html b/tdf4/en/index.html
new file mode 100644
index 0000000..419745b
--- /dev/null
+++ b/tdf4/en/index.html
@@ -0,0 +1,226 @@
+
+
+
+
+
+
+
+
+
4. Tübingen Days of Digital Freedom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
July 26/27, 2025
+
The Tübingen Days of Digital Freedom are an open Chaos community event. The event is not only aimed
+ at
+ nerds, but also at everyone interested in a life of freedom and
+ self-determination. To this end, we want to give you the tools for self-empowerment in the form of
+ workshops and presentations. But you are also welcome to come just to hang-out, have conversations
+ with others, and take a look at the blinky things.
+
+
All Creatures Welcome!
+
+
+
+
+
Schedule
+
+
+
Saturday, July 26, 2025
+
+ 09:00: Entry for Assembly Area11:00: Entry for everyone12:00: Introduction Herald and TV Elves13:00: Opening14:00 – 23:00: Program23:00 – 9:00: Nightshift
+
+
+
Sunday, July 27, 2025
+
+ 09:00: Entry and breakfast10:00: Introduction Herald and TV Elves11:00 – 17:00: Programfrom 17:00: Dismantling
+
+
+
+
+
+
Program
+
Please note: Most talks and workshops will be held in German.
+
You can expect approx. 50 lectures and workshops in 4 halls covering the following topics:
+
+
+
+ Creativity & Beauty
+ Ethics, Politics & Society
+
+
+
+
+ Hardware & Code
+ Digitality & Competence
+
+
+
+
+ Diversity & Mindfulness
+ Sustainability & Climate
+
+
+
+
+ Science & Technology
+ Networking & Actions
+
+
+
+
+
+
+
+
Participate!
+
The Day of Digital Freedom is made possible through your participation. There are many ways you can
+ contribute to the success of the event. On the following page, you can learn more about it:
+
+
+
+
+
Register
+
You can register for the Tübingen Days of Digital Freedom to help us with planning and to stay up to
+ date. Registration is voluntary and free of charge. However, you can make a donation to support the
+ event.
+
+
+
+
+
Location
+
The Day of Digital Freedom will take place at the Westspitze Tübingen.
+
Eisenbahnstraße 1, 72072 Tübingen
+
The building is accessible by 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".
+
We will meet in the rooms and areas of the ground floor and the 2nd, 6th and 7th floors.
+
+
View
+ Larger Map
+
+
+
+
Organizers
+
The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen e.V. (CTT).
+ The
+ ChaosTreff is a non-profit association and is closely related to the Chaos Computer Club e.V.
+ The members regularly meet to exchange ideas and work together on technical, digital, cultural, and
+ social
+ issues.
+
More information and dates at cttue.de .
+
+
+
+
+
+
Previous Events
+
The Day of Digital Freedom has been held annually since 2022. Here are the pages
+ for the previous events.
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/en/participate.html b/tdf4/en/participate.html
similarity index 100%
rename from en/participate.html
rename to tdf4/en/participate.html
diff --git a/tdf4/en/recap.html b/tdf4/en/recap.html
new file mode 100644
index 0000000..3bcb661
--- /dev/null
+++ b/tdf4/en/recap.html
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
4th Tübingen Days of Digital Freedom 2025
+
+
+
+
+
+
+
+
+
+
+
+
4th Tübingen Days of Digital Freedom 2025
+
On July 26/27, 2025, the 4th Tübingen Days of Digital Freedom took place at the Westspitze in Tübingen. The event was organized by Chaostreff Tübingen e.V. . Thanks to the support of many (h)elping hands and financial sponsors, a fantastic event was made possible. On four floors with two lecture stages, two workshop rooms, and a hackspace, more than 300 visitors enjoyed a diverse program .
+
+
+
+
+
Impressions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/en/site-plan.html b/tdf4/en/site-plan.html
similarity index 100%
rename from en/site-plan.html
rename to tdf4/en/site-plan.html
diff --git a/tdf4/font/TitilliumWeb-Bold.ttf b/tdf4/font/TitilliumWeb-Bold.ttf
new file mode 100644
index 0000000..b3d8c34
Binary files /dev/null and b/tdf4/font/TitilliumWeb-Bold.ttf differ
diff --git a/tdf4/font/TitilliumWeb-Regular.ttf b/tdf4/font/TitilliumWeb-Regular.ttf
new file mode 100644
index 0000000..e0e2dc8
Binary files /dev/null and b/tdf4/font/TitilliumWeb-Regular.ttf differ
diff --git a/tdf4/image/Etagen_2. OG.png b/tdf4/image/Etagen_2. OG.png
new file mode 100644
index 0000000..f618c7e
Binary files /dev/null and b/tdf4/image/Etagen_2. OG.png differ
diff --git a/tdf4/image/Etagen_6. OG.png b/tdf4/image/Etagen_6. OG.png
new file mode 100644
index 0000000..71fdb14
Binary files /dev/null and b/tdf4/image/Etagen_6. OG.png differ
diff --git a/tdf4/image/Etagen_7. OG.png b/tdf4/image/Etagen_7. OG.png
new file mode 100644
index 0000000..975c9c7
Binary files /dev/null and b/tdf4/image/Etagen_7. OG.png differ
diff --git a/tdf4/image/Etagen_EG.png b/tdf4/image/Etagen_EG.png
new file mode 100644
index 0000000..2e60719
Binary files /dev/null and b/tdf4/image/Etagen_EG.png differ
diff --git a/image/assemblies.png b/tdf4/image/assemblies.png
similarity index 100%
rename from image/assemblies.png
rename to tdf4/image/assemblies.png
diff --git a/image/banner-1.png b/tdf4/image/banner-1.png
similarity index 100%
rename from image/banner-1.png
rename to tdf4/image/banner-1.png
diff --git a/image/banner-2.png b/tdf4/image/banner-2.png
similarity index 100%
rename from image/banner-2.png
rename to tdf4/image/banner-2.png
diff --git a/image/banner-3.3.png b/tdf4/image/banner-3.3.png
similarity index 100%
rename from image/banner-3.3.png
rename to tdf4/image/banner-3.3.png
diff --git a/image/banner-3_en.png b/tdf4/image/banner-3_en.png
similarity index 100%
rename from image/banner-3_en.png
rename to tdf4/image/banner-3_en.png
diff --git a/tdf4/image/de.png b/tdf4/image/de.png
new file mode 100644
index 0000000..1c702e6
Binary files /dev/null and b/tdf4/image/de.png differ
diff --git a/tdf4/image/gb.png b/tdf4/image/gb.png
new file mode 100644
index 0000000..adc3c5d
Binary files /dev/null and b/tdf4/image/gb.png differ
diff --git a/image/infodesk.png b/tdf4/image/infodesk.png
similarity index 100%
rename from image/infodesk.png
rename to tdf4/image/infodesk.png
diff --git a/image/logo-active-group.png b/tdf4/image/logo-active-group.png
similarity index 100%
rename from image/logo-active-group.png
rename to tdf4/image/logo-active-group.png
diff --git a/tdf4/image/logo-coworkgroupde.jpg b/tdf4/image/logo-coworkgroupde.jpg
new file mode 100644
index 0000000..40c68fd
Binary files /dev/null and b/tdf4/image/logo-coworkgroupde.jpg differ
diff --git a/image/logo-daasi.png b/tdf4/image/logo-daasi.png
similarity index 100%
rename from image/logo-daasi.png
rename to tdf4/image/logo-daasi.png
diff --git a/image/logo-itdesign.png b/tdf4/image/logo-itdesign.png
similarity index 100%
rename from image/logo-itdesign.png
rename to tdf4/image/logo-itdesign.png
diff --git a/image/logo-puzzle.png b/tdf4/image/logo-puzzle.png
similarity index 100%
rename from image/logo-puzzle.png
rename to tdf4/image/logo-puzzle.png
diff --git a/image/logo-syss.png b/tdf4/image/logo-syss.png
similarity index 100%
rename from image/logo-syss.png
rename to tdf4/image/logo-syss.png
diff --git a/tdf4/image/map.png b/tdf4/image/map.png
new file mode 100644
index 0000000..56873bf
Binary files /dev/null and b/tdf4/image/map.png differ
diff --git a/image/neon-scene.png b/tdf4/image/neon-scene.png
similarity index 100%
rename from image/neon-scene.png
rename to tdf4/image/neon-scene.png
diff --git a/image/network.png b/tdf4/image/network.png
similarity index 100%
rename from image/network.png
rename to tdf4/image/network.png
diff --git a/image/participate.png b/tdf4/image/participate.png
similarity index 100%
rename from image/participate.png
rename to tdf4/image/participate.png
diff --git a/image/pesthoenchen.png b/tdf4/image/pesthoenchen.png
similarity index 100%
rename from image/pesthoenchen.png
rename to tdf4/image/pesthoenchen.png
diff --git a/tdf4/image/poster.png b/tdf4/image/poster.png
new file mode 100644
index 0000000..0e0660c
Binary files /dev/null and b/tdf4/image/poster.png differ
diff --git a/image/sponsor.png b/tdf4/image/sponsor.png
similarity index 100%
rename from image/sponsor.png
rename to tdf4/image/sponsor.png
diff --git a/image/tdf-web-wide.png b/tdf4/image/tdf-web-wide.png
similarity index 100%
rename from image/tdf-web-wide.png
rename to tdf4/image/tdf-web-wide.png
diff --git a/tdf4/image/tdf4_00001.JPG b/tdf4/image/tdf4_00001.JPG
new file mode 100755
index 0000000..ccdfaa2
Binary files /dev/null and b/tdf4/image/tdf4_00001.JPG differ
diff --git a/tdf4/image/tdf4_00002.JPG b/tdf4/image/tdf4_00002.JPG
new file mode 100755
index 0000000..ff5f00c
Binary files /dev/null and b/tdf4/image/tdf4_00002.JPG differ
diff --git a/tdf4/image/tdf4_00003.JPG b/tdf4/image/tdf4_00003.JPG
new file mode 100755
index 0000000..4d0892e
Binary files /dev/null and b/tdf4/image/tdf4_00003.JPG differ
diff --git a/tdf4/image/tdf4_00004.JPG b/tdf4/image/tdf4_00004.JPG
new file mode 100755
index 0000000..388f5da
Binary files /dev/null and b/tdf4/image/tdf4_00004.JPG differ
diff --git a/tdf4/image/tdf4_00005.JPG b/tdf4/image/tdf4_00005.JPG
new file mode 100755
index 0000000..0aaeac8
Binary files /dev/null and b/tdf4/image/tdf4_00005.JPG differ
diff --git a/tdf4/image/tdf4_00006.JPG b/tdf4/image/tdf4_00006.JPG
new file mode 100755
index 0000000..a1aaaea
Binary files /dev/null and b/tdf4/image/tdf4_00006.JPG differ
diff --git a/tdf4/image/tdf4_00007.JPG b/tdf4/image/tdf4_00007.JPG
new file mode 100755
index 0000000..85c02aa
Binary files /dev/null and b/tdf4/image/tdf4_00007.JPG differ
diff --git a/tdf4/image/tdf4_00008.JPG b/tdf4/image/tdf4_00008.JPG
new file mode 100755
index 0000000..ebe9af6
Binary files /dev/null and b/tdf4/image/tdf4_00008.JPG differ
diff --git a/tdf4/image/tdf4_00009.JPG b/tdf4/image/tdf4_00009.JPG
new file mode 100755
index 0000000..860b0f1
Binary files /dev/null and b/tdf4/image/tdf4_00009.JPG differ
diff --git a/tdf4/image/tdf4_00010.JPG b/tdf4/image/tdf4_00010.JPG
new file mode 100755
index 0000000..dc03521
Binary files /dev/null and b/tdf4/image/tdf4_00010.JPG differ
diff --git a/tdf4/image/tdf4_00011.JPG b/tdf4/image/tdf4_00011.JPG
new file mode 100755
index 0000000..fde0b1e
Binary files /dev/null and b/tdf4/image/tdf4_00011.JPG differ
diff --git a/tdf4/image/tdf4_00012.JPG b/tdf4/image/tdf4_00012.JPG
new file mode 100755
index 0000000..e29033e
Binary files /dev/null and b/tdf4/image/tdf4_00012.JPG differ
diff --git a/image/westspitze.png b/tdf4/image/westspitze.png
similarity index 100%
rename from image/westspitze.png
rename to tdf4/image/westspitze.png
diff --git a/tdf4/imprint.html b/tdf4/imprint.html
new file mode 100644
index 0000000..38c632c
--- /dev/null
+++ b/tdf4/imprint.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
Impressum
+
+
+
+
+
+
+
+
+
+
+
+
Impressum
+
+ Anschrift
+
+
+ Chaostreff Tübingen e.V.
+
+ Im Web: https://cttue.de
+
+
+ Kontakt
+
+
+ Für allgemeinen Kontakt empfehlen wir eine E-Mail an mail(at)cttue.de
+
+
+ Chaostreff Tübingen e.V. ist im Vereinsregister des Amtsgericht Stuttgart unter der Vereinsnummer VR
+ 726042 eingetragen.
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tdf4/index.html b/tdf4/index.html
new file mode 100644
index 0000000..9c2092a
--- /dev/null
+++ b/tdf4/index.html
@@ -0,0 +1,225 @@
+
+
+
+
+
+
+
+
+
4. Tübinger Tage der digitalen Freiheit
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
26./27. Juli 2025
+
Die Tübinger Tage der digitalen Freiheit sind ein offenes Chaos-Community-Event.
+ Das Event richtet sich bei weitem nicht nur an Nerds, sondern an alle, die an einem Leben in
+ Freiheit und Selbstbestimmung interessiert sind. Dazu möchten wir mit Werkzeugen zur
+ Selbstbefähigung in Form von Workshops und Vorträgen anreizen. Man darf aber auch gerne zum Chillen,
+ Gespräche und Blinkereien genießen vorbeikommen.
+
+
All Creatures Welcome!
+
+
+
+
+
Zeitplan
+
+
+
Samstag, 26. Juli 2025
+
+ 09:00 Uhr: Einlass für Assembly-Area11:00 Uhr: Einlass für alle12:00 Uhr: Einführung Herald und TV-Elfen13:00: Eröffnung14:00 – 23:00 Uhr: Programm23:00 – 9:00 Uhr: Nightshift
+
+
+
Sonntag, 27. Juli 2025
+
+ 09:00 Uhr: Einlass und Frühstück10:00 Uhr: Einführung Herald und TV-Elfen11:00 – 17:00 Uhr: Programmab 17:00 Uhr: Abbau
+
+
+
+
+
+
+
Programm
+
Es erwarten euch ca. 50 Vorträge und Workshops in 4 Sälen aus folgenden Themenbereichen:
+
+
+
+ Kreativität & Schönheit
+ Ethik, Politik & Gesellschaft
+
+
+
+
+ Hardware & Code
+ Digitalität & Mündigkeit
+
+
+
+
+ Vielfalt & Achtsamkeit
+ Nachhaltigkeit & Klima
+
+
+
+
+ Science & Technology
+ Vernetzung & Aktionen
+
+
+
+
+
+
+
+
macht mit!
+
Der Tag der digitalen Freiheit wird möglich durch deine Mitarbeit. Es gibt viele Möglichkeiten, wie
+ du zum Gelingen der Veranstaltung beitragen kannst. Auf der folgenden Seite kannst du mehr darüber
+ erfahren:
+
+
+
+
+
Anmelden
+
Du kannst dich für die Tübinger Tage der digitalen Freiheit anmelden, um uns bei der Planung zu
+ helfen und um auf dem Laufenden zu bleiben. Die Anmeldung ist freiwillig und kostenlos. Du kannst
+ aber eine Spende geben, um die Veranstaltung zu unterstützen.
+
+
+
+
+
+
Ort
+
Der Tag der digitalen Freiheit findet in der Westspitze Tübingen statt.
+
Eisenbahnstraße 1, 72072 Tübingen
+
Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
+ von den
+ Bushaltestellen „Blaue Brücke" und „Landestheater" zu erreichen.
+
Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.
+
+
Größere
+ Karte
+ anzeigen
+
+
+
+
Veranstalter*innen
+
Der Tübinger Tag der digitalen Freiheit wird vom Chaostreff Tübingen e.V. (CTT) initiiert und
+ veranstaltet. Der Chaostreff ist ein gemeinnütziger 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.
+
Mehr Informationen und Termine unter cttue.de .
+
+
+
+
+
+
Vorherige Events
+
Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten
+ der vorhergenden Events.
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/participate.html b/tdf4/participate.html
similarity index 100%
rename from participate.html
rename to tdf4/participate.html
diff --git a/tdf4/recap.html b/tdf4/recap.html
new file mode 100644
index 0000000..39dd2ef
--- /dev/null
+++ b/tdf4/recap.html
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+
3. Tübinger Tag der digitalen Freiheit
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
4. Tage der digitalen Freiheit 2025
+
Am 26./27. Juli 2025 fanden in der Tübinger Westspitze die 4. Tage der digitalen Freiheit statt. Dazu
+ lud der
+ Chaostreff Tübingen e.V. ein. Dank der Unterstützung vieler (h)elfender Hände 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 vielfältiges
+ Programm
+ erleben können.
+
+
+
+
+
Impressionen
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Videos
+
Dank der Hilfe von Chaos-West TV sind viele der Vorträge
+ aufgezeichnet und
+ veröffentlicht worden. Ihr findet die Videos auf media.ccc.de und auf YouTube .
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site-plan.html b/tdf4/site-plan.html
similarity index 100%
rename from site-plan.html
rename to tdf4/site-plan.html
diff --git a/styles-4.8.css b/tdf4/styles-4.8.css
similarity index 100%
rename from styles-4.8.css
rename to tdf4/styles-4.8.css
diff --git a/venue.html b/venue.html
new file mode 100644
index 0000000..1aefaa5
--- /dev/null
+++ b/venue.html
@@ -0,0 +1,145 @@
+
+
+
+
+
+
+
+
+
+
+
5. Tübinger Tage der digitalen Freiheit
+
+
+
+
+
+
+
+
+
+
+
+
+
T A G E D E R D I G I T A L E N
+ F R E I H E I T
+
+
+
+
+
Ort
+
Die Tage der digitalen Freiheit finden in der Westspitze Tübingen statt.
+
Eisenbahnstraße 1, 72072 Tübingen
+
Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
+ von den
+ Bushaltestellen „Blaue Brücke" und „Landestheater" zu erreichen.
+
Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.
+
+
Größere
+ Karte
+ anzeigen
+
+
+
+
Wo ist was?
+
Das ist der Lageplan des TDF 2025. Änderungen sind möglich.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/venue.js b/venue.js
new file mode 100644
index 0000000..362c080
--- /dev/null
+++ b/venue.js
@@ -0,0 +1,30 @@
+/**
+ * Tage der digitalen Freiheit
+ * Handcrafted with ♥ by x~alotl
+ */
+document.addEventListener('DOMContentLoaded', function () {
+ const locationLinks = document.querySelectorAll('.location-link');
+ const markers = document.querySelectorAll('.location-marker');
+ locationLinks.forEach(link => {
+ link.addEventListener('click', function (e) {
+ e.preventDefault();
+ markers.forEach(marker => {
+ marker.classList.remove('active');
+ });
+ const targetLocation = this.getAttribute('data-target');
+ const targetMarker = document.querySelector(`[data-location="${targetLocation}"]`);
+ if (targetMarker) {
+ targetMarker.classList.add('active');
+
+ const targetFloor = this.getAttribute('href');
+ const targetElement = document.querySelector(targetFloor);
+ if (targetElement) {
+ targetElement.scrollIntoView({ behavior: 'smooth' });
+ }
+ setTimeout(() => {
+ targetMarker.classList.remove('active');
+ }, 10000);
+ }
+ });
+ });
+});
- 
- 
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
+
+
+
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+ 
- 
- 
-