forked from cal/tdf-2023-webseite
Martin Braun
5 days ago
parent
72c2df18ea
commit
73fc534dc0
@ -0,0 +1,93 @@ |
||||
<!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> </p> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 254 KiB |
|
After Width: | Height: | Size: 176 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 264 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 204 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 132 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 114 KiB |
@ -0,0 +1,117 @@ |
||||
<!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>3. Tübinger Tag der digitalen Freiheit</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">Hauptseite</a> |
||||
<a href="participate.html" class="nav-button">Mitmachen</a> |
||||
<a href="site-plan.html" class="nav-button">Lageplan</a> |
||||
<a href="https://cfp.cttue.de/tdf4/schedule" class="nav-button">Fahrplan <i |
||||
class="fas fa-external-link-alt"></i></a> |
||||
<a href="https://elfen.cttue.de/" class="nav-button">Elfensystem <i |
||||
class="fas fa-external-link-alt"></i></a> |
||||
<a href="recap.html" class="nav-button inactive">Rückblick</a> |
||||
</div> |
||||
<div> |
||||
<a href="en/recap.html" class="nav-button"><img src="image/gb.png" |
||||
style="height: 16px; vertical-align: middle;"> EN</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.3.png" /> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>4. Tage der digitalen Freiheit 2025</h2> |
||||
<p>Am 26./27. Juli 2025 fanden in der Tübinger Westspitze die 4. Tage 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 mit zwei Vortragsbühnen, zwei |
||||
Workshop-Räumen und einem Hackspace |
||||
haben über 300 Besucher ein <a href="https://cfp.cttue.de/tdf4/schedule/">vielfältiges |
||||
Programm</a> |
||||
erleben können. |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Impressionen</h2> |
||||
|
||||
<div class="gallery"> |
||||
<img src="image/tdf5_00001.jpg" alt="Bild 1" onclick="openLightbox('image/tdf5_00001.jpg')"> |
||||
<img src="image/tdf5_00002.jpg" alt="Bild 2" onclick="openLightbox('image/tdf5_00002.jpg')"> |
||||
<img src="image/tdf5_00003.jpg" alt="Bild 3" onclick="openLightbox('image/tdf5_00003.jpg')"> |
||||
<img src="image/tdf5_00004.jpg" alt="Bild 4" onclick="openLightbox('image/tdf5_00004.jpg')"> |
||||
<img src="image/tdf5_00005.jpg" alt="Bild 5" onclick="openLightbox('image/tdf5_00005.jpg')"> |
||||
<img src="image/tdf5_00006.jpg" alt="Bild 6" onclick="openLightbox('image/tdf5_00006.jpg')"> |
||||
<img src="image/tdf5_00007.jpg" alt="Bild 7" onclick="openLightbox('image/tdf5_00007.jpg')"> |
||||
<img src="image/tdf5_00008.jpg" alt="Bild 8" onclick="openLightbox('image/tdf5_00008.jpg')"> |
||||
<img src="image/tdf5_00009.jpg" alt="Bild 9" onclick="openLightbox('image/tdf5_00009.jpg')"> |
||||
<img src="image/tdf5_00010.jpg" alt="Bild 10" onclick="openLightbox('image/tdf5_00010.jpg')"> |
||||
<img src="image/tdf5_00011.jpg" alt="Bild 11" onclick="openLightbox('image/tdf5_00011.jpg')"> |
||||
<img src="image/tdf5_00012.jpg" alt="Bild 12" onclick="openLightbox('image/tdf5_00012.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>Videos</h2> |
||||
<p>Dank der Hilfe von <a href="https://chaoswest.tv/">Chaos-West TV</a> sind viele der Vorträge |
||||
aufgezeichnet und |
||||
veröffentlicht worden. Ihr findet die Videos auf <a |
||||
href="https://media.ccc.de/c/tdf2025">media.ccc.de</a> und auf <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">Zu den Videos…</a> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="center"> |
||||
<a href="imprint.html" id="imprint">Impressum</a> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue