Add new logo image in 64px resolution to the website

website/index.html

@@ -7,10 +7,13 @@
     <meta name="description" content="Interactive terminal interface for Lit.ruv.wtf - A retro-styled command line experience with chat, documentation, and more.">
     
     <!-- Favicons -->
-    <link rel="icon" type="image/png" sizes="16x16" href="/icons/16.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/logos/16px.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/icons/32.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/logos/32px.png">
-    <link rel="icon" type="image/png" sizes="48x48" href="/icons/48.png">
+    <link rel="icon" type="image/png" sizes="48x48" href="/logos/48px.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/icons/180.png">
+    <link rel="icon" type="image/png" sizes="64x64" href="/logos/64px.png">
+    <link rel="icon" type="image/png" sizes="128x128" href="/logos/128px.png">
+    <link rel="icon" type="image/png" sizes="256x256" href="/logos/256px.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/logos/256px.png">
     
     <!-- Open Graph / Social Media -->
     <meta property="og:type" content="website">

website/styles.css

@@ -340,53 +340,105 @@ body {
 
 @media (max-width: 480px) {
     .crt-border-overlay {
-        border-width: 25px;
+        border-width: 15px;
-        border-image-width: 25px;
+        border-image-width: 15px;
     }
     
     .container,
     .boot-screen {
-        top: 25px;
+        top: 15px;
-        left: 25px;
+        left: 15px;
-        right: 25px;
+        right: 15px;
-        bottom: 35px;
+        bottom: 20px;
+        border-width: 2px;
     }
     
     .boot-screen {
-        font-size: 11px;
+        font-size: 10px;
-        padding: 10px;
+        padding: 8px;
+    }
+    
+    .terminal-header {
+        padding: 4px 8px;
     }
     
     .terminal-title {
-        letter-spacing: 1px;
+        letter-spacing: 0;
-        font-size: 10px;
+        font-size: 9px;
     }
     
     .header-left {
-        flex-direction: column;
+        flex-direction: row;
-        align-items: flex-start;
+        align-items: center;
-        gap: 8px;
+        gap: 6px;
     }
     
     .header-links {
-        gap: 6px;
+        gap: 4px;
-        font-size: 9px;
+        font-size: 8px;
     }
     
     .header-link {
         padding: 2px 4px;
     }
     
+    .header-right {
+        display: none;
+    }
+    
+    .status-bar {
+        padding: 3px 8px;
+        font-size: 9px;
+    }
+    
     .status-right {
         display: none;
     }
     
+    #terminal {
+        padding: 3px 5px;
+    }
+    
     /* Prevent iOS auto-zoom on input focus */
     .terminal-inline-input {
         font-size: 16px;
     }
 }
 
+/* Very small screens - minimal border */
+@media (max-width: 380px) {
+    .crt-border-overlay {
+        border-width: 8px;
+        border-image-width: 8px;
+    }
+    
+    .container,
+    .boot-screen {
+        top: 8px;
+        left: 8px;
+        right: 8px;
+        bottom: 12px;
+        border-width: 1px;
+        border-radius: 4px;
+    }
+    
+    .terminal-header {
+        padding: 3px 6px;
+    }
+    
+    .terminal-title {
+        font-size: 8px;
+    }
+    
+    .header-links {
+        display: none;
+    }
+    
+    .status-bar {
+        padding: 2px 6px;
+    }
+}
+
 /* Scrollbar styling */
 ::-webkit-scrollbar {
     width: 8px;

website/terminal.js

@@ -555,7 +555,7 @@ const commands = {
         description: 'Display welcome banner',
         execute: () => {
             const cols = term.cols;
-            if (cols >= 62) {
+            if (cols >= 78) {
                 term.writeln(welcomeBannerFull.split('\r\n').slice(0, -3).join('\r\n'));
                 writeClickable('  Type [command=help] for available commands.');
                 term.writeln('  Use ↑/↓ arrows to navigate command history.');
@@ -906,33 +906,19 @@ const commands = {
     }
 };
 
-// Welcome banner - full size (62 chars wide) - NFO style
+// Welcome banner - full size - NFO style
 const welcomeBannerFull = [
     '',
-    '            ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄',
+    ' ██╗     ██╗████████╗██████╗ ██╗   ██╗██╗   ██╗  ██╗    ██╗████████╗███████╗',
-    '          ▄█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▄',
+    ' ██║     ██║╚══██╔══╝██╔══██╗██║   ██║██║   ██║  ██║    ██║╚══██╔══╝██╔════╝',
-    '         ██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██',
+    ' ██║     ██║   ██║   ██████╔╝██║   ██║██║   ██║  ██║ █╗ ██║   ██║   █████╗  ',
-    '        ██░                                          ░██',
+    ' ██║     ██║   ██║   ██╔══██╗██║   ██║╚██╗ ██╔╝  ██║███╗██║   ██║   ██╔══╝  ',
-    '       ██░   ██╗     ██╗████████╗  ██████╗ ██╗   ██╗  ░██',
+    ' ███████╗██║   ██║██╗██║  ██║╚██████╔╝ ╚████╔╝██╗╚███╔███╔╝   ██║   ██║     ',
-    '      ██░    ██║     ██║╚══██╔══╝  ██╔══██╗██║   ██║   ░██',
+    ' ╚══════╝╚═╝   ╚═╝╚═╝╚═╝  ╚═╝ ╚═════╝   ╚═══╝ ╚═╝ ╚══╝╚══╝    ╚═╝   ╚═╝     ',
-    '     ██░     ██║     ██║   ██║     ██████╔╝██║   ██║    ░██',
-    '     ██░     ██║     ██║   ██║     ██╔══██╗██║   ██║    ░██',
-    '     ██░     ███████╗██║   ██║  ██╗██║  ██║╚██████╔╝    ░██',
-    '     ██░     ╚══════╝╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝     ░██',
-    '     ██░ ─────────────────────────────────────────────  ░██',
-    '     ██░              ██╗    ██╗████████╗███████╗       ░██',
-    '     ██░              ██║    ██║╚══██╔══╝██╔════╝       ░██',
-    '     ██░              ██║ █╗ ██║   ██║   █████╗         ░██',
-    '      ██░             ██║███╗██║   ██║   ██╔══╝        ░██',
-    '       ██░            ╚███╔███╔╝   ██║   ██║          ░██',
-    '        ██░            ╚══╝╚══╝    ╚═╝   ╚═╝         ░██',
-    '         ██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██',
-    '          ▀█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▀',
-    '            ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀',
     '',
-    '       ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓',
+    ' ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓',
-    '       ░░  TERMINAL v' + VERSION + '  ·  EST 2024  ·  LITRUV  ░░',
+    ' ░░  TERMINAL v' + VERSION + '  ·  EST 2024  ·  LITRUV  ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░',
-    '       ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓',
+    ' ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓',
     '',
     '  Type "help" for available commands.',
     '  Use ↑/↓ arrows to navigate command history.',
@@ -946,7 +932,7 @@ const welcomeBannerCompact = [
     '   ▄█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▄',
     '  ██░  LIT.RUV.WTF TERMINAL       ░██',
     '  ██░  ═══════════════════════    ░██',
-    '  ██░  v' + VERSION + ' · Est 2024 · LitRuv  ░██',
+    '  ██░  v' + VERSION + ' ·           Litruv  ░██',
     '   ▀█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▀',
     '     ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀',
     '',
@@ -969,7 +955,7 @@ const welcomeBannerMinimal = [
 // Get appropriate banner based on terminal width
 function getWelcomeBanner() {
     const cols = term.cols;
-    if (cols >= 62) {
+    if (cols >= 78) {
         return welcomeBannerFull;
     } else if (cols >= 40) {
         return welcomeBannerCompact;
@@ -1138,7 +1124,7 @@ async function submitInlineInput() {
 function init() {
     // Display welcome banner with clickable commands
     const cols = term.cols;
-    if (cols >= 62) {
+    if (cols >= 78) {
         term.writeln(welcomeBannerFull.split('\r\n').slice(0, -3).join('\r\n'));
         writeClickable('  Type [command=help] for available commands.');
         term.writeln('  Use ↑/↓ arrows to navigate command history.');