Add infobeamer timetable
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.
 
 
tdf-webseite/en/recap.html

142 lines
5.6 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.1.css">
<title>5th Tübingen Digital Freedom Days</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div>
<div>
<a href="index.html">Home</a>
<a href="program.html">Program</a>
<a href="join.html">Participate</a>
<a href="venue.html">Venue</a>
<a href="recap.html" class="active">Recap</a>
</div>
<div>
<a href="../recap.html"><img src="../image/de.png"> DE</a>
</div>
</div>
</nav>
<!-- Animated title -->
<h1 class="title en" aria-label="Digital Freedom Days"><span class="ch" style="--i:0">D</span><span
class="ch" style="--i:1">I</span><span class="ch" style="--i:2">G</span><span class="ch"
style="--i:3">I</span><span class="ch" style="--i:4">T</span><span class="ch"
style="--i:5">A</span><span class="ch" style="--i:6">L</span><span class="ch sp"
style="--i:7"> </span><span class="ch" style="--i:8">F</span><span class="ch"
style="--i:9">R</span><span class="ch" style="--i:10">E</span><span class="ch"
style="--i:11">E</span><span class="ch" style="--i:12">D</span><span class="ch"
style="--i:13">O</span><span class="ch" style="--i:14">M</span><span class="ch sp"
style="--i:15"> </span><span class="ch" style="--i:16">D</span><span class="ch"
style="--i:17">A</span><span class="ch" style="--i:18">Y</span><span class="ch"
style="--i:19">S</span>
</h1>
<div class="box">
<h2>Previous Events</h2>
<p>The Digital Freedom Days have been held annually since 2022. Here you can find the pages
of previous events.
</p>
<div class="buttons-wrapper">
<div class="button-container">
<a href="../tdf1/index.html" class="button">TDF1 | 2022</a>
</div>
<div class="button-container">
<a href="../tdf2/index.html" class="button">TDF2 | 2023</a>
</div>
<div class="button-container">
<a href="../tdf3/en/index.html" class="button">TDF3 | 2024</a>
</div>
<div class="button-container">
<a href="../tdf4/en/index.html" class="button">TDF4 | 2025</a>
</div>
</div>
</div>
<div class="box">
<h2>4th Digital Freedom Days 2025</h2>
<p>On July 26/27, 2025, the 4th Digital Freedom Days took place at the Westspitze in Tübingen. The
event was organized by
<a href="https://cttue.de/">Chaostreff Tübingen e.V.</a>. Thanks to the support of many <a
href="join.html">helping hands</a> and financial
supporters, a fabulous event could take place. On four floors with two presentation stages, two
workshop rooms and a hackspace,
over 300 visitors were able to experience a <a href="https://cfp.cttue.de/tdf4/schedule/">diverse
program</a>.
</p>
</div>
<div class="box">
<h2>Impressions</h2>
<div class="gallery">
<img src="../image/tdf4_00001.JPG" alt="Image 1" onclick="openLightbox('../image/tdf4_00001.JPG')">
<img src="../image/tdf4_00002.JPG" alt="Image 2" onclick="openLightbox('../image/tdf4_00002.JPG')">
<img src="../image/tdf4_00003.JPG" alt="Image 3" onclick="openLightbox('../image/tdf4_00003.JPG')">
<img src="../image/tdf4_00004.JPG" alt="Image 4" onclick="openLightbox('../image/tdf4_00004.JPG')">
<img src="../image/tdf4_00005.JPG" alt="Image 5" onclick="openLightbox('../image/tdf4_00005.JPG')">
<img src="../image/tdf4_00006.JPG" alt="Image 6" onclick="openLightbox('../image/tdf4_00006.JPG')">
<img src="../image/tdf4_00007.JPG" alt="Image 7" onclick="openLightbox('../image/tdf4_00007.JPG')">
<img src="../image/tdf4_00008.JPG" alt="Image 8" onclick="openLightbox('../image/tdf4_00008.JPG')">
<img src="../image/tdf4_00009.JPG" alt="Image 9" onclick="openLightbox('../image/tdf4_00009.JPG')">
<img src="../image/tdf4_00010.JPG" alt="Image 10" onclick="openLightbox('../image/tdf4_00010.JPG')">
<img src="../image/tdf4_00011.JPG" alt="Image 11" onclick="openLightbox('../image/tdf4_00011.JPG')">
<img src="../image/tdf4_00012.JPG" alt="Image 12" onclick="openLightbox('../image/tdf4_00012.JPG')">
</div>
</div>
<!-- Lightbox Container -->
<div id="lightbox" class="lightbox" onclick="closeLightbox()">
<img id="lightbox-img" src="" alt="Enlarged image">
</div>
<script>
function openLightbox(imageSrc) {
const lightbox = document.getElementById('lightbox');
const lightboxImg = document.getElementById('lightbox-img');
lightboxImg.src = imageSrc; // Set the clicked image as the source
lightbox.style.display = 'flex'; // Show the lightbox
}
function closeLightbox() {
const lightbox = document.getElementById('lightbox');
lightbox.style.display = 'none'; // Hide the lightbox
}
</script>
<div class="box" id="radio">
<h2>Videos</h2>
<p>Thanks to the help of <a href="https://chaoswest.tv/">Chaos-West TV</a>, many of the presentations
have been recorded and
published. You can find the videos on <a
href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> and on <a
href="https://www.youtube.com/results?search_query=TDF+2025+media.ccc.de">YouTube</a>.
<div class="button-container">
<a href="https://media.ccc.de/c/tdf2025" class="button">To the videos…</a>
</div>
</div>
<!-- Imprint -->
<div id="imprint">
<a href="imprint.html">Imprint</a>
</div>
</div>
</div>
</body>
</html>