-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (77 loc) · 3.49 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PokeClicker</title>
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="main.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body class="body">
<div class="banner">
<img class='bannerText' src="./resources/titleText.png">
<h1 class="stageText">Level 1 - 1</h1>
</div>
<div class="pokeContainer">
<div class="pokeHeader">
<h2 id="name" class="headerText"></h2>
<div class="healthDiv">
<progress id="enemyHealthBar" class="healthBar" value="100" max="100"></progress>
<h4 id="hp" class="headerText"></h4>
</div>
</div>
<img class="enemyPoke" src="">
</div>
<div class="menuContainer">
<div class="menuStats">
<h1 class="menuHeader">Menu</h1>
<!-- <div class="menuDiv">
<h3 class="menuText">HP:</h3>
<p class="menuValue" id="hp">100/100hp</p>
</div> -->
<div class="menuDiv">
<h3 class="menuText">Money:</h3>
<p class="menuValue" id="money">0¢</p>
</div>
<div class="menuDiv">
<h3 class="menuText">Attack</h3>
<p class="menuValue" id="attack">lvl 1</p>
<button class="upgradeButton" id="upgradeAtt">5¢</button>
</div>
<div class="menuDiv">
<h3 class="menuText">Crit Chance</h3>
<p class="menuValue" id="critChance">lvl 1</p>
<button class="upgradeButton" id="upgradeCritC">5¢</button>
</div>
<div class="menuDiv">
<h3 class="menuText">Crit Damage</h3>
<p class="menuValue" id="critDamage">lvl 1</p>
<button class="upgradeButton" id="upgradeCritD">5¢</button>
</div>
</div>
<img class="profile" src="./resources/smashKetchum.png">
<button class="shopButton">GACHA SHOP</button>
</div>
<img class="platform" src="./resources/platform.png">
<div class="inventory"></div>
<div class="shop hidden">
<div class="shopHeader">Shop</div>
<div class='shopDiv' id="gachaButton">Buy Random Pokemon:</div>
<img class="gachaButton" src="./resources/dice.png">
<h1 class="gachaPrice">100¢</h1>
</div>
<div class="introScreen">
<div class="introBox">
<div id="scroll-text">
<p class="introText">Your journey starts in the lovely Skid Town, inside the wide region of Ghanto.</p>
<p class="introText">Pokemon have all lost their minds, and have begun attacking anyone who stands in their way.</p>
<p class="introText">With his trusty iron bat, our Hero Smash Ketchum will have to beat and pummel his way through hourdes of blood-thirsty monsters in order to save his friends and family from sure demise.</p>
<p class="introText">Will you succeed and leave thousands of unrecognizable pokemon corpses in your wake, or will you be torn asunder by the fiends you once saw as your friends...</p>
</div>
</div>
<button class="introButton">Continue</button>
</div>
</body>
</html>