BBO_2023-24/index.html at main · Compec/BBO_2023-24 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Expires" content="0">
        <link rel="stylesheet" href="styles.css?v=20251218a">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap">
        <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
        <link rel="manifest" href="./assets/favicon/site.webmanifest">
        <title>Boğaziçi Bilişim Ödülleri</title>
    </head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-369ZRVNDT0"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-369ZRVNDT0');
    </script>
    <body>
        <header>
            <div class="logo">
                <a href="./index.html"><img src="./assets/bbologo.png" alt="BBO_Logo"></a>
            </div>
            <nav>
                <input type="checkbox" id="nav-check">
                <div id="nav-btn">
                    <label for="nav-check">
                        <span></span>
                        <span></span>
                        <span></span>
                    </label>
                </div>
                <ul id="nav-links">
                    <li><a href="./index.html">Anasayfa</a></li>
                    <li><a href="./Adaylar/index.html">2025 Adayları</a></li>
                    <li style="opacity: 0.5; pointer-events: none;"><a href="#" onclick="return false;">Oylama (Bitti)</a></li>
                    <li><a href="https://www.biletimgo.com/etkinlik/bogazici-bilisim-odulleri-20670" target="_blank">Bilet Al!</a></li>
                    <a href="https://www.instagram.com/bogazicibilisimodulleri/" target="_blank"><img class="instalogo" src="./assets/instagram.png" alt="instagram"></a>
                </ul>
            </nav>
        </header>
<!-- testt -->
        <div id="row">
            <div id="main_left_part">
                <img class="beyaz_yazi" src="./assets/arka yüz copy 10.png" alt="Boğaziçi Bilişim Ödülleri">
                <p class="nedir">Boğaziçi Bilişim Ödülleri, Boğaziçi Üniversitesi Bilişim Kulübü COMPEC'in bu sene on
                    üçüncüsünü düzenleyeceği, halk, jüri ve bilişim kulüplerinin oylarının alındığı süreç sonunda,
                    bilişim sektöründe faaliyet gösteren kişi ve kuruluşların enlerinin ödüllerine kavuştuğu prestijli ve
                    gösterişli ödül gecesidir.
                </p>
            </div>
        </div>

        <div class="garagara">
            <button class="btn" id="biletal" onclick='window.open("https://www.biletimgo.com/etkinlik/bogazici-bilisim-odulleri-20670")'>🎟️ Bilet Al!</button>
        </div>

        <div style="text-align: center;">
            <div id="countdown" class="timer"></div>
        </div>

        <footer>
            <img class="compeclogo" src="./assets/compeclogo.png" alt="COMPEC_Logo">
            <p id="logo_exp">©2025 Boğaziçi Üniversitesi Bilişim Kulübü (Compec) tüm hakkı saklıdır.®
                <br>Etkinliğin tüm hakları Compec'e aittir
                ve etkinliği haber vermeksizin değiştirme yetkisini elinde tutar.</p>
        </footer>

        <script>
            // Countdown timer for voting
            const countdownDate = new Date("Dec 20, 2025 23:59:59").getTime();
            const interval = setInterval(function() {
                const now = new Date().getTime();
                const remainingTime = countdownDate - now;

                const days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
                const hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                const minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));

                document.getElementById("countdown").innerHTML =
                    "⏱️ Son " + days + " gün, " + hours + " saat, " + minutes + " dakika!";

                if (remainingTime <= 0) {
                    clearInterval(interval);
                    document.getElementById("countdown").innerHTML = "🎉 Oylama sona erdi!";
                    document.getElementById("oyver").style.display = "none";
                    document.getElementById("biletal").style.display = "inline-flex";
                }
            }, 1000);
        </script>
    </body>
</html>