diff --git a/website/index.html b/website/index.html
index 5b03be4..8ac54a7 100644
--- a/website/index.html
+++ b/website/index.html
@@ -7,10 +7,13 @@
-
-
-
-
+
+
+
+
+
+
+
diff --git a/website/logos/1024px.png b/website/logos/1024px.png
new file mode 100644
index 0000000..ae94175
Binary files /dev/null and b/website/logos/1024px.png differ
diff --git a/website/logos/128px.png b/website/logos/128px.png
new file mode 100644
index 0000000..a105a07
Binary files /dev/null and b/website/logos/128px.png differ
diff --git a/website/logos/16px.png b/website/logos/16px.png
new file mode 100644
index 0000000..b479c1c
Binary files /dev/null and b/website/logos/16px.png differ
diff --git a/website/logos/256px.png b/website/logos/256px.png
new file mode 100644
index 0000000..3592e84
Binary files /dev/null and b/website/logos/256px.png differ
diff --git a/website/logos/32px.png b/website/logos/32px.png
new file mode 100644
index 0000000..004cd4c
Binary files /dev/null and b/website/logos/32px.png differ
diff --git a/website/logos/48px.png b/website/logos/48px.png
new file mode 100644
index 0000000..1c8a4fe
Binary files /dev/null and b/website/logos/48px.png differ
diff --git a/website/logos/512px.png b/website/logos/512px.png
new file mode 100644
index 0000000..dd57fee
Binary files /dev/null and b/website/logos/512px.png differ
diff --git a/website/logos/64px.png b/website/logos/64px.png
new file mode 100644
index 0000000..c8220cf
Binary files /dev/null and b/website/logos/64px.png differ
diff --git a/website/styles.css b/website/styles.css
index 3444e8f..26b6c5a 100644
--- a/website/styles.css
+++ b/website/styles.css
@@ -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;
diff --git a/website/terminal.js b/website/terminal.js
index 9013f6c..6a2ec9c 100644
--- a/website/terminal.js
+++ b/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.');