GrunuffyGit.github.io/index.html at master · GrunuffyGit/GrunuffyGit.github.io · 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
98
99
100
101
102
103
<!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="coinFlip.css"></link>
    <link rel="stylesheet" href="background.css"></link>
    <title>Coin Flip</title>
</head>
<body>
    <div class="gameModal">
        <div class="modalContent">
            <h1 id="gamePrompt">How many coins to flip?</h1>
            <input type="text" id="coinsToFlip" maxlength="2" size="4">
            <br>
            <input type="button" id="inputBtn" value="Submit">
            <div id="errorMsg"></div>
        </div>
    </div>
    <div class="endGameModal">
        <div class ="modalContent">
            <h1 id="gamePrompt">Play Again?</h1id="gamePrompt">
            <input type="button" id="YesBtn" value="Yes">
        </div>
    </div>
    <div class="gameBody">
        <h1 id="gameHeader">Press Anything!</h1>
        <div class="coin">
            <div id="coinBox">
                <div id="plack">
                    <div id="Q">?</div>
                </div>
                <div class="screw" id="screw1"></div>
                <div class="screw" id="screw2"></div>
                <div class="screw" id="screw3"></div>
                <div class="screw" id="screw4"></div>
            </div>
            <div id="coinHT">
                <div id="innerCoin"></div>
            </div>
        </div>
        <div class="reminders"></div>
        <div class="character">
            <div id="kirby">
                <div id="kirby-eye-left"></div>
                <div id="kirby-eye-right"></div>
                <div id="close-eye-left"></div>
                <div id="close-eye-right"></div>
                <div id="blush-left"></div>
                <div id="blush-right"></div>
                <div id="mouth"></div>
            </div>
            <div id="arm-right"></div>
            <div id="arm-left"></div>
            <div id="leg-right"></div>
            <div id="leg-left"></div>
            <div id="shadow"></div>
        </div>
    </div>
    <div class="background">
        <div class="mountain" id="m1">
            <div id="ice"></div>
        </div>
        <div class="mountain" id="m2">
            <div id="ice"></div>
        </div>
        <div class="mountain" id="m3">
            <div id="ice"></div>
        </div>
        <div class="mountain" id="m4">
            <div id="ice"></div>
        </div>
        <div class="mountain" id="m5">
            <div id="ice"></div>
        </div>
        <div class="mountain" id="m6">
            <div id="ice"></div>
        </div>
        <div class="cloud" id="c1"></div>
        <div class="cloud" id="c2"></div>
        <div class="cloud" id="c3"></div>
        <div class="cloud" id="c4"></div>
        <div class="cloud" id="c5"></div>
        <div class="cloud" id="c6"></div>
        <div class="cloud" id="c1a"></div>
        <div class="cloud" id="c4b"></div>
        <div class="ground">
            <div class="bushes" id="b1"></div>
            <div class="bushes" id="b2"></div>
            <div class="bushes" id="b3"></div>
            <div class="bushes" id="b4"></div>
            <div class="bushes" id="b5"></div>
            <div class="bushes" id="b6"></div>
            <div class="bushes" id="b7"></div>
            <div class="bushes" id="b8"></div>
            <div class="bushes" id="b9"></div>
            <div class="bushes" id="b10"></div>
        </div>
    </div>
</body>
<script src="coinFlip.js"></script>
<script src="background.js"></script>
</html>