-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (103 loc) · 4.95 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
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
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="cookie, clicker, characters, level, up">
<title>Cookie Clicker</title>
<link rel="stylesheet" href="style.css">
<script src="cookie.js" defer></script>
<link rel="icon" href="Cookie.png">
</head>
<body>
<div id="page">
<div style="grid-area: kaka;">
<div id="stats" class="black_background">
<div>
<h3>Cookies:</h3>
<p id="cookie_amount">0</p>
</div>
<div>
<h3>Cookies/Second:</h3>
<p id="CPS_rate">0</p>
</div>
</div>
<img id="kaka" src="Cookie.png" alt="Bild på kaka.">
<div id="CPS-progress-frame" class="black_background">
<div id="CPS-progress"></div>
</div>
</div>
<!-- <div id="rightside"> -->
<div id="store" class="black_background">
<div class="purchasable_item" onClick="character_clicked(this)">
<div>
<h2 class="nameOfCharacter">Grandma</h2>
<h3>She bakes ...a lot</h3>
</div>
<div class="price">
<h2>10C</h2>
<h3>2C/S</h3>
</div>
</div>
<div class="purchasable_item" onClick="character_clicked(this)">
<div>
<h2 class="nameOfCharacter">Nuclear Reactor</h2>
<h3>It spits out toxic cookies</h3>
</div>
<div class="price">
<h2>30C</h2>
<h3>5C/S</h3>
</div>
</div>
<div class="purchasable_item" onClick="character_clicked(this)">
<div>
<h2 class="nameOfCharacter">Erika</h2>
<h3>She has 100+ hours in Cookie Clicker</h3>
</div>
<div class="price">
<h2>150C</h2>
<h3>20C/S</h3>
</div>
</div>
<div class="purchasable_item" onClick="character_clicked(this)">
<div>
<h2 class="nameOfCharacter">Sebastian</h2>
<h3>He teach children to automate his baking</h3>
</div>
<div class="price">
<h2>1000C</h2>
<h3>30C/S</h3>
</div>
</div>
<div class="purchasable_item" onClick="character_clicked(this)">
<div>
<h2 class="nameOfCharacter">Saga</h2>
<h3>She increases the heat in the oven</h3>
</div>
<div class="price">
<h2>3000C</h2>
<h3>70C/S</h3>
</div>
</div>
<h3 style="text-align: center;">More items coming soon...</h3>
</div>
<div id="powerups" class="black_background">
<img src="Assets/powerups/Elliot.webp" alt="Powerup logo: Elliot" class="powerup" onmousemove="hover_powerup(this, 'Elliot', 'Increases Erikas speed by 200%.', 1500)" onmouseleave="hide_info()" onclick="activate_powerup(this, 'Elliot', 1500)">
<img src="Assets/powerups/Axel.webp" alt="Powerup logo: Axel" class="powerup" onmousemove="hover_powerup(this, 'Axel', 'Bullies Saga to produce 50% less cookies.', 2000)" onmouseleave="hide_info()" onclick="activate_powerup(this, 'Axel', 2000)" id="Axel">
<img src="Assets/powerups/Barn.webp" alt="Powerup logo: Barn" class="powerup" onmousemove="hover_powerup(this, 'Barn', 'Give Sebastian more students to increase speed by 200%.', 3000)" onmouseleave="hide_info()" onclick="activate_powerup(this, 'Barn', 3000)">
<img src="Assets/powerups/Loke.webp" alt="Powerup logo: Loke" class="powerup" onmousemove="hover_powerup(this, 'Loke', 'Kicks Axel out of the house in order to resume Sagas speed.', 10000)" onmouseleave="hide_info()" onclick="activate_powerup(this, 'Loke', 10000)" style="display: none;" id="Loke">
<div id="powerup_information_hoverview">
<img style="display: block;">
<div style="display: block;">
<h4>Titel</h4>
<p>Beskrivning</p>
<p id="cost">Kostnad</p>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- ideer -->
<!-- powerup: Elliot: increases Erikas speed by 200% -->