Add new logo image in 64px resolution to the website
@@ -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="32x32" href="/icons/32.png">
|
||||
<link rel="icon" type="image/png" sizes="48x48" href="/icons/48.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/icons/180.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/logos/16px.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/logos/32px.png">
|
||||
<link rel="icon" type="image/png" sizes="48x48" href="/logos/48px.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">
|
||||
|
||||
BIN
website/logos/1024px.png
Normal file
|
After Width: | Height: | Size: 232 KiB |
BIN
website/logos/128px.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
website/logos/16px.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
website/logos/256px.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
website/logos/32px.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
website/logos/48px.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
website/logos/512px.png
Normal file
|
After Width: | Height: | Size: 78 KiB |
BIN
website/logos/64px.png
Normal file
|
After Width: | Height: | Size: 5.1 KiB |
@@ -340,53 +340,105 @@ body {
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.crt-border-overlay {
|
||||
border-width: 25px;
|
||||
border-image-width: 25px;
|
||||
border-width: 15px;
|
||||
border-image-width: 15px;
|
||||
}
|
||||
|
||||
.container,
|
||||
.boot-screen {
|
||||
top: 25px;
|
||||
left: 25px;
|
||||
right: 25px;
|
||||
bottom: 35px;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: 20px;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.boot-screen {
|
||||
font-size: 11px;
|
||||
padding: 10px;
|
||||
font-size: 10px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.terminal-header {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.terminal-title {
|
||||
letter-spacing: 1px;
|
||||
font-size: 10px;
|
||||
letter-spacing: 0;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.header-left {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.header-links {
|
||||
gap: 6px;
|
||||
font-size: 9px;
|
||||
gap: 4px;
|
||||
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;
|
||||
|
||||
@@ -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.');
|
||||
|
||||