spaceworld2000/index.html.old at main · combs-a/spaceworld2000 · 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
<!DOCTYPE html>
<html>
    <head>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Anuphan:wght@300&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="style-final.css">
        <link rel="stylesheet" href="index/style-final.css">
        <script type="text/javascript">
            function authors(){
                if (document.getElementById("authorsbutton").value == "off") {
                    document.getElementById("authors").innerHTML = "By Addie, Anya, Hunter, and Tommy. Made for HackKU 2023"
                    //document.getElementById("authors").style.border = "2px solid white"
                    document.getElementById("authorsbutton").value = "on"
                    document.getElementById("authorsbutton").innerHTML = "About Us &#9665;"
                } else {
                    document.getElementById("authors").innerHTML = ""
                    document.getElementById("authors").style.border = "0px"
                    document.getElementById("authorsbutton").value = "off"
                    document.getElementById("authorsbutton").innerHTML = "About Us &#9655;"
                }
            }

            function gameinfo(){
                if (document.getElementById("gamebutton").value == "off") {
                    document.getElementById("gameinfo").innerHTML = "Enjoy a fun time in space with spaceman!";
                    //document.getElementById("gameinfo").style.border = "2px solid white";
                    document.getElementById("gamebutton").value = "on";
                    document.getElementById("gamebutton").innerHTML = "About the Game &#9665;";
                } else {
                    document.getElementById("gameinfo").innerHTML = "";
                    document.getElementById("gameinfo").style.border = "0px";
                    document.getElementById("gamebutton").value = "off";
                    document.getElementById("gamebutton").innerHTML = "About the Game &#9655;";
                }
            }

            function mouseOver(ID){
                document.getElementById(ID).style.color = "gray"
            }
        </script>
    </head>
    <body>
        <div class="flex-column">
            <div class="header"><h1>Cool epic fun game!</h1></div>
            <div class="gamewrapper"><iframe id="inlineGame" src="https://addie.ml/hackku23-2/play/index.html"></iframe></div>
            <div class="footer">
                <button id="gamebutton" onclick="gameinfo()" onmouseover="this.style.color='gray';this.style.borderColor='gray'" onmouseout="this.style.color='#fff';this.style.borderColor='white'" value="off">About the Game &#9655;</button>
                <span id="gameinfo" class="gameinfo"></span>
                <button id="authorsbutton" onclick="authors()" onmouseover="this.style.color='gray';this.style.borderColor='gray'" onmouseout="this.style.color='#fff';this.style.borderColor='white'" value="off">About Us &#9655;</button>
                <span id="authors" class="authors"></span>
            </div>
        </div>
    </body>
</html>