forked from cal/tdf-2023-webseite
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
5.9 KiB
147 lines
5.9 KiB
<!--
|
|
Tage der digitalen Freiheit
|
|
Handcrafted with ♥ by x~alotl
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta property="og:image" content="image/poster.png" />
|
|
<link rel="stylesheet" type="text/css" href="styles-5.0.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<title>5. Tübinger Tage der digitalen Freiheit</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="background">
|
|
|
|
<div id="content">
|
|
|
|
<nav class="navigationbar">
|
|
<div>
|
|
<div>
|
|
<a href="index.html">Hauptseite</a>
|
|
<a href="program.html">Programm</a>
|
|
<a href="join.html">Mitmachen</a>
|
|
<a href="venue.html">Lageplan</a>
|
|
<a href="recap.html" class="active">Rückblick</a>
|
|
</div>
|
|
<div>
|
|
<a href="en/recap.html"><img src="image/gb.png"> EN</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Animated title -->
|
|
<h1 class="title" aria-label="Tage der digitalen Freiheit"><span class="ch" style="--i:0">T</span><span
|
|
class="ch" style="--i:1">A</span><span class="ch" style="--i:2">G</span><span class="ch"
|
|
style="--i:3">E</span><span class="ch sp" style="--i:4"> </span><span class="ch"
|
|
style="--i:5">D</span><span class="ch" style="--i:6">E</span><span class="ch"
|
|
style="--i:7">R</span><span class="ch sp" style="--i:8"> </span><span class="ch"
|
|
style="--i:9">D</span><span class="ch" style="--i:10">I</span><span class="ch"
|
|
style="--i:11">G</span><span class="ch" style="--i:12">I</span><span class="ch"
|
|
style="--i:13">T</span><span class="ch" style="--i:14">A</span><span class="ch"
|
|
style="--i:15">L</span><span class="ch" style="--i:16">E</span><span class="ch"
|
|
style="--i:17">N</span><span class="ch sp" style="--i:18">
|
|
</span><span class="ch" style="--i:19">F</span><span class="ch" style="--i:20">R</span><span class="ch"
|
|
style="--i:21">E</span><span class="ch" style="--i:22">I</span><span class="ch"
|
|
style="--i:23">H</span><span class="ch" style="--i:24">E</span><span class="ch"
|
|
style="--i:25">I</span><span class="ch" style="--i:26">T</span>
|
|
</h1>
|
|
|
|
<div class="box">
|
|
<h2>Frühere Events</h2>
|
|
<p>Der Tag der digitalen Freiheit findet seit 2022 jährlich statt. Hier geht es zu den Seiten
|
|
der vorhergenden Events.
|
|
</p>
|
|
<div class="buttons-wrapper">
|
|
<div class="button-container">
|
|
<a href="tdf1/index.html" class="button">TDF1 | 2022</a>
|
|
</div>
|
|
<div class="button-container">
|
|
<a href="tdf2/index.html" class="button">TDF2 | 2023</a>
|
|
</div>
|
|
<div class="button-container">
|
|
<a href="tdf3/index.html" class="button">TDF3 | 2024</a>
|
|
</div>
|
|
<div class="button-container">
|
|
<a href="tdf4/index.html" class="button">TDF4 | 2025</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<h2>4. Tage der digitalen Freiheit 2025</h2>
|
|
<p>Am 26./27. Juli 2025 fanden in der Tübinger Westspitze die 4. Tage der digitalen Freiheit statt. Dazu
|
|
lud der
|
|
<a href="https://cttue.de/">Chaostreff Tübingen e.V.</a> ein. Dank der Unterstützung vieler <a
|
|
href="participate.html">(h)elfender Hände</a> und finanzieller
|
|
Unterstützer konnte ein famoses Event stattfinden. Auf vier Etagen mit zwei Vortragsbühnen, zwei
|
|
Workshop-Räumen und einem Hackspace
|
|
haben über 300 Besucher ein <a href="https://cfp.cttue.de/tdf4/schedule/">vielfältiges
|
|
Programm</a>
|
|
erleben können.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<h2>Impressionen</h2>
|
|
|
|
<div class="gallery">
|
|
<img src="image/tdf4_00001.JPG" alt="Bild 1" onclick="openLightbox('image/tdf4_00001.JPG')">
|
|
<img src="image/tdf4_00002.JPG" alt="Bild 2" onclick="openLightbox('image/tdf4_00002.JPG')">
|
|
<img src="image/tdf4_00003.JPG" alt="Bild 3" onclick="openLightbox('image/tdf4_00003.JPG')">
|
|
<img src="image/tdf4_00004.JPG" alt="Bild 4" onclick="openLightbox('image/tdf4_00004.JPG')">
|
|
<img src="image/tdf4_00005.JPG" alt="Bild 5" onclick="openLightbox('image/tdf4_00005.JPG')">
|
|
<img src="image/tdf4_00006.JPG" alt="Bild 6" onclick="openLightbox('image/tdf4_00006.JPG')">
|
|
<img src="image/tdf4_00007.JPG" alt="Bild 7" onclick="openLightbox('image/tdf4_00007.JPG')">
|
|
<img src="image/tdf4_00008.JPG" alt="Bild 8" onclick="openLightbox('image/tdf4_00008.JPG')">
|
|
<img src="image/tdf4_00009.JPG" alt="Bild 9" onclick="openLightbox('image/tdf4_00009.JPG')">
|
|
<img src="image/tdf4_00010.JPG" alt="Bild 10" onclick="openLightbox('image/tdf4_00010.JPG')">
|
|
<img src="image/tdf4_00011.JPG" alt="Bild 11" onclick="openLightbox('image/tdf4_00011.JPG')">
|
|
<img src="image/tdf4_00012.JPG" alt="Bild 12" onclick="openLightbox('image/tdf4_00012.JPG')">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lightbox Container -->
|
|
<div id="lightbox" class="lightbox" onclick="closeLightbox()">
|
|
<img id="lightbox-img" src="" alt="Vergrößertes Bild">
|
|
</div>
|
|
|
|
<script>
|
|
function openLightbox(imageSrc) {
|
|
const lightbox = document.getElementById('lightbox');
|
|
const lightboxImg = document.getElementById('lightbox-img');
|
|
lightboxImg.src = imageSrc; // Set the clicked image as the source
|
|
lightbox.style.display = 'flex'; // Show the lightbox
|
|
}
|
|
|
|
function closeLightbox() {
|
|
const lightbox = document.getElementById('lightbox');
|
|
lightbox.style.display = 'none'; // Hide the lightbox
|
|
}
|
|
</script>
|
|
|
|
<div class="box" id="radio">
|
|
<h2>Videos</h2>
|
|
<p>Dank der Hilfe von <a href="https://chaoswest.tv/">Chaos-West TV</a> sind viele der Vorträge
|
|
aufgezeichnet und
|
|
veröffentlicht worden. Ihr findet die Videos auf <a
|
|
href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> und auf <a
|
|
href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>.
|
|
<div class="button-container">
|
|
<a href="https://media.ccc.de/c/tdf2025" class="button">Zu den Videos…</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Imprint -->
|
|
<div id="imprint">
|
|
<a href="imprint.html">Impressum</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |