exploding-kittens/index.html at master · craigquincy/exploding-kittens · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Exploding Kittens</title>
    </head>
    <body>
        <nav>
            <img id="logo" src="images/exploding-kittens-logo.svg">
            <ul class="menu">
                <li>
                    <a href="#about" id="aboutlink">Exploding Kittens</a>
                </li>
                <li>
                    <a href="#cards">Cards</a>
                </li>
                <li>
                    <a href="#rules">Rules</a>
                </li>
            </ul>
        </nav>

        <div class="main">

            <div class=""></div>

            <div class="about">
                <a name="about">
                    <h2>About</h2>
                    <ul>
                        <li>
                            A CARD GAME FOR PEOPLE WHO ARE INTO
                        </li>
                        <li>
                            KITTENS AND EXPLOSIONS AND LASER BEAMS
                        </li>
                        <li>
                            AND SOMETIMES GOATS
                        </li>
                    </ul>
                </a>
            </div>

            <div class="cards">
                <a name="cards">
                    <h2>Cards</h2>

                    <div class="card">
                        <h3>Explode</h3>
                        <img src="/images/explode.png">
                    </div>

                    <div class="card">
                        <h3>Defuse</h3>
                        <img src="/images/defuse.png">
                    </div>

                    <div class="card">
                        <h3>Nope</h3>
                        <img src="/images/nope.png">
                    </div>
                </a>
            </div>

            <div class="rules">
                <a name="rules">
                    <h2>Rules</h2>
                </a>

                <ol>
                    <li>
                        <p>
                            Play a card from your hand by placing it FACE UP on top of the Discard Pile, and following the instructions on the card. Or play no cards at all; that's cool too.</p>
                    </li>
                    <li>
                        <p>
                            After you follow the instructions on a card or play a Pair, you can play more cards. You can play as many cards as you'd like.</p>
                    </li>

                    <li>
                        <p>
                            Finally, end your turn by drawing a card from the Draw Pile into your hand and hoping it's not an Exploding Kitten.<br>
                            (This is different from most other games in that you END YOUR TURN by drawing a card.)
                        </p>
                        <p>
                            Play continues clockwise around the table.
                        </p>
                    </li>
                </ol>
            </div>

        </div>
        <footer>
            <p>Exploding Kittens is a neat game!</p>
            <form id="email-signup">
                <input type="text" name="full_name" placeholder="name">
                <input type="text" name="email" placeholder="email">
                <input type="submit" value="Email Signup">
            </form>
        </footer>
    </body>
</html>