|
45 | 45 | </div> |
46 | 46 | </footer> |
47 | 47 |
|
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> |
52 | 52 | </div> |
53 | 53 |
|
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 |
58 | 57 | </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 |
63 | 60 | </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 |
68 | 63 | </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 |
73 | 66 | </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> |
80 | 67 | </div> |
81 | 68 |
|
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> |
86 | 85 | </button> |
87 | | - <div id="destruct-bar" class="absolute bottom-0 left-0 h-[2px] bg-red-500 w-0 transition-all"></div> |
88 | 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 | + 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> |
89 | 107 |
|
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> |
92 | 116 | </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> |
93 | 119 | </div> |
94 | 120 |
|
95 | 121 | <div id="matrix-overlay" class="fixed inset-0 bg-black hidden z-[9999]"> |
|
0 commit comments