zombieEscape/index.html at master · jonathanstallings/zombieEscape · 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>
    <title>Zombie Escape</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css" />
    <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light|Bangers' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  <body>
    <div class="wrapper">
      <header class="navbar clearfix">
          <h1 class="logo">Zombie Escape!</h1>
          <nav>
            <ul class="nav">
              <li><a href="index.html" class="current">Home</a></li>
              <li><a href="#">About</a></li>
              <li><a href="#">Contact</a></li>
              <li><a href="#">Extra</a></li>
            </ul>
          </nav>
      </header>
      <main class="clearfix">
        <section id="dialog">
          <h1>Zombie Escape!</h1>
          <p id="dialogText">Can you outrun the zombies and make it to safety?</p>
          <img id="approachImage" class="faded" src="img/zombie_silhouettes_by_karrendaen-d74cn9v.png" alt="Approaching Zombies">
        </section>
        <section id="controls">
          <button id="startButton" class="startGame">Start Game</button>
          <button id="moveButton" class="playingGame">Move Forward</button>
          <button id="playerShoots" class="playingGame">Shoot at Zombie</button>
          <button id="playerDeath" class="hidden">Don't click me!</button>
        </section>
        <section id="console">
          <ul>

          </ul>
        </section>
        <section id="popup" class="overlapped">
          <h2 id="youDied" class="popupText endgame">You Died!</h2>
          <h2 id="youWon" class="popupText endgame">You Made It!</h2>
        </section>
        <section id="backgroundImage" class="overlapped ">
        </section>
      </main>
      <footer>
        <p>Created out of the madness of Jonathan Stallings.<br />Available under the <a href="http://opensource.org/licenses/MIT">MIT license.</a></p>
      </footer>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <script src="js/zombie.js"></script>
    </div><!-- End .wrapper -->
  </body>
</html>