subtle aesthetic updates

2026-01-07 18:49:44 -05:00
parent 6a4d74c5ea
commit 80db9d76f8
5 changed files with 456 additions and 37 deletions
--- a/views/DashboardView.php
+++ b/views/DashboardView.php
@@ -14,6 +14,54 @@
    <script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/dashboard.js"></script>
 </head>
 <body data-categories='<?php echo json_encode($categories); ?>' data-types='<?php echo json_encode($types); ?>'>
+
+    <!-- Terminal Boot Sequence -->
+    <div id="boot-sequence" class="boot-overlay">
+        <pre id="boot-text"></pre>
+    </div>
+    <script>
+        function showBootSequence() {
+            const bootText = document.getElementById('boot-text');
+            const bootOverlay = document.getElementById('boot-sequence');
+            const messages = [
+                '╔═══════════════════════════════════════╗',
+                '║   TINKER TICKETS TERMINAL v1.0       ║',
+                '║   BOOTING SYSTEM...                  ║',
+                '╚═══════════════════════════════════════╝',
+                '',
+                '[ OK ] Loading kernel modules...',
+                '[ OK ] Initializing ticket database...',
+                '[ OK ] Mounting user session...',
+                '[ OK ] Starting dashboard services...',
+                '[ OK ] Rendering ASCII frames...',
+                '',
+                '> SYSTEM READY ✓',
+                ''
+            ];
+
+            let i = 0;
+            const interval = setInterval(() => {
+                if (i < messages.length) {
+                    bootText.textContent += messages[i] + '\n';
+                    i++;
+                } else {
+                    setTimeout(() => {
+                        bootOverlay.style.opacity = '0';
+                        setTimeout(() => bootOverlay.remove(), 500);
+                    }, 500);
+                    clearInterval(interval);
+                }
+            }, 80);
+        }
+
+        // Run on first visit only (per session)
+        if (!sessionStorage.getItem('booted')) {
+            showBootSequence();
+            sessionStorage.setItem('booted', 'true');
+        } else {
+            document.getElementById('boot-sequence').remove();
+        }
+    </script>
    <div class="user-header">
        <div class="user-header-left">
            <span class="app-title">🎫 Tinker Tickets</span>