forked from Spuckwaffel/dumpspace
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
471 lines (458 loc) · 22.6 KB
/
index.html
File metadata and controls
471 lines (458 loc) · 22.6 KB
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dumpspace - Home</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="description"
content="Dumpspace provides game dumps for multiple games and game engines, created by the community for the community"
/>
<meta name="keywords" content="Dumpspace, SDK" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Dumpspace Game Dump Viewer" />
<meta
property="og:description"
content="Get the latest dumps of any supported game."
/>
<meta property="og:url" content="https://dumpspace.spuckwaffel.com/" />
<meta
property="og:site_name"
content="https://dumpspace.spuckwaffel.com/"
/>
<!--
<link
rel="icon"
type="image/png"
sizes="32x32"
href="Images/favicon-32x32.webp"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="Images/favicon-16x16.png"
/>
<script src="https://cdn.tailwindcss.com"></script>
-->
<!---->
<link rel="stylesheet" type="text/css" href="tailwind.css" />
</head>
<body class="bg-white dark:bg-slate-900">
<nav
class="sticky top-0 w-full z-30 border-b border-gray-200 dark:border-gray-600 backdrop-blur transition-colors duration-500"
>
<div
class="max-w-screen-2xl md:px-12 max-md:mx-2 md:flex flex-wrap items-center justify-between mx-auto p-3"
>
<div class="max-md:flex max-md:justify-between">
<a id="go-root-url" href="#" class="flex items-center">
<span
class="self-center text-2xl font-semibold whitespace-nowrap text-black dark:text-slate-100"
>Dumpspace</span
>
</a>
<div class="flex items-center md:hidden">
<button id="dropdownNavbar">
<svg
class="w-8 h-8 dark:text-slate-100"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
aria-hidden="true"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"
></path>
</svg>
</button>
</div>
</div>
<div
class="flex justify-center items-center ml-auto max-md:hidden"
id="navbar-regular"
>
<nav
class="leading-6 font-semibold text-slate-700 dark:text-slate-100"
>
<ul class="flex space-x-8 items-center">
<li>
<a
href="https://discord.gg/DsET2T89FF"
class="transition duration-200 ease-in-out hover:text-blue-500"
target="_blank"
>Discord</a
>
</li>
<li>
<a
id="go-recent-url"
href="/recent"
class="transition duration-200 ease-in-out hover:text-blue-500"
>Recent</a
>
</li>
<li>
<a
id="go-changelog-url"
href="/changelog"
class="transition duration-200 ease-in-out hover:text-blue-500"
>Changelog</a
>
</li>
<li>
<button
id="theme-toggle"
type="button"
class="rounded-lg text-sm p-2.5 transition duration-200 ease-in-out hover:text-blue-500"
>
<svg
id="theme-toggle-dark-icon"
class="hidden w-5 h-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
></path>
</svg>
<svg
id="theme-toggle-light-icon"
class="hidden w-5 h-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
fill-rule="evenodd"
clip-rule="evenodd"
></path>
</svg>
</button>
</li>
</ul>
</nav>
<div
class="flex items-center border-l border-gray-200 dark:border-gray-600 ml-6 pl-6 max-md:hidden"
>
<a
href="https://github.com/Spuckwaffel/dumpspace/pulls"
class="bg-blue-700 hover:bg-blue-500 font-bold py-2 px-4 font-medium rounded-lg text-white px-4 py-2 text-center"
target="_blank"
>
Upload Dump
</a>
</div>
</div>
</div>
</nav>
<div class="px-10 md:px-28 pt-20 md:pt-40">
<h1
class="text-slate-900 font-extrabold text-4xl sm:text-5xl lg:text-6xl tracking-tight text-center dark:text-slate-100"
>
Your place for game dumps.<br />
</h1>
<p
class="mt-6 text-lg text-slate-600 text-center max-w-3xl mx-auto dark:text-slate-400 pt-2"
>
Explore and analyze game dumps created by the community for various game
engines using our user-friendly web interface. Effortlessly browse
through classes, structs, enums, and functions.
</p>
<div
class="md:flex items-center md:justify-center grid grid-cols-1 md:grid-cols-2 pt-10 pb-20 md:space-x-4 space-y-8 md:space-y-0"
>
<a
href="#game-categories"
id="getStartedButton"
class="bg-blue-700 hover:bg-blue-500 font-bold py-2 px-4 font-medium rounded-lg text-white text-center"
>
Get started
</a>
<div
class="flex items-center justify-center w-auto md:w-72 text-left space-x-1 px-2 h-10 bg-white ring-1 ring-slate-900/10 hover:ring-slate-300 focus:outline-none focus:ring-1 focus:ring-blue-500 shadow-sm rounded-lg text-slate-400 transition duration-300 ease-in-out hover:shadow-inner hover:dark:shadow-slate-100/10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-slate-100"
id="allGamesOpener"
>
<svg
width="24"
height="24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="flex-none text-slate-300 dark:text-slate-400"
aria-hidden="true"
>
<path d="m19 19-3.5-3.5"></path>
<circle cx="11" cy="11" r="6"></circle>
</svg>
<span class="flex-auto">Search for game...</span>
</div>
</div>
<div
class="relative mx-auto mx-0 max-w-none grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-12"
>
<div
class="flex space-x-4 bg-slate-200/10 rounded-lg p-6 ring-1 ring-slate-500/10 shadow-sm hover:dark:shadow-slate-100/10 transition duration-300 ease-in-out hover:shadow-md"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-16 h-16 flex-none dark:fill-slate-300"
viewBox="0 0 24 24"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16 6C14.3432 6 13 7.34315 13 9C13 10.6569 14.3432 12 16 12C17.6569 12 19 10.6569 19 9C19 7.34315 17.6569 6 16 6ZM11 9C11 6.23858 13.2386 4 16 4C18.7614 4 21 6.23858 21 9C21 10.3193 20.489 11.5193 19.6542 12.4128C21.4951 13.0124 22.9176 14.1993 23.8264 15.5329C24.1374 15.9893 24.0195 16.6114 23.5631 16.9224C23.1068 17.2334 22.4846 17.1155 22.1736 16.6591C21.1979 15.2273 19.4178 14 17 14C13.166 14 11 17.0742 11 19C11 19.5523 10.5523 20 10 20C9.44773 20 9.00001 19.5523 9.00001 19C9.00001 18.308 9.15848 17.57 9.46082 16.8425C9.38379 16.7931 9.3123 16.7323 9.24889 16.6602C8.42804 15.7262 7.15417 15 5.50001 15C3.84585 15 2.57199 15.7262 1.75114 16.6602C1.38655 17.075 0.754692 17.1157 0.339855 16.7511C-0.0749807 16.3865 -0.115709 15.7547 0.248886 15.3398C0.809035 14.7025 1.51784 14.1364 2.35725 13.7207C1.51989 12.9035 1.00001 11.7625 1.00001 10.5C1.00001 8.01472 3.01473 6 5.50001 6C7.98529 6 10 8.01472 10 10.5C10 11.7625 9.48013 12.9035 8.64278 13.7207C9.36518 14.0785 9.99085 14.5476 10.5083 15.0777C11.152 14.2659 11.9886 13.5382 12.9922 12.9945C11.7822 12.0819 11 10.6323 11 9ZM3.00001 10.5C3.00001 9.11929 4.1193 8 5.50001 8C6.88072 8 8.00001 9.11929 8.00001 10.5C8.00001 11.8807 6.88072 13 5.50001 13C4.1193 13 3.00001 11.8807 3.00001 10.5Z"
/>
</svg>
<div>
<p class="font-semibold text-lg dark:text-slate-100">Community</p>
<p class="text-sm dark:text-slate-400">
All uploads were made by people from the Dumpspace community.
</p>
</div>
</div>
<div
class="flex space-x-4 bg-slate-200/10 rounded-lg p-6 ring-1 ring-slate-500/10 shadow-sm hover:dark:shadow-slate-100/10 transition duration-300 ease-in-out hover:shadow-md"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-16 h-16 flex-none stroke-black dark:stroke-slate-300"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M20.5 7.27783L12 12.0001M12 12.0001L3.49997 7.27783M12 12.0001L12 21.5001M14 20.889L12.777 21.5684C12.4934 21.726 12.3516 21.8047 12.2015 21.8356C12.0685 21.863 11.9315 21.863 11.7986 21.8356C11.6484 21.8047 11.5066 21.726 11.223 21.5684L3.82297 17.4573C3.52346 17.2909 3.37368 17.2077 3.26463 17.0893C3.16816 16.9847 3.09515 16.8606 3.05048 16.7254C3 16.5726 3 16.4013 3 16.0586V7.94153C3 7.59889 3 7.42757 3.05048 7.27477C3.09515 7.13959 3.16816 7.01551 3.26463 6.91082C3.37368 6.79248 3.52345 6.70928 3.82297 6.54288L11.223 2.43177C11.5066 2.27421 11.6484 2.19543 11.7986 2.16454C11.9315 2.13721 12.0685 2.13721 12.2015 2.16454C12.3516 2.19543 12.4934 2.27421 12.777 2.43177L20.177 6.54288C20.4766 6.70928 20.6263 6.79248 20.7354 6.91082C20.8318 7.01551 20.9049 7.13959 20.9495 7.27477C21 7.42757 21 7.59889 21 7.94153L21 12.5001M7.5 4.50008L16.5 9.50008M16 18.0001L18 20.0001L22 16.0001"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<div>
<p
class="font-semibold text-lg dark:text-slate-100"
id="supported-games"
>
0 supported games
</p>
<p class="text-sm dark:text-slate-400">
You can expand the list of supported games by uploading your own
dump.
</p>
</div>
</div>
<div
class="flex space-x-4 bg-slate-200/10 rounded-lg p-6 ring-1 ring-slate-500/10 shadow-sm hover:dark:shadow-slate-100/10 transition duration-300 ease-in-out hover:shadow-md"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-16 h-16 flex-none stroke-black dark:stroke-slate-300"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12.9046 3.06005C12.6988 3 12.4659 3 12 3C11.5341 3 11.3012 3 11.0954 3.06005C10.7942 3.14794 10.5281 3.32808 10.3346 3.57511C10.2024 3.74388 10.1159 3.96016 9.94291 4.39272C9.69419 5.01452 9.00393 5.33471 8.36857 5.123L7.79779 4.93281C7.3929 4.79785 7.19045 4.73036 6.99196 4.7188C6.70039 4.70181 6.4102 4.77032 6.15701 4.9159C5.98465 5.01501 5.83376 5.16591 5.53197 5.4677C5.21122 5.78845 5.05084 5.94882 4.94896 6.13189C4.79927 6.40084 4.73595 6.70934 4.76759 7.01551C4.78912 7.2239 4.87335 7.43449 5.04182 7.85566C5.30565 8.51523 5.05184 9.26878 4.44272 9.63433L4.16521 9.80087C3.74031 10.0558 3.52786 10.1833 3.37354 10.3588C3.23698 10.5141 3.13401 10.696 3.07109 10.893C3 11.1156 3 11.3658 3 11.8663C3 12.4589 3 12.7551 3.09462 13.0088C3.17823 13.2329 3.31422 13.4337 3.49124 13.5946C3.69158 13.7766 3.96395 13.8856 4.50866 14.1035C5.06534 14.3261 5.35196 14.9441 5.16236 15.5129L4.94721 16.1584C4.79819 16.6054 4.72367 16.829 4.7169 17.0486C4.70875 17.3127 4.77049 17.5742 4.89587 17.8067C5.00015 18.0002 5.16678 18.1668 5.5 18.5C5.83323 18.8332 5.99985 18.9998 6.19325 19.1041C6.4258 19.2295 6.68733 19.2913 6.9514 19.2831C7.17102 19.2763 7.39456 19.2018 7.84164 19.0528L8.36862 18.8771C9.00393 18.6654 9.6942 18.9855 9.94291 19.6073C10.1159 20.0398 10.2024 20.2561 10.3346 20.4249C10.5281 20.6719 10.7942 20.8521 11.0954 20.94C11.3012 21 11.5341 21 12 21C12.4659 21 12.6988 21 12.9046 20.94C13.2058 20.8521 13.4719 20.6719 13.6654 20.4249C13.7976 20.2561 13.8841 20.0398 14.0571 19.6073C14.3058 18.9855 14.9961 18.6654 15.6313 18.8773L16.1579 19.0529C16.605 19.2019 16.8286 19.2764 17.0482 19.2832C17.3123 19.2913 17.5738 19.2296 17.8063 19.1042C17.9997 18.9999 18.1664 18.8333 18.4996 18.5001C18.8328 18.1669 18.9994 18.0002 19.1037 17.8068C19.2291 17.5743 19.2908 17.3127 19.2827 17.0487C19.2759 16.8291 19.2014 16.6055 19.0524 16.1584L18.8374 15.5134C18.6477 14.9444 18.9344 14.3262 19.4913 14.1035C20.036 13.8856 20.3084 13.7766 20.5088 13.5946C20.6858 13.4337 20.8218 13.2329 20.9054 13.0088C21 12.7551 21 12.4589 21 11.8663C21 11.3658 21 11.1156 20.9289 10.893C20.866 10.696 20.763 10.5141 20.6265 10.3588C20.4721 10.1833 20.2597 10.0558 19.8348 9.80087L19.5569 9.63416C18.9478 9.26867 18.6939 8.51514 18.9578 7.85558C19.1262 7.43443 19.2105 7.22383 19.232 7.01543C19.2636 6.70926 19.2003 6.40077 19.0506 6.13181C18.9487 5.94875 18.7884 5.78837 18.4676 5.46762C18.1658 5.16584 18.0149 5.01494 17.8426 4.91583C17.5894 4.77024 17.2992 4.70174 17.0076 4.71872C16.8091 4.73029 16.6067 4.79777 16.2018 4.93273L15.6314 5.12287C14.9961 5.33464 14.3058 5.0145 14.0571 4.39272C13.8841 3.96016 13.7976 3.74388 13.6654 3.57511C13.4719 3.32808 13.2058 3.14794 12.9046 3.06005Z"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<div>
<p class="font-semibold text-lg dark:text-slate-100">3 Engines</p>
<p class="text-sm dark:text-slate-400">
Currently, we support multiple game engines for a wide range of
games.
</p>
</div>
</div>
</div>
</div>
<div class="pt-20"></div>
<nav
id="game-categories"
class="bg-white text-sm font-medium text-slate-700 dark:text-slate-100 py-5 border-t border-gray-200 dark:border-gray-600 dark:bg-slate-900"
>
<div class="flex mx-10 px20 space-x-10">
<a
href="#unreal-engine-4"
class="font-semibold text-lg transition duration-200 ease-in-out hover:text-blue-500"
>Unreal Engine 4</a
>
<a
href="#unreal-engine-5"
class="font-semibold text-lg transition duration-200 ease-in-out hover:text-blue-500"
>Unreal Engine 5</a
>
<a
href="#unity"
class="font-semibold text-lg transition duration-200 ease-in-out hover:text-blue-500"
>Unity</a
>
</div>
</nav>
<div
class="mx-auto bg-slate-100 dark:bg-slate-900 dark:text-slate-100 px-10"
>
<div id="unreal-engine-4" class="pt-24 border-b border-gray-200 mb-5">
<p class="font-extrabold text-2xl pb-1.5">Unreal Engine 4</p>
<p
class="text-sm w-full flex-none pb-2 text-slate-600 dark:text-slate-400"
>
All supported Unreal Engine 4 games with their classes, structs, enums
and functions dumped.
</p>
</div>
<div
id="unreal-engine-4-cards"
class="relative mx-auto mx-0 max-w-none grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-6 lg:gap-8 xl:gap-10"
></div>
<div id="unreal-engine-5" class="pt-24 border-b border-gray-200 mb-5">
<p class="font-extrabold text-2xl pb-1.5">Unreal Engine 5</p>
<p
class="text-sm w-full flex-none pb-2 text-slate-600 dark:text-slate-400"
>
All supported Unreal Engine 5 games with their classes, structs, enums
and functions dumped.
</p>
</div>
<div
id="unreal-engine-5-cards"
class="relative mx-auto mx-0 max-w-none grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-6 lg:gap-8 xl:gap-10"
></div>
<div id="unity" class="pt-24 border-b border-gray-200 mb-5">
<p class="font-extrabold text-2xl pb-1.5">Unity</p>
<p
class="text-sm w-full flex-none pb-2 text-slate-600 dark:text-slate-400"
>
All supported Unity games with their classes, structs, enums and
functions dumped.
</p>
</div>
<div
id="unity-cards"
class="relative mx-auto mx-0 max-w-none grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-6 lg:gap-8 xl:gap-10"
></div>
<div class="pt-32 border-b border-gray-200 mb-8">
<div
class="mx-0 relative max-w-none sm:grid sm:grid-cols-3 sm:gap-4 items-center pb-8 text-center text-sm font-semibold text-slate-600 dark:text-slate-400 pb-4"
>
<p>Made with ♡ by Spuckwaffel</p>
<p>Created by the community for the community</p>
<p>contact-dumpspace@spuckwaffel.com</p>
</div>
</div>
<p
class="items-center sm:text-left text-center text-2xl font-semibold text-dark dark:text-slate-100 pb-12"
>
Dumpspace
</p>
</div>
<div
class="absolute inset-0 flex items-center justify-center z-40 my-64 hidden"
id="allGamesDiv"
>
<div
class="mx-4 xl:w-[60vw] bg-gray-100 dark:bg-gray-900 rounded-lg text-black dark:text-slate-100 border border-gray-200 dark:border-gray-600"
>
<div
class="flex items-center justify-between p-5 border-b rounded-t border-gray-200 dark:border-gray-600"
>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-100 pr-4">
All Supported Games
</h3>
<button
class="flex-none -mr-2 -my-1.5 text-gray-400 hover:text-blue-500 rounded-lg p-1.5 inline-flex items-center justify-center h-8 w-8 transition duration-200 ease-in-out"
id="allGamesDivCloser"
>
<svg
class="w-3 h-3"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 14 14"
>
<path
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
/>
</svg>
</button>
</div>
<div class="p-5 space-y-4">
<p
class="text-base leading-relaxed text-slate-600 dark:text-slate-500"
>
Here is a list of all supported games of every supported engine in
alphabetical order.
</p>
<div
id="searchDiv"
class="flex items-center justify-center w-full text-left space-x-1 px-2 h-10 bg-white ring-1 ring-slate-900/10 hover:ring-slate-300 focus:outline-none focus:ring-1 focus:ring-blue-500 shadow-sm rounded-lg text-slate-400 transition duration-300 ease-in-out hover:shadow-inner dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-slate-100"
>
<svg
width="24"
height="24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="flex-none text-slate-300 dark:text-slate-400"
aria-hidden="true"
>
<path d="m19 19-3.5-3.5"></path>
<circle cx="11" cy="11" r="6"></circle>
</svg>
<input
id="class-search-input"
onkeyup="handleSearchInput()"
class="w-full !outline-none bg-white dark:bg-gray-700 text-slate-700 placeholder-gray-600 dark:placeholder-gray-400 dark:text-white transition duration-300 ease-in-out"
placeholder="Search..."
required
/>
<button
id="search-cancel-button"
class="text-slate-300 dark:text-slate-400 hidden"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 30 30"
width="20px"
height="20px"
fill="currentColor"
>
<path
d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M16.414,15 c0,0,3.139,3.139,3.293,3.293c0.391,0.391,0.391,1.024,0,1.414c-0.391,0.391-1.024,0.391-1.414,0C18.139,19.554,15,16.414,15,16.414 s-3.139,3.139-3.293,3.293c-0.391,0.391-1.024,0.391-1.414,0c-0.391-0.391-0.391-1.024,0-1.414C10.446,18.139,13.586,15,13.586,15 s-3.139-3.139-3.293-3.293c-0.391-0.391-0.391-1.024,0-1.414c0.391-0.391,1.024-0.391,1.414,0C11.861,10.446,15,13.586,15,13.586 s3.139-3.139,3.293-3.293c0.391-0.391,1.024-0.391,1.414,0c0.391,0.391,0.391,1.024,0,1.414C19.554,11.861,16.414,15,16.414,15z"
/>
</svg>
</button>
</div>
<div
class="h-[30vh] my-16 border rounded-lg border-gray-200 dark:border-gray-600 relative min-w-0 overflow-y-auto overflow-x-hidden"
id="gameListDiv"
></div>
</div>
</div>
</div>
<script src="GameCards.js"></script>
<script src="Games/shared.js"></script>
</body>
</html>