-
Notifications
You must be signed in to change notification settings - Fork 66
/
index.html
131 lines (123 loc) · 5.92 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hamster Key Generator</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<div class="container">
<h1>Hamster Key Generator</h1>
<div id="gameSelectContainer" class="grid-container">
<div class="game-option" data-game="22">
<img src="https://cdn.hamsterkombat.io/cooking_stories/image.webp" alt="Cooking Stories">
<p>Cooking Stories</p>
</div>
<div class="game-option" data-game="21">
<img src="https://cdn.hamsterkombat.io/snake_run/image.webp" alt="Snake Run">
<p>Snake Run</p>
</div>
<div class="game-option" data-game="20">
<img src="https://cdn.hamsterkombat.io/factory_world/image.webp" alt="Factory World">
<p>Factory World</p>
</div>
<div class="game-option" data-game="19">
<img src="https://cdn.hamsterkombat.io/among_water/image.webp" alt="Infected Frontier">
<p>Among Water</p>
</div>
<div class="game-option" data-game="18">
<img src="https://cdn.hamsterkombat.io/infected_frontier/image.webp" alt="Infected Frontier">
<p>Infected Frontier</p>
</div>
<div class="game-option" data-game="17">
<img src="https://cdn.hamsterkombat.io/countmasters/image.webp" alt="Pin Out Master">
<p>Count Masters</p>
</div>
<div class="game-option" data-game="16">
<img src="https://cdn.hamsterkombat.io/pin_out/image.webp" alt="Pin Out Master">
<p>Pin Out Master</p>
</div>
<div class="game-option" data-game="15">
<img src="https://cdn.hamsterkombat.io/hide_balls/image.webp" alt="Hide Ball">
<p>Hide Ball</p>
</div>
<div class="game-option" data-game="14">
<img src="https://cdn.hamsterkombat.io/bouncemasters/image.webp" alt="Bouncemasters">
<p>Bouncemasters</p>
</div>
<div class="game-option" data-game="13">
<img src="https://cdn.hamsterkombat.io/stone_age/image.webp" alt="Stone Age">
<p>Stone Age</p>
</div>
<div class="game-option" data-game="12">
<img src="https://cdn.hamsterkombat.io/fluff/image.webp" alt="Fluff Crusade">
<p>Fluff Crusade</p>
</div>
<div class="game-option" data-game="10">
<img src="https://cdn.hamsterkombat.io/tile_trio/image.webp" alt="Tile Trio">
<p>Tile Trio</p>
</div>
<div class="game-option" data-game="11">
<img src="https://cdn.hamsterkombat.io/zoopolis/image.webp" alt="Zoopolis">
<p>Zoopolis</p>
</div>
<div class="game-option" data-game="8">
<img src="https://cdn.hamsterkombat.io/mow_trim/image.webp" alt="Mow and Trim">
<p>Mow and Trim</p>
</div>
<div class="game-option" data-game="7">
<img src="https://cdn.hamsterkombat.io/polysphere/image.webp" alt="Polysphere">
<p>Polysphere</p>
</div>
<div class="game-option" data-game="6">
<img src="https://cdn.hamsterkombat.io/twerk/image.webp" alt="Twerk Race 3D">
<p>Twerk Race 3D</p>
</div>
<div class="game-option" data-game="5">
<img src="https://cdn.hamsterkombat.io/merge_away/image.webp" alt="Merge Away">
<p>Merge Away</p>
</div>
<div class="game-option" data-game="2">
<img src="https://cdn.hamsterkombat.io/chain_cube/image.webp" alt="Chain Cube 2048">
<p>Chain Cube 2048</p>
</div>
<div class="game-option" data-game="4">
<img src="https://cdn.hamsterkombat.io/train_miner/image.webp" alt="Train Miner">
<p>Train Miner</p>
</div>
</div>
<div class="form-group hidden" id="keyCountGroup">
<label for="keyCountSelect">Select Number of Keys:</label>
<div id="keyCountSelect" class="key-slider">
<input type="range" min="1" max="4" value="1" id="keyRange">
<span id="keyValue">1</span>
</div>
</div>
<button id="startBtn" class="hidden">Generate Keys</button>
<div id="progressContainer" class="hidden">
<div class="progress-bar">
<div id="progressBar"></div>
</div>
<p id="progressText">0%</p>
<p id="progressLog">Starting...</p>
</div>
<div id="keyContainer" class="hidden">
<h2 id="generatedKeysTitle" class="hidden">Generated Keys</h2>
<div id="keysList"></div>
<button id="copyAllBtn" class="hidden">Copy All Keys</button>
</div>
<p id="keyCountLabel">Number of keys:</p>
<button id="generateMoreBtn" class="hidden">Generate More Keys</button>
<p id="copyStatus" class="hidden">Keys copied to clipboard!</p>
<div class="footer">
<p>Disclaimer: This tool is for educational purposes only. Use responsibly.</p>
<button id="sourceCode">Source code</button>
<button id="themeToggleBtn" onclick="toggleTheme()"><i id="themeIcon" class="fas fa-sun"></i></button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>