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.
95 lines
4.6 KiB
95 lines
4.6 KiB
<!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> |