LibreQuake-Website/side.html at main · LibreQuake/LibreQuake-Website · 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
<!DOCTYPE html>
<html lang="en-US">
<html>
<head>
    <title>LibreQuake</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <meta content="LibreQuake" property="og:title" />
    <meta content="Free and open-source Quake" property="og:description" />
    <meta property="og:image" content="https://librequake.queer.sh/media/embed.png">
    <meta content="#43B581" data-react-helmet="true" name="theme-color" />
    <meta name="keywords" content="LibreQuake, quake, fps, open-source, open source, free, vanilla, 1990s, 90s, 1996">
    <link rel="stylesheet" href="side.css">
</head>
<body>
    <p><center><a href="/" target="_parent"><img id="logo-image" src="media/lq_logo.png" alt="The LibreQuake logo" title="The LibreQuake logo" width="80" height="80"></a></center></p>
    <hr>
    <center>
    <p><a href="/" target="_parent">Home</a></p>
    <p><a href="about.html" target="_parent">About LibreQuake</a></p>
    <p><a href="download.html" target="_parent">Downloads</a></p>
    <p><a href="screenshots.html" target="_parent">Screenshots</a></p>
    <hr>
    <p><a href="https://github.com/MissLavender-LQ/LibreQuake/issues/new" target="_parent">Report issues</a></p>
    <p><a href="chat.html" target="_parent"><img src="media/logos/discord.svg" width="24" height="24" alt="The Discord icon." title="The Discord icon." ></a>
    <a href="https://github.com/MissLavender-LQ/LibreQuake" target="_parent"><img src="media/logos/github.svg" width="24" height="24" alt="The GitHub logo that is of an outline of a cat with a long tail." title="The GitHub logo that is of an outline of a cat with a long tail." ></a>
    <a href="https://bsky.app/profile/queer.sh" target="_parent"><img src="media/logos/bluesky.svg" width="24" height="24" alt="The logo for Bluesky, a blue butterfly icon." title="The logo for Bluesky, a blue butterfly icon." ></a>
    <a href="mailto:librequake+website@queer.sh" target="_parent"><img src="media/logos/mail.png" width="24" height="24" alt="E-Mail iocn, that being a blue outline of a post letter." title="E-Mail iocn, that being a blue outline of a post letter." ></a></p>
    <p><font color="black"><center>&#x2605;</center></font></p>
    </center>
    <script>
        function setSpecialImage() {
            var today = new Date();
            var month = today.getMonth() + 1; // January is 0!
            var day = today.getDate();

            console.log("Today's date:", today);
            console.log("Month:", month, "Day:", day);

            // Set image based on date
            var imageUrl = 'media/lq_logo.png'; // Default image

            if (month === 9 && day === 24) {
                imageUrl = 'media/librequartz.png';
            } else if ((month === 10 && day >= 29) || (month === 11 && day <= 1)) {
                imageUrl = 'media/lqhalloween.png';
            } else if (month === 12 && day >= 20 && day <= 26) {
                imageUrl = 'media/lqxmas.png';
            } else if (month === 6 && day >= 1 && day <= 30) {
                imageUrl = 'media/pride.png';
            } else if (month === 7 && day >= 1 && day <= 31) {
                imageUrl = 'media/prideD1.png';
            }

            console.log("Image URL:", imageUrl);
            document.getElementById('logo-image').src = imageUrl;
        }

        // Call the function to set the image when the page loads
        window.onload = setSpecialImage;
    </script>
</body>
</html>