Skip to content

Commit 5eed5fa

Browse files
jbamptonjbampton
authored
Create separate files for cleaner dev (#272)
1 parent 2919b51 commit 5eed5fa

File tree

7 files changed

+361
-103
lines changed

7 files changed

+361
-103
lines changed

‎src/_includes/bio.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,6 @@
103103

104104
{% include "footer.njk" %}
105105

106-
<script src="/assets/js/script.js"></script>
107106
<script>
108107
// Specific helper for the bio page email copy
109108
function copyToClipboard(text, el) {

‎src/_includes/footer.njk‎

Lines changed: 4 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -45,106 +45,10 @@
4545
</div>
4646
</footer>
4747

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>
52-
</div>
53-
54-
<div class="grid grid-cols-2 gap-1.5 mb-2">
55-
<button onclick="triggerSecretUnlock('matrix')" class="override-btn 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
57-
</button>
58-
<button onclick="triggerSecretUnlock('konami')" class="override-btn 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
60-
</button>
61-
<button onclick="triggerSecretUnlock('gravity')" class="override-btn 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
63-
</button>
64-
<button onclick="triggerSecretUnlock('badge_click')" class="override-btn 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
66-
</button>
67-
</div>
48+
{% include "system-override.njk" %}
6849

69-
<div class="space-y-1 mb-2">
70-
<button onclick="addExperience(5); playSound('click');" class="override-btn 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="override-btn 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(); playSound('levelUp');" class="override-btn 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">+50 XP</span>
81-
</button>
82-
<button onclick="toggleScreenshotMode()" class="override-btn 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">[5 Seconds]</span>
85-
</button>
86-
</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-
class="override-btn"
97-
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;"
98-
>
99-
<button
100-
onclick="jumpToLevel()"
101-
class="override-btn 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"
102-
style="height: 30px !important;"
103-
>
104-
EXECUTE
105-
</button>
106-
</div>
107-
</div>
50+
{% include "matrix-overlay.njk" %}
10851

109-
<div class="flex gap-1.5 pt-2 border-t border-white/10">
110-
<button id="self-destruct-btn" onclick="startSelfDestruct()" class="override-btn 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">
111-
<span id="destruct-text">DESTRUCT</span>
112-
<span id="destruct-timer"></span>
113-
</button>
114-
<button onclick="localStorage.clear(); location.reload();" class="override-btn 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">
115-
Reset
116-
</button>
117-
</div>
52+
{% include "system-log.njk" %}
11853

119-
<p class="mt-2 text-center uppercase tracking-tighter text-[9px] text-white/60 tracking-widest mb-1.5 block font-bold">Press <span class="text-red-400">'D'</span> to toggle</p>
120-
</div>
121-
122-
<div id="matrix-overlay" class="fixed inset-0 bg-black hidden z-[9999]">
123-
<canvas id="matrix-canvas" class="block"></canvas>
124-
<button onclick="closeMatrix()" class="fixed top-8 right-8 z-[10000] bg-white/10 hover:bg-white/20 text-white px-6 py-3 rounded-full font-mono text-xs border border-white/30 backdrop-blur-md">
125-
[ESC] EXIT_SIMULATION
126-
</button>
127-
</div>
128-
<button id="reopen-console-btn" onclick="reopenConsole()" class="fixed bottom-6 right-6 p-3 bg-black/80 border border-green-500/30 rounded-full text-green-500 hidden hover:scale-110 transition-all z-[999]" title="Open System Log">
129-
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>
130-
</button>
131-
<div id="matrix-console-container" class="fixed bottom-6 right-6 w-80 z-[1000] transition-all duration-300 ease-in-out">
132-
<div class="bg-black/90 backdrop-blur-xl border border-green-500/30 rounded-t-lg overflow-hidden shadow-2xl">
133-
134-
<div class="bg-green-500/10 border-b border-green-500/30 px-3 py-2 flex justify-between items-center cursor-grab select-none">
135-
<div class="flex items-center gap-2">
136-
<span class="text-[10px] font-mono text-green-500 uppercase tracking-widest opacity-70">System_Log</span>
137-
</div>
138-
139-
<div class="flex gap-2">
140-
<button onclick="minimizeConsole()" class="w-3 h-3 rounded-full bg-yellow-500/20 border border-yellow-500/50 hover:bg-yellow-500/50 transition-colors" title="Minimize"></button>
141-
<button onclick="maximizeConsole()" class="w-3 h-3 rounded-full bg-green-500/20 border border-green-500/50 hover:bg-green-500/50 transition-colors" title="Maximize"></button>
142-
<button onclick="closeConsole()" class="w-3 h-3 rounded-full bg-red-500/20 border border-red-500/50 hover:bg-red-500/50 transition-colors" title="Close"></button>
143-
</div>
144-
</div>
145-
146-
<div id="matrix-console-output" class="h-48 p-3 overflow-y-auto font-mono text-[11px] leading-tight">
147-
<p class="text-green-500/40">// Terminal link established...</p>
148-
</div>
149-
</div>
150-
</div>
54+
<script src="/assets/js/script.js"></script>

‎src/_includes/matrix-overlay.njk‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<div id="matrix-overlay" class="fixed inset-0 bg-black hidden z-[9999]">
2+
<canvas id="matrix-canvas" class="block"></canvas>
3+
<button onclick="closeMatrix()" class="fixed top-8 right-8 z-[10000] bg-white/10 hover:bg-white/20 text-white px-6 py-3 rounded-full font-mono text-xs border border-white/30 backdrop-blur-md">
4+
[ESC] EXIT_SIMULATION
5+
</button>
6+
</div>

‎src/_includes/system-log.njk‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<button id="reopen-console-btn" onclick="reopenConsole()" class="fixed bottom-6 right-6 p-3 bg-black/80 border border-green-500/30 rounded-full text-green-500 hidden hover:scale-110 transition-all z-[999]" title="Open System Log">
2+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>
3+
</button>
4+
<div id="matrix-console-container" class="fixed bottom-6 right-6 w-80 z-[1000] transition-all duration-300 ease-in-out">
5+
<div class="bg-black/90 backdrop-blur-xl border border-green-500/30 rounded-t-lg overflow-hidden shadow-2xl">
6+
7+
<div class="bg-green-500/10 border-b border-green-500/30 px-3 py-2 flex justify-between items-center cursor-grab select-none">
8+
<div class="flex items-center gap-2">
9+
<span class="text-[10px] font-mono text-green-500 uppercase tracking-widest opacity-70">System_Log</span>
10+
</div>
11+
12+
<div class="flex gap-2">
13+
<button onclick="minimizeConsole()" class="w-3 h-3 rounded-full bg-yellow-500/20 border border-yellow-500/50 hover:bg-yellow-500/50 transition-colors" title="Minimize"></button>
14+
<button onclick="maximizeConsole()" class="w-3 h-3 rounded-full bg-green-500/20 border border-green-500/50 hover:bg-green-500/50 transition-colors" title="Maximize"></button>
15+
<button onclick="closeConsole()" class="w-3 h-3 rounded-full bg-red-500/20 border border-red-500/50 hover:bg-red-500/50 transition-colors" title="Close"></button>
16+
</div>
17+
</div>
18+
19+
<div id="matrix-console-output" class="h-48 p-3 overflow-y-auto font-mono text-[11px] leading-tight">
20+
<p class="text-green-500/40">// Terminal link established...</p>
21+
</div>
22+
</div>
23+
</div>

‎src/_includes/system-override.njk‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<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">
2+
<div class="flex justify-between items-center mb-2 pb-2 border-b border-white/10">
3+
<h3 class="text-accent text-[9px] font-black uppercase tracking-widest">System Override</h3>
4+
<span class="text-[8px] text-white/40">v1.0.4</span>
5+
</div>
6+
7+
<div class="grid grid-cols-2 gap-1.5 mb-2">
8+
<button onclick="triggerSecretUnlock('matrix')" class="override-btn 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">
9+
MATRIX
10+
</button>
11+
<button onclick="triggerSecretUnlock('konami')" class="override-btn 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">
12+
KONAMI
13+
</button>
14+
<button onclick="triggerSecretUnlock('gravity')" class="override-btn 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">
15+
GRAVITY
16+
</button>
17+
<button onclick="triggerSecretUnlock('badge_click')" class="override-btn 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">
18+
BADGE_XP
19+
</button>
20+
</div>
21+
22+
<div class="space-y-1 mb-2">
23+
<button onclick="addExperience(5); playSound('click');" class="override-btn w-full flex justify-between px-2 py-1 bg-cyan-500/5 text-cyan-400 text-[8px] border border-cyan-500/20 rounded">
24+
<span>💎 SKILL_MINER</span>
25+
<span class="opacity-50">+5</span>
26+
</button>
27+
<button onclick="addExperience(15); playSound('restore');" class="override-btn w-full flex justify-between px-2 py-1 bg-pink-500/5 text-pink-400 text-[8px] border border-pink-500/20 rounded">
28+
<span>🛠️ SYS_OPTIMIZE</span>
29+
<span class="opacity-50">+15</span>
30+
</button>
31+
<button onclick="triggerMagicXP(); playSound('levelUp');" class="override-btn 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">
32+
<span>✨ CAST_MAGIC_XP</span>
33+
<span class="group-hover:animate-pulse">+50 XP</span>
34+
</button>
35+
<button onclick="toggleScreenshotMode()" class="override-btn w-full flex justify-between px-2 py-1 bg-white/5 text-slate-400 text-[8px] border border-white/10 rounded">
36+
<span>📸 SCREENSHOT</span>
37+
<span class="opacity-50">[5 Seconds]</span>
38+
</button>
39+
</div>
40+
<div class="mt-4 pt-4 border-t border-white/10">
41+
<label class="text-[8px] text-white/60 uppercase tracking-widest mb-1.5 block font-bold">Coordinate Jump (0-200)</label>
42+
<div class="flex gap-2">
43+
<input
44+
type="number"
45+
id="jump-lvl"
46+
placeholder="0"
47+
min="0"
48+
max="200"
49+
class="override-btn"
50+
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;"
51+
>
52+
<button
53+
onclick="jumpToLevel()"
54+
class="override-btn 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"
55+
style="height: 30px !important;"
56+
>
57+
<span>▶️ EXECUTE</span>
58+
</button>
59+
</div>
60+
</div>
61+
62+
<div class="flex gap-1.5 pt-2 border-t border-white/10">
63+
<button id="self-destruct-btn" onclick="startSelfDestruct()" class="override-btn 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">
64+
<span id="destruct-text">💥 DESTRUCT</span>
65+
<span id="destruct-timer"></span>
66+
</button>
67+
<button onclick="localStorage.clear(); location.reload();" class="override-btn 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">
68+
<span>🔄 Reset</span>
69+
</button>
70+
</div>
71+
72+
<p class="mt-2 text-center uppercase tracking-tighter text-[9px] text-white/60 tracking-widest mb-1.5 block font-bold">Press '<span class="text-red-400">D</span>' to toggle</p>
73+
</div>

0 commit comments

Comments
 (0)