GencoSite/aboutgenco.html at main · QueryDialog42/GencoSite · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="lightstyle.css">
    <title>GencoGames</title>
</head>
<body>
    <button type="button" id="games" class="menu" onclick="window.location.href = 'mainpage.html'">Genco Games</button>
    <button type="button" id="games" class="menu" onclick="window.location.href = 'aboutgenco.html'">About Genco</button>
    <button type="button" id="mark">GencoSite</button>

    <div id="thisIsUs">
        <div id="me">
            <a href="https://www.instagram.com/batugencpiano/"><img src="us/ben.png" alt="batu" class="us"></a>
            <p id="email">gencohangman@gmail.com</p>
            <p>
                Hello! I am Batu Genç. I am a computer programming student, that learning how to
                make websites and games. I coded JavaScript of GencoSite and we worked so much in order to
                complete this site. It is not finished yet. So keep your eye on to upcoming mini games.
                Have fun! :)
            </p>
        </div>
    </div>

    <div id="contact">
        <a href="https://www.instagram.com/batugencpiano/"><img src="" alt="instagram" id="instagram"></a>
    </div>
    <p id="datetime">YYYY-MM-DD</p>
</body>
<script>
    function setTheme(theme, instagram){
        let oldlink = document.getElementsByTagName("link").item(0);
        let newlink = document.createElement("link");
        newlink.setAttribute("rel", "stylesheet");
        newlink.setAttribute("type", "text/css");
        newlink.setAttribute("href", theme);

        document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
        document.body.style.display = 'block';

        document.getElementById("instagram").src = instagram;
    };
    document.body.style.zoom = "80%";
    document.getElementById("datetime").innerText = new Date().toISOString().split("T")[0];
    let theme = window.localStorage.getItem("theme");
    let instagram = window.localStorage.getItem("instagram");
    if (theme && instagram){
        setTheme(theme, instagram);
    }
    else{
        window.alert("An error occured about theme. Light style will be used");
        setTheme("lightstyle.css", "images/instagramdark.ico");
    }
</script>
<script src=""></script>
</html>