CTT
/
tdf-webseite
forked from cal/tdf-2023-webseite
13
0
Fork 1
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Update content.

Browse Source
main
Martin Braun 11 hours ago
parent cfda704785
commit d9239922f5
14 changed files with 117 additions and 236 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      en/imprint.html
  2. 2
      en/index.html
  3. 4
      en/join.html
  4. 2
      en/program.html
  5. 2
      en/recap.html
  6. 2
      en/venue.html
  7. BIN
      font/fa-solid-900.woff2
  8. 2
      imprint.html
  9. 40
      index.html
  10. 110
      join.html
  11. 88
      program.html
  12. 34
      recap.html
  13. 17
      styles-5.5.css
  14. 48
      venue.html

2
en/imprint.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.4.css"> <link rel="stylesheet" type="text/css" href="../styles-5.5.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

2
en/index.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.4.css"> <link rel="stylesheet" type="text/css" href="../styles-5.5.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

4
en/join.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.4.css"> <link rel="stylesheet" type="text/css" href="../styles-5.5.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>
@ -126,7 +126,7 @@
shifts shifts
and all helpers get free mineral water and snacks at the angel haven.</p> 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>. <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. There you can register as an angel and sign up for shifts. Registration for the angel system will be activated approximately 2 weeks before the event.
</p> </p>
<p>You can help the organization team with the following tasks:</p> <p>You can help the organization team with the following tasks:</p>

2
en/program.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.4.css"> <link rel="stylesheet" type="text/css" href="../styles-5.5.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

2
en/recap.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.4.css"> <link rel="stylesheet" type="text/css" href="../styles-5.5.css">
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

2
en/venue.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="../image/poster.png" /> <meta property="og:image" content="../image/poster.png" />
<link rel="stylesheet" type="text/css" href="../styles-5.4.css"> <link rel="stylesheet" type="text/css" href="../styles-5.5.css">
<script src="../venue.js"></script> <script src="../venue.js"></script>
<title>5th Tübingen Digital Freedom Days</title> <title>5th Tübingen Digital Freedom Days</title>
</head> </head>

BIN
font/fa-solid-900.woff2
View File

Binary file not shown.

2
imprint.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.4.css"> <link rel="stylesheet" type="text/css" href="styles-5.5.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>

40
index.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.4.css"> <link rel="stylesheet" type="text/css" href="styles-5.5.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
@ -21,7 +21,8 @@
<div> <div>
<div> <div>
<a href="index.html" class="active">Hauptseite</a> <a href="index.html" class="active">Hauptseite</a>
<a href="program.html">Programm</a> <a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button">Programm <span
class="fas">&#xf35d;</span></a>
<a href="join.html">Mitmachen</a> <a href="join.html">Mitmachen</a>
<a href="venue.html">Lageplan</a> <a href="venue.html">Lageplan</a>
<a href="recap.html">Rückblick</a> <a href="recap.html">Rückblick</a>
@ -52,9 +53,9 @@
<div class="box"> <div class="box">
<h2>15. – 17. Mai 2026<br />Westspitze Tübingen</h2> <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 <p>Die fünften Tübinger Tage der digitalen Freiheit (#TDF5) stehen unter dem Motto „Freiräume verschlüsseln". Zu
diesem diesem und vielen anderen Themen rund um digitale Freiheit, Datenschutz, Netzpolitik und Technik gibt es
und vielen anderen Themen rund um digitale Freiheit, Datenschutz, Netzpolitik und Technik gibt es Vorträge, Vorträge, Workshops und Diskussionen. Darüber hinaus bieten die TDF Raum für Vernetzung, Austausch und
Workshops und Diskussionen. Darüber hinaus bietet der TDF Raum für Vernetzung, Austausch und Kreativität. Kreativität.
</p> </p>
<p>Die Veranstaltung richtet sich nicht nur an Menschen aus „dem Chaos“ (Mitglieder und Freunde des Chaos <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 Computer Clubs) sondern alle die an einem Leben in Freiheit und Selbstbestimmung in der digitalen Gesellschaft
@ -108,25 +109,27 @@
<!-- Connect --> <!-- Connect -->
<div class="box" id="connect"> <div class="box" id="connect">
<h2>Connect</h2> <h2>Connect</h2>
<p>Hier kannst du Kontakt treten:</p> <p>Hier kannst du Kontakt treten:</p>
<ul> <ul>
<li>Mastodon (wir an euch): <a href="https://chaos.social/@ctt" target="_blank" rel="noopener noreferrer">@ctt@chaos.social</a></li> <li>Mastodon (wir an euch): <a href="https://chaos.social/@ctt" target="_blank"
<li>Matrix (ihr an euch): <a href="https://matrix.to/#/#ctttdf:matrix.org" target="_blank" rel="noopener noreferrer">#ctttdf:matrix.org</a></li> rel="noopener noreferrer">@ctt@chaos.social</a></li>
<li>Email (ihr an uns): <a href="mailto:tdf@cttue.de">tdf@cttue.de</a></li> <li>Matrix (ihr an euch): <a href="https://matrix.to/#/#ctttdf:matrix.org" target="_blank"
</ul> rel="noopener noreferrer">#ctttdf:matrix.org</a></li>
<li>Email (ihr an uns): <a href="mailto:tdf@cttue.de">tdf@cttue.de</a></li>
</ul>
</div> </div>
<!-- Kids-Space --> <!-- Kids-Space -->
<div class="box" id="kids-space"> <div class="box" id="kids-space">
<h2><em>NEU</em> Kids-Space</h2> <h2><em>NEU</em> Kids-Space</h2>
<p>Auf den fünften TDF gibt es einen Kids-Space. Dort können Kinder zwischen 5 und 10 Jahren <p>Auf den fünften TDF gibt es einen Kids-Space. Dort können Kinder zwischen 5 und 10 Jahren gemeinsam spielen
gemeinsam spielen und basteln. Die Öffnungszeiten werden im Fahrplan bekannt und basteln. Die Öffnungszeiten werden im Fahrplan bekannt gegeben. Es wird in dieser Zeit eine
gegeben. Es wird in dieser Zeit eine Aufsichtsperson anwesend sein.</p> Aufsichtsperson anwesend sein.</p>
</div> </div>
<!-- Program --> <!-- Program -->
<div class="box" id="program"> <div class="box" id="program">
<p>Die TDF5 bieten über 50 Vorträge und Workshops aus verschiedenen Themenbereichen. Reiche <p>Die TDF bieten über 50 Vorträge und Workshops in 4 Räumen aus verschiedenen Themenbereichen. Reiche
deine eigenen Beiträge ein.</p> deine eigenen Beiträge ein.</p>
<div class="button-container"> <div class="button-container">
<a href="program.html" class="button">Programm</a> <a href="program.html" class="button">Programm</a>
@ -135,9 +138,8 @@
<!-- Join --> <!-- Join -->
<div class="box" id="join"> <div class="box" id="join">
<p>Die Tage der digitalen Freiheit wird möglich durch deine Mitarbeit. Erfahre mehr darüber wie du zum <p>Die Tage der digitalen Freiheit werden möglich durch deine Mitarbeit. Erfahre mehr darüber wie du zum
Gelingen Gelingen der Veranstaltung beitragen kannst.</p>
der Veranstaltung beitragen kannst.</p>
<div class="button-container"> <div class="button-container">
<a href="join.html" class="button">Mitmachen</a> <a href="join.html" class="button">Mitmachen</a>
</div> </div>
@ -145,7 +147,7 @@
<!-- Venue --> <!-- Venue -->
<div class="box" id="venue"> <div class="box" id="venue">
<p>Wir treffen uns in der Westspitze, Eisenbahnstraße&NonBreakingSpace;1, 72072&NonBreakingSpace;Tübingen – <p>Wir treffen uns in der Westspitze, Eisenbahnstraße&NonBreakingSpace;1, 72072&NonBreakingSpace;Tübingen –
im Erdgeschoss, den Etagen 6 und 7 sowie im FabLab Neckar-Alb.</p> im Erdgeschoss, den Etagen 6 und 7 sowie im FabLab Neckar-Alb.</p>
<div class="button-container"> <div class="button-container">
<a href="venue.html" class="button">Lageplan</a> <a href="venue.html" class="button">Lageplan</a>

110
join.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.4.css"> <link rel="stylesheet" type="text/css" href="styles-5.5.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
@ -20,8 +20,8 @@
<nav class="navigationbar"> <nav class="navigationbar">
<div> <div>
<div> <div>
<a href="index.html">Hauptseite</a> <a href="index.html">Hauptseite</a> <a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button">Programm
<a href="program.html">Programm</a> <span class="fas">&#xf35d;</span></a>
<a href="join.html" class="active">Mitmachen</a> <a href="join.html" class="active">Mitmachen</a>
<a href="venue.html">Lageplan</a> <a href="venue.html">Lageplan</a>
<a href="recap.html">Rückblick</a> <a href="recap.html">Rückblick</a>
@ -33,20 +33,18 @@
</nav> </nav>
<!-- Animated title --> <!-- Animated title -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span <h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span class="ch"
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</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
style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch" class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">D</span><span class="ch"
style="--i:5">D</span><span class="ch" style="--i:6">E</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
style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch" class="ch" style="--i:9">D</span><span class="ch" style="--i:10">I</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
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch" class="ch" style="--i:14">A</span><span class="ch" style="--i:15">L</span><span class="ch"
style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch" style="--i:16">E</span><span class="ch" style="--i:17">N</span><span class="ch sp" style="--i:18">
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" </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:21">E</span><span class="ch" style="--i:22">I</span><span class="ch" style="--i:23">H</span><span
style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch" class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
style="--i:25">I</span><span class="ch" style="--i:26">T</span> style="--i:26">T</span>
</h1> </h1>
<!-- Das Event --> <!-- Das Event -->
@ -54,83 +52,52 @@
<h2>Das Event</h2> <h2>Das Event</h2>
<p>Die Tage der digitalen Freiheit werden organisiert aus der Chaos-Community und finden zum fünften Mal <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> in Folge in Tübingen statt.</p>
<p>Hier treffen sich Freaks, Künstler:innen, Utopist:innen und einfach nur wissensgierige <p>Hier treffen sich Freaks, Künstler:innen, Utopist:innen und einfach nur wissensgierige Menschen um gemeinsam
Menschen um gemeinsam voneinander und miteinander zu lernen. Uns alle verbindet der offene Austausch voneinander und miteinander zu lernen. Uns alle verbindet der offene Austausch über Kreativität, Schönheit,
über Kreativität, Schönheit, unsere Gesellschaft, Technik und deren Auswirkung auf uns und die in unsere Gesellschaft, Technik und deren Auswirkung auf uns und die in großen Schritten voranschreitende
großen Schritten voranschreitende Klimakatastrophe.</p> Klimakatastrophe.</p>
<p>Die Tage der digitalen Freiheit sind dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und <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 <a href="https://www.ccc.de/hackerethik">Ethik</a> teilst und mithelfen willst, bist du herzlich dazu
dazu eingeladen. eingeladen.
</p> </p>
</div> </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 14. Mai 2026 (Christi Himmelfahrt) - Aufbau </li>
<li>Freitag 15. Mai 2026 - Aufbau und TDF Tag 1</li>
<li>Samstag 16. Mai 2026 - TDF Tag 2</li>
<li>Sonntag 17. Mai 2026 - TDF Tag 3, ab 17:00 Uhr Abbau. </li>
</ul>
</div>
<!-- Vorträge und Workshops --> <!-- Vorträge und Workshops -->
<div class="box"> <div class="box">
<h2>Vorträge und Workshops</h2> <h2>Vorträge und Workshops</h2>
<p>Der Call for Participation ist geöffnet. Hier kannst du deinen Vortrag oder Workshop einreichen. <p>Der Call for Participation ist beendet. Wenn du noch Vorschläge oder Fragen zu Vorträge oder Workshops hast,
kannst du dich gerne unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a> an uns wenden.
</p> </p>
<div class="button-container"> <p>Das schon feststehende Programm findest du unter <a
<a href="https://cfp.cttue.de/tdf5/locale/set?locale=en&next=/tdf5/cfp%3F" class="button">Call for href="https://cfp.cttue.de/tdf5/schedule">cfp.cttue.de/tdf5/schedule</a>.
Participation</a>
</div>
</div> </div>
<!-- Call for Arts --> <!-- Call for Arts -->
<div class="box"> <div class="box">
<h2>Performances und Installationen</h2> <h2>Performances und Installationen</h2>
<p>Wir freuen uns über Kreativität und Schönheit auf dem TDF. Es exisitiert Raum auf Bühnen, im <p>Der Call for Arts ist beendet. Wenn du noch Vorschläge oder Fragen zu Performances oder Installationen hast,
Projektraum, in der Skybar, im Hackcenter oder auf den noch unerschlossenen Fluren und Etagen der kannst du dich gerne unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a> an uns wenden.
Westspitze.
</p> </p>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf5-arts/cfp" class="button">Call for
Arts and Projects</a>
</div>
</div> </div>
<!-- Hackcenter und Projekte --> <!-- Hackcenter und Projekte -->
<div class="box"> <div class="box">
<h2>Hackcenter und Projekte</h2> <h2>Hackcenter und Projekte</h2>
<p>Wie im vergangen Jahr wird es einen Hackcenter und einen Projekteraum geben, in denen Gruppen und <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 Einzelpersonen eigene Projekte zeigen und sich vorstellen und versammeln können. Wenn du Interesse hast, mit
Interesse hast, mit deiner Gruppe oder Projekt dabei zu sein, melde dich bitte unter deiner Gruppe oder Projekt dabei zu sein, melde dich bitte unter <a
</p> href="mailto:tdf@cttue.de">tdf@cttue.de</a>.</p>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf5-arts/cfp" class="button">Call for
Arts and Projects</a>
</div>
</div> </div>
<!-- Elfen --> <!-- Elfen -->
<div class="box"> <div class="box">
<h2>Elfen</h2> <h2>Elfen</h2>
<p>Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen. Es werden <p>Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen. Es werden hinter und auch
hinter vor den Kulissen einige helfende Hände benötigt. Die Aufgaben sind in 2 Stunden Schichten unterteilt und für
und auch vor den Kulissen einige helfende Hände benötigt. Die Aufgaben sind in 2 Stunden alle Helfenden gibts im Elfenhain umsonst Mineralwasser und Snacks.</p>
Schichten <p>Das Elfensystem ist unter <a href="https://elfen.cttue.de">elfen.cttue.de</a> zu finden. Dort kannst du dich
unterteilt und für alle Helfenden gibts im Elfenhain als Elfe registrieren und dich für die Schichten eintragen. Die Anmeldung für das Elfensystem wird ca. 2
umsonst Mineralwasser und Snacks.</p> Wochen vor dem Event freigeschaltet.
<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. Die Anmeldung für das Elfensystem wird ca. 2 Wochen vor dem Event freigeschaltet.
</p> </p>
<p>Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:</p> <p>Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:</p>
@ -171,10 +138,9 @@
<!-- Übernachten --> <!-- Übernachten -->
<div class="box"> <div class="box">
<h2>Übernachtung</h2> <h2>Übernachtung</h2>
<p>Für extern Angereiste wollen wir die Möglichkeit anbieten Freitag und Samstag Nacht zu <p>Für extern Angereiste wollen wir die Möglichkeit anbieten Freitag und Samstag Nacht zu übernachten auf
übernachten Feldbetten und Sofas. Hierzu bitte unbedingt vorher bei <a href="mailto:tdf@cttue.de">tdf@cttue.de</a>
auf Feldbetten und Sofas. Hierzu bitte unbedingt vorher bei anmelden.
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a> anmelden.
</p> </p>
</div> </div>

88
program.html
Unescape View File

@ -1,88 +0,0 @@
<!--
Tage der digitalen Freiheit
Handcrafted with ♥ by x~alotl
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.4.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 und Schönheit</li>
<li>Ethik, Politik und Gesellschaft</li>
<li>Hardware und Code</li>
<li>Digitalität und Mündigkeit</li>
</ul>
</div>
<div>
<ul>
<li>Vielfalt und Achtsamkeit</li>
<li>Nachhaltigkeit und Klimagerechtigkeit</li>
<li>Science</li>
<li>Vernetzung und Aktionen</li>
</ul>
</div>
</div>
<p>Der Call for Participation ist geöffnet. Hier kannst du deinen Vortrag oder Workshop einreichen.
</p>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf5/cfp" class="button">Call for Participation</a>
</div>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Impressum</a>
</div>
</div>
</div>
</body>
</html>

34
recap.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.4.css"> <link rel="stylesheet" type="text/css" href="styles-5.5.css">
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
@ -21,7 +21,8 @@
<div> <div>
<div> <div>
<a href="index.html">Hauptseite</a> <a href="index.html">Hauptseite</a>
<a href="program.html">Programm</a> <a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button">Programm
<span class="fas">&#xf35d;</span></a>
<a href="join.html">Mitmachen</a> <a href="join.html">Mitmachen</a>
<a href="venue.html">Lageplan</a> <a href="venue.html">Lageplan</a>
<a href="recap.html" class="active">Rückblick</a> <a href="recap.html" class="active">Rückblick</a>
@ -33,20 +34,18 @@
</nav> </nav>
<!-- Animated title --> <!-- Animated title -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span <h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span class="ch"
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</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
style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch" class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">D</span><span class="ch"
style="--i:5">D</span><span class="ch" style="--i:6">E</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
style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch" class="ch" style="--i:9">D</span><span class="ch" style="--i:10">I</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
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch" class="ch" style="--i:14">A</span><span class="ch" style="--i:15">L</span><span class="ch"
style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch" style="--i:16">E</span><span class="ch" style="--i:17">N</span><span class="ch sp" style="--i:18">
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" </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:21">E</span><span class="ch" style="--i:22">I</span><span class="ch" style="--i:23">H</span><span
style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch" class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
style="--i:25">I</span><span class="ch" style="--i:26">T</span> style="--i:26">T</span>
</h1> </h1>
<div class="box"> <div class="box">
@ -126,9 +125,8 @@
<h2>Videos</h2> <h2>Videos</h2>
<p>Dank der Hilfe von <a href="https://chaoswest.tv/">Chaos-West TV</a> sind viele der Vorträge <p>Dank der Hilfe von <a href="https://chaoswest.tv/">Chaos-West TV</a> sind viele der Vorträge
aufgezeichnet und aufgezeichnet und
veröffentlicht worden. Ihr findet die Videos auf <a veröffentlicht worden. Ihr findet die Videos auf <a href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> und
href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> und auf <a auf <a href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>.
href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>.
<div class="button-container"> <div class="button-container">
<a href="https://media.ccc.de/c/tdf2025" class="button">Zu den Videos…</a> <a href="https://media.ccc.de/c/tdf2025" class="button">Zu den Videos…</a>
</div> </div>

17
styles-5.4.css → styles-5.5.css
Unescape View File

@ -570,4 +570,21 @@ b {
opacity: 1; opacity: 1;
box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66; box-shadow: 0 0 20px #00ff66, 0 0 40px #00ff66, 0 0 60px #00ff66;
} }
}
/**
* Font Awesome
*/
.fas {
font-family: "Font Awesome 6 Free"
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(font/fa-solid-900.woff2) format("woff2");
} }

48
venue.html
Unescape View File

@ -8,7 +8,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:image" content="image/poster.png" /> <meta property="og:image" content="image/poster.png" />
<link rel="stylesheet" type="text/css" href="styles-5.4.css"> <link rel="stylesheet" type="text/css" href="styles-5.5.css">
<script src="venue.js"></script> <script src="venue.js"></script>
<title>5. Tübinger Tage der digitalen Freiheit</title> <title>5. Tübinger Tage der digitalen Freiheit</title>
</head> </head>
@ -22,7 +22,8 @@
<div> <div>
<div> <div>
<a href="index.html">Hauptseite</a> <a href="index.html">Hauptseite</a>
<a href="program.html">Programm</a> <a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button">Programm <span
class="fas">&#xf35d;</span></a>
<a href="join.html">Mitmachen</a> <a href="join.html">Mitmachen</a>
<a href="venue.html" class="active">Lageplan</a> <a href="venue.html" class="active">Lageplan</a>
<a href="recap.html">Rückblick</a> <a href="recap.html">Rückblick</a>
@ -34,20 +35,18 @@
</nav> </nav>
<!-- Animated title --> <!-- Animated title -->
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span <h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span class="ch"
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</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
style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch" class="ch sp" style="--i:4"> </span><span class="ch" style="--i:5">D</span><span class="ch"
style="--i:5">D</span><span class="ch" style="--i:6">E</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
style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch" class="ch" style="--i:9">D</span><span class="ch" style="--i:10">I</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
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch" class="ch" style="--i:14">A</span><span class="ch" style="--i:15">L</span><span class="ch"
style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch" style="--i:16">E</span><span class="ch" style="--i:17">N</span><span class="ch sp" style="--i:18">
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" </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:21">E</span><span class="ch" style="--i:22">I</span><span class="ch" style="--i:23">H</span><span
style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch" class="ch" style="--i:24">E</span><span class="ch" style="--i:25">I</span><span class="ch"
style="--i:25">I</span><span class="ch" style="--i:26">T</span> style="--i:26">T</span>
</h1> </h1>
<!-- Box Venue --> <!-- Box Venue -->
@ -55,17 +54,15 @@
<h2>Ort</h2> <h2>Ort</h2>
<p>Die Tage der digitalen Freiheit finden in der Westspitze Tübingen statt.</p> <p>Die Tage der digitalen Freiheit finden in der Westspitze Tübingen statt.</p>
<p class="big">Eisenbahnstraße 1, 72072 Tübingen</p> <p class="big">Eisenbahnstraße 1, 72072 Tübingen</p>
<p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder <p>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder von den
von den
Bushaltestellen „Blaue Brücke" und „Landestheater" zu erreichen.</p> Bushaltestellen „Blaue Brücke" und „Landestheater" zu erreichen.</p>
<p>Wir treffen uns in den Räumen und auf den Flächen des Erdgeschoss und der Etagen 2, 6 und 7.</p> <p>Wir treffen uns im Erdgeschoss, den Etagen 6 und 7 sowie im FabLab Neckar-Alb um die Ecke.</p>
<iframe id="map" width="800" height="500" <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" 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 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">Größere href="https://www.openstreetmap.org/?mlat=48.51622&amp;mlon=9.06326#map=19/48.51622/9.06326">Größere
Karte Karte anzeigen</a>
anzeigen</a>
</div> </div>
<div class="box"> <div class="box">
@ -93,11 +90,8 @@
<div> <div>
<ul> <ul>
<li><a href="#floor-6" class="location-link" data-target="projekte">Projekte</a></li> <li><a href="#floor-6" class="location-link" data-target="projekte">Projekte</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-7" class="location-link" data-target="skybar">SKYBAR</a></li>
<li><a href="#floor-6" class="location-link" data-target="waffeln">Waffeln</a></li> <li><a href="#floor-6" class="location-link" data-target="waffeln">Waffeln</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> </ul>
</div> </div>
</div> </div>
@ -114,14 +108,6 @@
<div class="location-marker" data-location="kasse" style="top: 40%; left: 36%;"></div> <div class="location-marker" data-location="kasse" style="top: 40%; left: 36%;"></div>
</div> </div>
<div class="box floor-plan" id="floor-2">
<img src="image/Etagen_2. OG.png" alt="Grundriss 2. Obergeschoss" 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"> <div class="box floor-plan" id="floor-6">
<img src="image/Etagen_6. OG.png" alt="Grundriss 6. Obergeschoss" class="floor-plan-image" /> <img src="image/Etagen_6. OG.png" alt="Grundriss 6. Obergeschoss" class="floor-plan-image" />
<div class="location-marker" data-location="projekte" style="top: 75%; left: 64%;"></div> <div class="location-marker" data-location="projekte" style="top: 75%; left: 64%;"></div>

Write Preview
Loading…
Cancel
Save