Hackamon/index.html at master · October-Cohort-FTWD/Hackamon · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300|Press+Start+2P&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="./styles/styles.css">
    </head>
    <body>
        <header><h1>Welcome to Hackamon</h1></header>
        <section class="game-container">
            <div class='guide'>
                <h2>Instructions</h2>
                <p>
                    Pokem ipsum dolor sit amet Shuppet Professor Elm Taillow Delcatty Musharna Exploud.
                    Body Slam Purugly Omanyte Cradily Sharpedo Delcatty Victini.
                    Leaf Green MysteryBerry Gligar Misdreavus ullamco laboris nisi Staryu Deerling.
                    S.S. Anne Cyndaquil Staravia Mamoswine Deino Ninetales Drilbur.
                    Rising Badge Tranquill Basculin Wynaut Nidoran Grovyle Manaphy.
                </p>
                <h2>Controls</h2>
                <p>
                    Hydro Pump Bibarel Dragon Rage Mint Berry Wooper Tauros Purrloin. Bug Magnezone Plain Badge Wingull Ferrothorn Skuntank Croagunk. Psychic Mew Running Shoes Growlithe Mothim The Power Of One Plusle. Ut labore et dolore magna aliqua Cleffa Lickilicky Klang Gardevoir Flying Liepard. Growl Lunatone Bayleef Fuchsia City Grass Ash's mother Ducklett.
                </p>


            </div>

            <canvas id="game-board" width="500" height="250"></canvas>

            <section id="rightPannel">
            <div class='score'>
                <span>Score:</span><span>0</span>
                <div class='stats'>
                    <div id='health'>
                        <h2>Health</h2>
                        <div class='health-bar'>
                            <div class='healthbar1'></div>
                            <div class='healthbar2'></div>
                            <div class='healthbar3'></div>
                            <div class='healthbar4'></div>
                            <div class='healthbar5'></div>
                            <div class='healthbar6'></div>
                            <div class='healthbar7'></div>
                            <div class='healthbar8'></div>
                            <div class='healthbar9'></div>
                            <div class='healthbar10'></div>
                        </div>
                        <div id='skill'>
                            <h2>Skill</h2>
                            <div class='skill-bar'>
                                <div class='skillbar1'></div>
                                <div class='skillbar2'></div>
                                <div class='skillbar3'></div>
                                <div class='skillbar4'></div>
                                <div class='skillbar5'></div>
                                <div class='skillbar6'></div>
                                <div class='skillbar7'></div>
                                <div class='skillbar8'></div>
                                <div class='skillbar9'></div>
                                <div class='skillbar10'></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='tracker'>
                    <h2>Skills Acquired</h2>
                    <p>
                      Pika-pi consectetur adipisicing elit Chatot Mudkip Suicune Ash Ketchum Snubbull. Squirtle Johto Huntail Ivysaur Dark Groudon Pokeball.
                    </p>
                </div>

                </section>
            </section>


        <script src="./js/player.js"></script>
        <script src="./js/map.js"></script>
        <script src="./js/game.js"></script>
        <script src="./js/main.js"></script>
    </body>
</html>