diff options
| author | Kumar Priyansh <[email protected]> | 2017-12-19 02:08:58 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2017-12-19 02:08:58 +0530 |
| commit | 0999d01d3605126221a7c05c83401f11b17982e9 (patch) | |
| tree | b3cb8dfaf3a238bb73620de3d860ef0e256f168a /index.html | |
| parent | 0b1b56af9c0ea44f4e3a2632a5b6d6bf0bf4e6c7 (diff) | |
| download | hacker-cards-game-0999d01d3605126221a7c05c83401f11b17982e9.tar.xz hacker-cards-game-0999d01d3605126221a7c05c83401f11b17982e9.zip | |
Add files via upload
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..f41f01e --- /dev/null +++ b/index.html @@ -0,0 +1,83 @@ +<html> + <head> + <title>Privacy Card Game</title> + <link rel="icon" type="image/png" sizes="128x128" href="images/favicon.png"> + <link href="https://fonts.googleapis.com/css?family=Zilla+Slab" rel="stylesheet"> + <link rel="stylesheet" href="styles/style.css" type="text/css"> + <link rel="stylesheet" href="customize.css" type="text/css"> + <script src="cards.js" type="text/javascript"></script> + </head> + + <body> + <div class="game-board"> + + <div class="hacker-area"> + + <h1> + <strong>HACKER CARDS</strong> <br/> Choose the best card to stop the hackers' attack + </h1> + + <div class="stats hacker-stats"> + <div class="life-bar"> + <div class="life-left hacker-color"></div> + </div> + <div class="life-total"></div> + + <div class="thumbnail">👹</div> + <div class="name">Hacker</div> + </div> + + <div class="card hacker-card hacker-color"> + <div class="text"></div> + <div class="power"></div> + </div> + + </div> + + <div class="player-area"> + + <div class="stats player-stats"> + <div class="life-bar"> + <div class="life-left player-color"></div> + </div> + <div class="life-total"></div> + + <div class="thumbnail">😎</div> + <div class="name">You</div> + </div> + + <div class="card player-card player-color"> + <div class="text"></div> + <div class="power"></div> + </div> + + <div class="card player-card player-color"> + <div class="text"></div> + <div class="power"></div> + </div> + + <div class="card player-card player-color"> + <div class="text"></div> + <div class="power"></div> + </div> + + <button class="start-game" onClick="startGame()">Go Online!</button> + <button class="next-turn" onClick="playTurn()">Keep Surfing!</button> + </div> + </div> + + <div class="license"> + A game by <strong>Lucifer</strong> + </div> + + <div class="winner-section"> + <div> + <span class="winner-message">You got hacked!</span> + <button class="restart" onClick="restartGame()">Play Again</button> + </div> + </div> + + <script src="scripts/script.js" type="text/javascript"></script> + + </body> +</html>
\ No newline at end of file |