-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
71 lines (61 loc) · 3.85 KB
/
Copy pathindex.html
File metadata and controls
71 lines (61 loc) · 3.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>🧱 Keyou's Voxelverse</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<link rel="prefetch" href="/rick.txt" as="fetch">
<link rel="preload" href="/assets/nggyu.mp3" as="audio" crossorigin="anonymous">
<link rel="prefetch" href="/assets/breaks/glass_001.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/glass_002.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/glass_003.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/glass_004.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/glass_005.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/glass_006.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_001.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_002.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_003.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_004.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_004.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_005.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_006.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_007.ogg" as="audio" type="audio/ogg">
<link rel="prefetch" href="/assets/breaks/select_008.ogg" as="audio" type="audio/ogg">
</head>
<body class="m-0 p-0 font-pixel bg-black text-white overflow-hidden">
<div id="app" class="relative w-full overflow-hidden">
<!-- 🖥️ Canvas -->
<canvas id="voxel-canvas" class="absolute inset-0 w-full h-full z-0"></canvas>
<!-- 📋 Overlay UI -->
<div
class="absolute inset-0 z-10 flex flex-col items-center justify-center text-center p-4 pointer-events-none">
<h1 class="text-3xl sm:text-4xl md:text-5xl mb-2 drop-shadow-md">🧱 Keyou's Voxelverse</h1>
<p class="text-sm sm:text-base md:text-lg mb-2 drop-shadow-md">A universe built by gabut energy.</p>
<div
class="mt-4 max-w-lg px-4 py-3 bg-black/60 text-white text-sm sm:text-base leading-relaxed font-mono rounded shadow-lg ">
<p>
Yo! Aku <span class="text-green-400 font-bold">Keyou</span> — engineer, student, programmer, dan
pixel pusher.
Web ini lahir dari <span class="italic">gabut kreatif + insomnia logika</span>.
Kadang bikin dunia voxel... kadang ngerickroll pake ASCII.
Kalau lu nyasar ke sini, welcome to my brain dump.
</p>
</div>
<button id="ah-button"
class="pointer-events-auto bg-green-600 hover:bg-green-800 px-6 mt-4 py-2 rounded mb-2 text-sm sm:text-base md:text-lg shadow-lg transition hidden"
onclick="rick()">
Click This Button
</button>
<audio id="ah-audio" src="assets/nggyu.mp3"></audio>
<!-- 💬 NPC Bubble -->
<div id="npc-box"
class="pointer-events-none absolute bottom-4 left-1/2 -translate-x-1/2 w-[90%] max-w-sm bg-black/80 p-4 border border-green-500 rounded text-green-300 text-sm sm:text-base font-mono z-20 hidden">
<p id="npc-text" class="whitespace-pre leading-snug tracking-wide"></p>
</div>
</div>
</div>
<script type="module" src="./js/main.js"></script>
</body>
</html>