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.
100 lines
3.9 KiB
100 lines
3.9 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" type="text/css" href="styles-0.2.css">
|
|
<title>3. Tübinger Tag der digitalen Freiheit</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="languages"><a href="en/recap.html"><img src="image/gb.png"></a></div>
|
|
<div class="background">
|
|
|
|
<div id="content">
|
|
|
|
<nav class="navigationbar">
|
|
<a href="index.html" class="nav-button">Hauptseite</a>
|
|
<a href="participate.html" class="nav-button">Mitmachen</a>
|
|
<a href="schedule.html" class="nav-button">Fahrplan</a>
|
|
<a href="recap.html" class="nav-button inactive">Rückblick</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. Tag der digitalen Freiheit 2024</h2>
|
|
<p>Am 6. Juli 2024 fand in der Tübinger Westspitze der 3. Tag 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 und sechs Veranstaltungsorten
|
|
haben über 250 Besucher ein <a href="schedule.html">vielfältiges Programm</a>
|
|
erleben können.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<h2>Impressionen</h2>
|
|
|
|
<div class="gallery">
|
|
<img src="image/01.jpg" alt="Bild 1" onclick="openLightbox('image/01.jpg')">
|
|
<img src="image/02.jpg" alt="Bild 2" onclick="openLightbox('image/02.jpg')">
|
|
<img src="image/03.jpg" alt="Bild 3" onclick="openLightbox('image/03.jpg')">
|
|
<img src="image/04.jpg" alt="Bild 4" onclick="openLightbox('image/04.jpg')">
|
|
<img src="image/05.jpg" alt="Bild 5" onclick="openLightbox('image/05.jpg')">
|
|
<img src="image/06.jpg" alt="Bild 6" onclick="openLightbox('image/06.jpg')">
|
|
<img src="image/07.jpg" alt="Bild 7" onclick="openLightbox('image/07.jpg')">
|
|
<img src="image/08.jpg" alt="Bild 8" onclick="openLightbox('image/08.jpg')">
|
|
<img src="image/09.jpg" alt="Bild 9" onclick="openLightbox('image/09.jpg')">
|
|
<img src="image/10.jpg" alt="Bild 10" onclick="openLightbox('image/10.jpg')">
|
|
<img src="image/11.jpg" alt="Bild 11" onclick="openLightbox('image/11.jpg')">
|
|
<img src="image/12.jpg" alt="Bild 12" onclick="openLightbox('image/12.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>TDF im Radio</h2>
|
|
<p>Ein Highlight auf dem Tag der digitalen Freiheit 2024 war das „Sendezentrum“. Hier übertrug das Freie
|
|
Radio Wüste Welle parallel zur Veranstaltung ein Live-Programm. Es wurden auch Interviews mit
|
|
Teilnehmern und Organisatoren geführt.</p>
|
|
<p>Das „Best Of vom Tag der Digitalen Freiheit 2024“ kann hier nachgehört werden:</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">Zu den Interviews…</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="center">
|
|
<a href="imprint.html" id="imprint">Impressum</a>
|
|
</div>
|
|
|
|
<p> </p>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |