<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../styles-0.2.css">
<title>3. Tübingen Day of Digital Freedom</title>
</head>
<body>
<div id="languages"><a href="../recap.html"><img src="../image/de.png"></a></div>
<div class="background">
<div id="content">
<nav class="navigationbar">
<a href="index.html" class="nav-button">Main Page</a>
<a href="participate.html" class="nav-button">Participate</a>
<a href="schedule.html" class="nav-button">Schedule</a>
<a href="recap.html" class="nav-button inactive">Recap</a>
</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.png" />
</div>
<div class="box">
<h2>3. Day of Digital Freedom 2024</h2>
<p>On July 6, 2024, the 3rd Day of Digital Freedom took place in Tübingen's Westspitze. It was organized by
<a href="https://cttue.de/">Chaostreff Tübingen e.V.</a> Thanks to the support of many <a
href="participate.html">helping hands</a> and financial
supporters, a fabulous event took place. Over 250 visitors were able to experience a <a href="schedule.html">diverse program</a>
across four floors and six venues.</p>
</div>
<div class="box">
<h2>Impressions</h2>
<div class="gallery">
<img src="../image/01.jpg" alt="Image 1" onclick="openLightbox('../image/01.jpg')">
<img src="../image/02.jpg" alt="Image 2" onclick="openLightbox('../image/02.jpg')">
<img src="../image/03.jpg" alt="Image 3" onclick="openLightbox('../image/03.jpg')">
<img src="../image/04.jpg" alt="Image 4" onclick="openLightbox('../image/04.jpg')">
<img src="../image/05.jpg" alt="Image 5" onclick="openLightbox('../image/05.jpg')">
<img src="../image/06.jpg" alt="Image 6" onclick="openLightbox('../image/06.jpg')">
<img src="../image/07.jpg" alt="Image 7" onclick="openLightbox('../image/07.jpg')">
<img src="../image/08.jpg" alt="Image 8" onclick="openLightbox('../image/08.jpg')">
<img src="../image/09.jpg" alt="Image 9" onclick="openLightbox('../image/09.jpg')">
<img src="../image/10.jpg" alt="Image 10" onclick="openLightbox('../image/10.jpg')">
<img src="../image/11.jpg" alt="Image 11" onclick="openLightbox('../image/11.jpg')">
<img src="../image/12.jpg" alt="Image 12" onclick="openLightbox('../image/12.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>TDF on the Radio</h2>
<p>A highlight of the Day of Digital Freedom 2024 was the "Broadcast Center". Here, Freies Radio Wüste Welle broadcasted a live program parallel to the event. Interviews with participants and organizers were also conducted.</p>
<p>The "Best Of from the Day of Digital Freedom 2024" can be listened to here:</p>
<div class="button-container">
<a href="https://www.wueste-welle.de/redaktion/view/id/25/tab/weblog/article/96389/Best_Of_vom_Tag_der_Digitalen_Freiheit_2024.html" class="button">To the Interviews…</a>
</div>
</div>
</div>
<div class="center">
<a href="imprint.html" id="imprint">Legal Notice</a>
</div>
<p> </p>
</div>
</body>
</html>