Skip to content

Commit 88529f1

Browse files
authored
Merge branch 'main' into fix-pre-commit-config
2 parents 917bc39 + 151b2db commit 88529f1

File tree

4 files changed

+886
-127
lines changed

4 files changed

+886
-127
lines changed

src/_includes/footer.njk

Lines changed: 59 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -45,51 +45,77 @@
4545
</div>
4646
</footer>
4747

48-
<div id="dev-tools" class="fixed bottom-6 left-6 z-[5000] hidden bg-slate-900 border-2 border-accent p-6 rounded-2xl shadow-2xl backdrop-blur-xl w-64 font-mono">
49-
<div class="flex justify-between items-center mb-4">
50-
<h3 class="text-accent text-xs font-black uppercase tracking-tighter">System Override</h3>
51-
<span class="text-[9px] bg-accent/20 text-accent px-1.5 py-0.5 rounded">v1.0.4</span>
48+
<div id="dev-tools" class="fixed bottom-6 left-6 z-[5000] hidden bg-slate-950/90 border border-accent/40 p-3 rounded-xl shadow-2xl backdrop-blur-md w-64 font-mono">
49+
<div class="flex justify-between items-center mb-2 pb-2 border-b border-white/10">
50+
<h3 class="text-accent text-[9px] font-black uppercase tracking-widest">System Override</h3>
51+
<span class="text-[8px] text-white/40">v1.0.4</span>
5252
</div>
5353

54-
<div class="space-y-3">
55-
<button onclick="triggerSecretUnlock('matrix')" class="w-full py-2 bg-white/5 hover:bg-green-500/20 text-green-500 text-[10px] border border-green-500/30 rounded-lg transition-all flex justify-between px-3">
56-
<span>RUN_MATRIX.exe</span>
57-
<span class="opacity-50">+1 LVL</span>
54+
<div class="grid grid-cols-2 gap-1.5 mb-2">
55+
<button onclick="triggerSecretUnlock('matrix')" class="py-1.5 bg-green-500/5 hover:bg-green-500/20 text-green-500 text-[8px] border border-green-500/20 rounded transition-all">
56+
MATRIX
5857
</button>
59-
60-
<button onclick="triggerSecretUnlock('konami')" class="w-full py-2 bg-white/5 hover:bg-yellow-500/20 text-yellow-500 text-[10px] border border-yellow-500/30 rounded-lg transition-all flex justify-between px-3">
61-
<span>TRIGGER_KONAMI</span>
62-
<span class="opacity-50">+1 LVL</span>
58+
<button onclick="triggerSecretUnlock('konami')" class="py-1.5 bg-yellow-500/5 hover:bg-yellow-500/20 text-yellow-500 text-[8px] border border-yellow-500/20 rounded transition-all">
59+
KONAMI
6360
</button>
64-
65-
<button onclick="triggerSecretUnlock('gravity')" class="w-full py-2 bg-white/5 hover:bg-red-500/20 text-red-500 text-[10px] border border-red-500/30 rounded-lg transition-all flex justify-between px-3">
66-
<span>INIT_GRAVITY</span>
67-
<span class="opacity-50">+1 LVL</span>
61+
<button onclick="triggerSecretUnlock('gravity')" class="py-1.5 bg-red-500/5 hover:bg-red-500/20 text-red-500 text-[8px] border border-red-500/20 rounded transition-all">
62+
GRAVITY
6863
</button>
69-
70-
<button onclick="triggerSecretUnlock('badge_click')" class="w-full py-2 bg-white/5 hover:bg-purple-500/20 text-purple-400 text-[10px] border border-purple-500/30 rounded-lg transition-all flex justify-between px-3">
71-
<span>UNLOCK_BADGE_XP</span>
72-
<span class="opacity-50">+1 LVL</span>
64+
<button onclick="triggerSecretUnlock('badge_click')" class="py-1.5 bg-purple-500/5 hover:bg-purple-500/20 text-purple-400 text-[8px] border border-purple-500/20 rounded transition-all">
65+
BADGE_XP
7366
</button>
74-
75-
<div class="pt-2">
76-
<button onclick="localStorage.clear(); location.reload();" class="w-full py-3 bg-blue-600/20 hover:bg-blue-600/40 text-blue-400 text-[10px] font-bold border border-blue-500/30 rounded-lg transition-all">
77-
RESET_PLAYER_DATA
78-
</button>
79-
</div>
8067
</div>
8168

82-
<div class="relative group">
83-
<button id="self-destruct-btn" onclick="startSelfDestruct()" class="w-full py-2 bg-red-600/20 hover:bg-red-600/40 text-red-500 text-[10px] border border-red-500/50 rounded-lg transition-all flex justify-between px-3 overflow-hidden">
84-
<span id="destruct-text">SYS_SELF_DESTRUCT</span>
85-
<span id="destruct-timer" class="font-black"></span>
69+
<div class="space-y-1 mb-2">
70+
<button onclick="addExperience(5)" class="w-full flex justify-between px-2 py-1 bg-cyan-500/5 text-cyan-400 text-[8px] border border-cyan-500/20 rounded">
71+
<span>💎 SKILL_MINER</span>
72+
<span class="opacity-50">+5</span>
73+
</button>
74+
<button onclick="addExperience(15); playSound('restore');" class="w-full flex justify-between px-2 py-1 bg-pink-500/5 text-pink-400 text-[8px] border border-pink-500/20 rounded">
75+
<span>🛠️ SYS_OPTIMIZE</span>
76+
<span class="opacity-50">+15</span>
77+
</button>
78+
<button onclick="triggerMagicXP()" class="w-full flex justify-between px-2 py-1.5 bg-gradient-to-r from-purple-600/20 to-blue-600/20 text-purple-400 text-[8px] border border-purple-500/30 rounded hover:from-purple-600/40 hover:to-blue-600/40 transition-all group">
79+
<span>✨ CAST_MAGIC_XP</span>
80+
<span class="group-hover:animate-pulse">+100 XP</span>
81+
</button>
82+
<button onclick="toggleScreenshotMode()" class="w-full flex justify-between px-2 py-1 bg-white/5 text-slate-400 text-[8px] border border-white/10 rounded">
83+
<span>📸 SCREENSHOT</span>
84+
<span class="opacity-50">5S</span>
8685
</button>
87-
<div id="destruct-bar" class="absolute bottom-0 left-0 h-[2px] bg-red-500 w-0 transition-all"></div>
8886
</div>
87+
<div class="mt-4 pt-4 border-t border-white/10">
88+
<label class="text-[8px] text-white/60 uppercase tracking-widest mb-1.5 block font-bold">Coordinate Jump (0-200)</label>
89+
<div class="flex gap-2">
90+
<input
91+
type="number"
92+
id="jump-lvl"
93+
placeholder="0"
94+
min="0"
95+
max="200"
96+
style="background-color: #000 !important; color: #00ffcc !important; border: 1px solid #00ffcc !important; width: 60px !important; height: 30px !important; font-size: 14px !important; padding: 0 5px !important; border-radius: 4px !important;"
97+
>
98+
<button
99+
onclick="jumpToLevel()"
100+
class="flex-1 bg-accent/20 hover:bg-accent/40 text-accent text-[10px] font-black py-1 rounded transition-all border border-accent/40 uppercase"
101+
style="height: 30px !important;"
102+
>
103+
EXECUTE
104+
</button>
105+
</div>
106+
</div>
89107

90-
<div class="mt-4 pt-4 border-t border-white/10">
91-
<p class="text-[9px] text-slate-500 leading-tight">Secret Console: <span class="text-white">'D'</span></p>
108+
<div class="flex gap-1.5 pt-2 border-t border-white/10">
109+
<button id="self-destruct-btn" onclick="startSelfDestruct()" class="flex-1 py-1.5 bg-red-600/10 hover:bg-red-600/30 text-red-500 text-[8px] border border-red-500/30 rounded flex justify-center gap-1">
110+
<span id="destruct-text">DESTRUCT</span>
111+
<span id="destruct-timer"></span>
112+
</button>
113+
<button onclick="localStorage.clear(); location.reload();" class="px-2 py-1.5 bg-blue-600/10 hover:bg-blue-600/30 text-blue-400 text-[8px] border border-blue-500/20 rounded uppercase">
114+
Reset
115+
</button>
92116
</div>
117+
118+
<p class="mt-2 text-[7px] text-slate-600 text-center uppercase tracking-tighter">Press <span class="text-slate-400">'D'</span> to toggle</p>
93119
</div>
94120

95121
<div id="matrix-overlay" class="fixed inset-0 bg-black hidden z-[9999]">

src/_includes/header.njk

Lines changed: 23 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -34,24 +34,33 @@
3434

3535
<div class="flex items-center gap-3 md:gap-4">
3636
{% if page.url == "/" %}
37-
<button onclick="scrollToRandomUser()"
38-
class="surprise-btn px-4 py-2 md:px-6 md:py-3 bg-accent text-white text-[10px] md:text-[11px] font-black uppercase tracking-widest rounded-xl hover:brightness-110 hover:-translate-y-0.5 transition-all shadow-lg shadow-accent/20">
39-
✨ Surprise
37+
<button
38+
onclick="scrollToRandomUser()"
39+
class="surprise-btn bg-blue-600 text-white px-8 py-3 rounded-full font-black uppercase tracking-widest transition-all active:scale-95 shadow-lg shadow-blue-500/30"
40+
>
41+
✨ Surprise Me
4042
</button>
4143
{% endif %}
4244

4345
<div id="game-stats" class="flex items-center gap-3 md:gap-4 px-3 py-1.5 md:px-4 md:py-2 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-2xl shadow-sm">
44-
<div id="level-badge" onclick="handleLevelClick()" class="w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-xl text-lg md:text-xl bg-black/5 dark:bg-white/5">🐣</div>
45-
46-
<div class="hidden sm:flex flex-col">
47-
<div class="flex items-center gap-2">
48-
<span id="level-name" class="text-[9px] md:text-[10px] font-black uppercase tracking-widest text-[var(--text-main)]">Newbie</span>
49-
<span class="text-[8px] md:text-[9px] opacity-60 font-bold bg-black/5 dark:bg-white/10 px-1.5 py-0.5 rounded">LVL <span id="level-number">0</span></span>
50-
</div>
51-
<div class="w-20 md:w-28 h-1 md:h-1.5 bg-black/10 dark:bg-white/10 rounded-full mt-1.5 md:mt-2 overflow-hidden">
52-
<div id="level-progress" class="h-full bg-accent transition-all duration-1000" style="width: 0%"></div>
53-
</div>
54-
</div>
46+
<div id="level-badge" onclick="handleLevelClick()" class="w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-xl text-lg md:text-xl bg-black/5 dark:bg-white/5 relative">
47+
🐣
48+
</div>
49+
50+
<div class="hidden sm:flex flex-col">
51+
<div class="flex items-center gap-2">
52+
<span id="level-name" class="text-[9px] md:text-[10px] font-black uppercase tracking-widest text-[var(--text-main)]">Newbie</span>
53+
<span class="text-[8px] font-mono font-bold text-accent bg-accent/10 px-1.5 py-0.5 rounded">
54+
XP: <span id="total-xp-display">0</span>
55+
</span>
56+
<span class="text-[8px] md:text-[9px] opacity-60 font-bold bg-black/5 dark:bg-white/10 px-1.5 py-0.5 rounded">
57+
LVL <span id="level-number">0</span>
58+
</span>
59+
</div>
60+
<div class="w-20 md:w-28 h-1 md:h-1.5 bg-black/10 dark:bg-white/10 rounded-full mt-1.5 md:mt-2 overflow-hidden">
61+
<div id="level-progress" class="h-full bg-accent transition-all duration-1000" style="width: 0%"></div>
62+
</div>
63+
</div>
5564

5665
<div class="w-px h-6 md:h-8 bg-[var(--border-color)]"></div>
5766

0 commit comments

Comments
 (0)