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

93 lines
4.5 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../styles-4.8.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>4th Tübingen Days of Digital Freedom 2025</title>
</head>
<body>
<div class="background">
<div id="content">
<nav class="navigationbar">
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
<div>
<a href="index.html" class="nav-button">Home</a>
<a href="participate.html" class="nav-button">Participate</a>
<a href="site-plan.html" class="nav-button">Site Plan</a>
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Schedule <i class="fas fa-external-link-alt"></i></a>
<a href="https://elfen.cttue.de/" class="nav-button">Elf System <i class="fas fa-external-link-alt"></i></a>
<a href="recap.html" class="nav-button inactive">Recap</a>
</div>
<div>
<a href="../recap.html" class="nav-button"><img src="../image/de.png" style="height: 16px; vertical-align: middle;"> DE</a>
</div>
</div>
</nav>
<div class="banner-box">
<img class="banner" id="banner-1" src="../image/banner-1.png" />
<img class="banner" id="banner-2" src="../image/banner-2.png" />
<img class="banner" id="banner-3" src="../image/banner-3_en.png" />
</div>
<div class="box">
<h2>4th Tübingen Days of Digital Freedom 2025</h2>
<p>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 <a href="https://cttue.de/">Chaostreff Tübingen e.V.</a>. Thanks to the support of many <a href="participate.html">(h)elping hands</a> 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 <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/tdf5_00001.jpg" alt="Photo 1" onclick="openLightbox('../image/tdf5_00001.jpg')">
<img src="../image/tdf5_00002.jpg" alt="Photo 2" onclick="openLightbox('../image/tdf5_00002.jpg')">
<img src="../image/tdf5_00003.jpg" alt="Photo 3" onclick="openLightbox('../image/tdf5_00003.jpg')">
<img src="../image/tdf5_00004.jpg" alt="Photo 4" onclick="openLightbox('../image/tdf5_00004.jpg')">
<img src="../image/tdf5_00005.jpg" alt="Photo 5" onclick="openLightbox('../image/tdf5_00005.jpg')">
<img src="../image/tdf5_00006.jpg" alt="Photo 6" onclick="openLightbox('../image/tdf5_00006.jpg')">
<img src="../image/tdf5_00007.jpg" alt="Photo 7" onclick="openLightbox('../image/tdf5_00007.jpg')">
<img src="../image/tdf5_00008.jpg" alt="Photo 8" onclick="openLightbox('../image/tdf5_00008.jpg')">
<img src="../image/tdf5_00009.jpg" alt="Photo 9" onclick="openLightbox('../image/tdf5_00009.jpg')">
<img src="../image/tdf5_00010.jpg" alt="Photo 10" onclick="openLightbox('../image/tdf5_00010.jpg')">
<img src="../image/tdf5_00011.jpg" alt="Photo 11" onclick="openLightbox('../image/tdf5_00011.jpg')">
<img src="../image/tdf5_00012.jpg" alt="Photo 12" onclick="openLightbox('../image/tdf5_00012.jpg')">
</div>
</div>
<!-- Lightbox Container -->
<div id="lightbox" class="lightbox" onclick="closeLightbox()">
<img id="lightbox-img" src="" alt="Enlarged photo">
</div>
<script>
function openLightbox(imageSrc) {
const lightbox = document.getElementById('lightbox');
const lightboxImg = document.getElementById('lightbox-img');
lightboxImg.src = imageSrc;
lightbox.style.display = 'flex';
}
function closeLightbox() {
const lightbox = document.getElementById('lightbox');
lightbox.style.display = 'none';
}
</script>
<div class="box" id="radio">
<h2>Videos</h2>
<p>Thanks to <a href="https://chaoswest.tv/">Chaos-West TV</a>, many of the talks were 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>
</div>
<div class="center">
<a href="imprint.html" id="imprint">Legal Notice</a>
</div>
<p>&nbsp;</p>
</div>
</body>
</html>