improved rev console

This commit is contained in:
KingKDot
2026-05-13 22:32:49 -05:00
parent 27225566f4
commit 6ae44625f8
17 changed files with 446 additions and 471 deletions
+29 -40
View File
@@ -11,8 +11,9 @@
<link rel="stylesheet" href="/vendor/inter/700.css" />
<link rel="stylesheet" href="/vendor/jetbrains-mono/400.css" />
<link rel="stylesheet" href="/vendor/jetbrains-mono/600.css" />
<link rel="stylesheet" href="/assets/tailwind.css" />
<link rel="stylesheet" href="/assets/tailwind.css" />
<link rel="stylesheet" href="/vendor/fontawesome/css/all.min.css" />
<link rel="stylesheet" href="/vendor/xterm/xterm.css" />
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico" />
<link rel="stylesheet" href="/assets/main.css" />
<link rel="stylesheet" href="/assets/custom.css" />
@@ -22,49 +23,37 @@
<header id="top-nav"></header>
<main class="console-main">
<div class="console-card">
<div class="console-meta">
<div class="console-target">
<div class="muted text-sm">Client</div>
<div class="console-target-id" id="client-label">-</div>
<div class="console-header">
<div class="console-meta">
<div class="console-target">
<div class="muted text-sm">Client</div>
<div class="console-target-id" id="client-label">-</div>
</div>
<div class="console-target">
<div class="muted text-sm">Host</div>
<div class="console-target-id" id="host-label">-</div>
</div>
<div class="console-target">
<div class="muted text-sm">User</div>
<div class="console-target-id" id="user-label">-</div>
</div>
<div class="console-target">
<div class="muted text-sm">OS</div>
<div class="console-target-id" id="os-label">-</div>
</div>
</div>
<div class="console-target">
<div class="muted text-sm">Host</div>
<div class="console-target-id" id="host-label">-</div>
</div>
<div class="console-target">
<div class="muted text-sm">User</div>
<div class="console-target-id" id="user-label">-</div>
</div>
<div class="console-target">
<div class="muted text-sm">OS</div>
<div class="console-target-id" id="os-label">-</div>
<div class="console-toolbar">
<span id="status-pill" class="pill pill-offline"><i class="fa-solid fa-circle"></i> Offline</span>
<button type="button" id="reconnect-btn" class="button ghost" title="Reconnect">
<i class="fa-solid fa-rotate-right"></i><span>Reconnect</span>
</button>
<button type="button" id="clear-btn" class="button ghost" title="Clear screen">
<i class="fa-solid fa-eraser"></i><span>Clear</span>
</button>
</div>
</div>
<div
id="console-output"
class="console-output"
aria-live="polite"
></div>
<form id="console-form" class="console-input-row">
<div class="prompt">$</div>
<textarea
id="console-input"
rows="1"
autocomplete="off"
spellcheck="false"
placeholder="Type a command and press Enter"
></textarea>
<div class="console-buttons">
<button type="submit" class="button primary">
<i class="fa-solid fa-paper-plane"></i><span>Send</span>
</button>
<button type="button" id="ctrlc-btn" class="button ghost">
<i class="fa-solid fa-ban"></i><span>Ctrl+C</span>
</button>
</div>
</form>
<div id="terminal" class="console-terminal"></div>
</div>
</main>
<script defer src="/vendor/msgpackr/msgpackr.js"></script>