2019-01-03 17:15:07 +00:00
<!doctype html>
2025-11-28 09:31:33 +00:00
< html lang = "en" >
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width,initial-scale=1" / >
<!-- SEO Meta Tags -->
< title > socktop - A TUI-first Remote System Monitor< / title >
< meta
name="description"
content="socktop is a beautiful, TUI-first remote system monitor built with Rust. Monitor your Linux systems in real-time with an elegant terminal interface featuring the Catppuccin Frappe theme."
/>
< meta
name="keywords"
content="system monitor, TUI, terminal, Rust, Linux, remote monitoring, socktop, system metrics, server monitoring, Catppuccin"
/>
< meta name = "author" content = "Jason Witty" / >
<!-- Open Graph / Social Media Meta Tags -->
< meta property = "og:type" content = "website" / >
< meta
property="og:title"
content="socktop - A TUI-first Remote System Monitor"
/>
< meta
property="og:description"
content="Beautiful, TUI-first remote system monitor built with Rust. Monitor your Linux systems in real-time."
/>
< meta
property="og:url"
content="https://jasonwitty.github.io/socktop/"
/>
< meta property = "og:site_name" content = "socktop" / >
<!-- Twitter Card Meta Tags -->
< meta name = "twitter:card" content = "summary_large_image" / >
< meta
name="twitter:title"
content="socktop - A TUI-first Remote System Monitor"
/>
< meta
name="twitter:description"
content="Beautiful, TUI-first remote system monitor built with Rust"
/>
<!-- Favicon -->
2025-11-28 22:43:49 +00:00
< link rel = "icon" type = "image/png" href = "/assets/favicon.png" / >
< link rel = "shortcut icon" type = "image/png" href = "/assets/favicon.png" / >
2025-11-28 09:31:33 +00:00
<!-- External Stylesheets -->
< link
rel="stylesheet"
href="{{ static_path }}/@xterm/xterm/css/xterm.css"
/>
2025-11-28 22:43:49 +00:00
< link rel = "stylesheet" href = "/assets/styles.css" / >
2025-11-28 09:31:33 +00:00
< link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
/>
<!-- Preload critical resources -->
2025-11-28 22:43:49 +00:00
< link rel = "preload" href = "/assets/styles.css" as = "style" / >
< link rel = "preload" href = "/assets/terminal.js" as = "script" / >
2025-11-28 09:31:33 +00:00
<!-- DNS Prefetch for external resources -->
< link rel = "dns-prefetch" href = "https://cdnjs.cloudflare.com" / >
<!-- Theme Color -->
< meta name = "theme-color" content = "#303446" / >
2025-11-30 09:37:07 +00:00
<!-- Umami Analytics -->
< script
defer
src="http://unami.wittyoneoff.com/script.js"
data-website-id="caefa16f-86af-4835-8b82-c8649aea0e2a"
>< / script >
2025-11-28 09:31:33 +00:00
< / head >
< body >
<!-- Hero Section -->
< section class = "hero-section" >
< h1 class = "hero-title" > socktop< / h1 >
< p class = "hero-tagline" > A TUI-first remote system monitor.< / p >
<!-- Links Section -->
< div class = "links-section" >
< a
href="https://github.com/jasonwitty/socktop"
class="link-button github"
target="_blank"
rel="noopener noreferrer"
aria-label="View socktop on GitHub"
>
< i class = "fab fa-github" aria-hidden = "true" > < / i >
< span > GitHub< / span >
< / a >
< a
href="https://crates.io/crates/socktop"
class="link-button crate"
target="_blank"
rel="noopener noreferrer"
aria-label="View TUI crate on crates.io"
>
< i class = "fas fa-cube" aria-hidden = "true" > < / i >
< span > TUI Crate< / span >
< / a >
< a
href="https://crates.io/crates/socktop-agent"
class="link-button crate"
target="_blank"
rel="noopener noreferrer"
aria-label="View Agent crate on crates.io"
>
< i class = "fas fa-cube" aria-hidden = "true" > < / i >
< span > Agent Crate< / span >
< / a >
< a
href="https://jasonwitty.github.io/socktop/"
class="link-button apt"
target="_blank"
rel="noopener noreferrer"
aria-label="Visit APT repository"
>
< i class = "fas fa-box" aria-hidden = "true" > < / i >
< span > APT Repository< / span >
< / a >
< / div >
< / section >
<!-- Terminal Window -->
< div class = "terminal-wrapper" >
< div class = "terminal-window" >
< div class = "terminal-titlebar" >
< div class = "terminal-controls" >
< div
class="terminal-button close"
role="button"
aria-label="Close"
>< / div >
< div
class="terminal-button minimize"
role="button"
aria-label="Minimize"
>< / div >
< div
class="terminal-button maximize"
role="button"
aria-label="Maximize"
>< / div >
< / div >
< div class = "terminal-title" > socktop@demo ~ zsh< / div >
< / div >
< div id = "terminal" role = "region" aria-label = "Terminal" > < / div >
< / div >
< / div >
<!-- Footer -->
< footer class = "site-footer" >
< p >
2025-11-28 18:23:53 +00:00
Site Built with
2025-11-28 09:31:33 +00:00
< a
href="https://xtermjs.org/"
target="_blank"
rel="noopener noreferrer"
>xterm.js< /a
>
2025-11-28 18:23:53 +00:00
| Source Code:
< a
2025-11-28 22:59:42 +00:00
href="https://gt.wittyoneoff.com/jason/socktop-webterm"
2025-11-28 18:23:53 +00:00
target="_blank"
rel="noopener noreferrer"
>gitea< /a
>
| Theme:
2025-11-28 09:31:33 +00:00
< a
href="https://github.com/catppuccin/catppuccin"
target="_blank"
rel="noopener noreferrer"
>Catppuccin Frappe< /a
>
< / p >
< / footer >
<!-- External Scripts -->
< script src = "{{ static_path }}/@xterm/xterm/lib/xterm.js" > < / script >
< script src = "{{ static_path }}/@xterm/addon-fit/lib/addon-fit.js" > < / script >
< script src = "{{ static_path }}/terminado-addon.js" > < / script >
<!-- Pass websocket path to JavaScript -->
< script >
window.WEBSOCKET_PATH = "{{ websocket_path }}";
< / script >
<!-- Initialize Terminal -->
2025-11-28 22:43:49 +00:00
< script src = "/assets/terminal.js" > < / script >
2025-11-28 09:31:33 +00:00
< / body >
2019-01-03 17:15:07 +00:00
< / html >
