Update dev console (#237)

Author: jbampton

src/_includes/footer.njk

@@ -79,6 +79,14 @@
         </div>
     </div>
 
+    <div class="relative group">
+        <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">
+            <span id="destruct-text">SYS_SELF_DESTRUCT</span>
+            <span id="destruct-timer" class="font-black"></span>
+        </button>
+        <div id="destruct-bar" class="absolute bottom-0 left-0 h-[2px] bg-red-500 w-0 transition-all"></div>
+    </div>
+
     <div class="mt-4 pt-4 border-t border-white/10">
         <p class="text-[9px] text-slate-500 leading-tight">Secret Console: <span class="text-white">'D'</span></p>
     </div>

src/_includes/header.njk

@@ -35,7 +35,7 @@
     <div class="flex items-center gap-3 md:gap-4">
       {% if page.url == "/" %}
         <button onclick="scrollToRandomUser()"
-                class="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">
+                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">
           ✨ Surprise
         </button>
       {% endif %}