<!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>&nbsp;</p>
    </div>
</body>

</html>