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. 30
      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>
<meta charset="utf-8">
<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>
</head>

2
en/index.html
Unescape View File

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

4
en/join.html
Unescape View File

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>
@ -126,7 +126,7 @@
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.
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>You can help the organization team with the following tasks:</p>

2
en/program.html
Unescape View File

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

2
en/recap.html
Unescape View File

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

2
en/venue.html
Unescape View File

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
<title>5th Tübingen Digital Freedom Days</title>
</head>

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

Binary file not shown.

2
imprint.html
Unescape View File

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>

30
index.html
Unescape View File

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>
@ -21,7 +21,8 @@
<div>
<div>
<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="venue.html">Lageplan</a>
<a href="recap.html">Rückblick</a>
@ -52,9 +53,9 @@
<div class="box">
<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.
diesem und vielen anderen Themen rund um digitale Freiheit, Datenschutz, Netzpolitik und Technik gibt es
Vorträge, Workshops und Diskussionen. Darüber hinaus bieten die 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
@ -110,8 +111,10 @@
<h2>Connect</h2>
<p>Hier kannst du Kontakt treten:</p>
<ul>
<li>Mastodon (wir an euch): <a href="https://chaos.social/@ctt" target="_blank" rel="noopener noreferrer">@ctt@chaos.social</a></li>
<li>Matrix (ihr an euch): <a href="https://matrix.to/#/#ctttdf:matrix.org" target="_blank" rel="noopener noreferrer">#ctttdf:matrix.org</a></li>
<li>Mastodon (wir an euch): <a href="https://chaos.social/@ctt" target="_blank"
rel="noopener noreferrer">@ctt@chaos.social</a></li>
<li>Matrix (ihr an euch): <a href="https://matrix.to/#/#ctttdf:matrix.org" target="_blank"
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>
@ -119,14 +122,14 @@
<!-- Kids-Space -->
<div class="box" id="kids-space">
<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
gemeinsam spielen und basteln. Die Öffnungszeiten werden im Fahrplan bekannt
gegeben. Es wird in dieser Zeit eine Aufsichtsperson anwesend sein.</p>
<p>Auf den fünften TDF gibt es einen Kids-Space. Dort können Kinder zwischen 5 und 10 Jahren gemeinsam spielen
und basteln. Die Öffnungszeiten werden im Fahrplan bekannt gegeben. Es wird in dieser Zeit eine
Aufsichtsperson anwesend sein.</p>
</div>
<!-- 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>
<div class="button-container">
<a href="program.html" class="button">Programm</a>
@ -135,9 +138,8 @@
<!-- 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
Gelingen
der Veranstaltung beitragen kannst.</p>
<p>Die Tage der digitalen Freiheit werden 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>

110
join.html
Unescape View File

@ -8,7 +8,7 @@
<head>
<meta charset="utf-8">
<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>
</head>
@ -20,8 +20,8 @@
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Hauptseite</a>
<a href="program.html">Programm</a>
<a href="index.html">Hauptseite</a> <a href="https://cfp.cttue.de/tdf5/schedule" class="nav-button">Programm
<span class="fas">&#xf35d;</span></a>
<a href="join.html" class="active">Mitmachen</a>
<a href="venue.html">Lageplan</a>
<a href="recap.html">Rückblick</a>
@ -33,20 +33,18 @@
</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">
<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>
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 -->
@ -54,83 +52,52 @@
<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>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.
<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 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 -->
<div class="box">
<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>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf5/locale/set?locale=en&next=/tdf5/cfp%3F" class="button">Call for
Participation</a>
</div>
<p>Das schon feststehende Programm findest du unter <a
href="https://cfp.cttue.de/tdf5/schedule">cfp.cttue.de/tdf5/schedule</a>.
</div>
<!-- Call for Arts -->
<div class="box">
<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
Projektraum, in der Skybar, im Hackcenter oder auf den noch unerschlossenen Fluren und Etagen der
Westspitze.
<p>Der Call for Arts ist beendet. Wenn du noch Vorschläge oder Fragen zu Performances oder Installationen hast,
kannst du dich gerne unter <a href="mailto:tdf@cttue.de">tdf@cttue.de</a> an uns wenden.
</p>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf5-arts/cfp" class="button">Call for
Arts and Projects</a>
</div>
</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
</p>
<div class="button-container">
<a href="https://cfp.cttue.de/tdf5-arts/cfp" class="button">Call for
Arts and Projects</a>
</div>
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:tdf@cttue.de">tdf@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. Die Anmeldung für das Elfensystem wird ca. 2 Wochen vor dem Event freigeschaltet.
<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. Die Anmeldung für das Elfensystem wird ca. 2
Wochen vor dem Event freigeschaltet.
</p>
<p>Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:</p>
@ -171,10 +138,9 @@
<!-- Ü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>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>

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>
<meta charset="utf-8">
<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>
</head>
@ -21,7 +21,8 @@
<div>
<div>
<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="venue.html">Lageplan</a>
<a href="recap.html" class="active">Rückblick</a>
@ -33,20 +34,18 @@
</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">
<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>
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">
@ -126,9 +125,8 @@
<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>.
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>

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

@ -571,3 +571,20 @@ b {
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>
<meta charset="utf-8">
<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>
<title>5. Tübinger Tage der digitalen Freiheit</title>
</head>
@ -22,7 +22,8 @@
<div>
<div>
<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="venue.html" class="active">Lageplan</a>
<a href="recap.html">Rückblick</a>
@ -34,20 +35,18 @@
</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">
<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>
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 Venue -->
@ -55,17 +54,15 @@
<h2>Ort</h2>
<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>Das Gebäude ist zu Fuß aus der Innenstadt in ca. 15 Minuten, vom Hauptbahnhof in ca. 10 Minuten, oder
von den
<p>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.</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"
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">Größere
Karte
anzeigen</a>
Karte anzeigen</a>
</div>
<div class="box">
@ -93,11 +90,8 @@
<div>
<ul>
<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-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>
</div>
</div>
@ -114,14 +108,6 @@
<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="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">
<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>

Write Preview
Loading…
Cancel
Save