diff --git a/index.html b/index.html index f2c8718..e202064 100644 --- a/index.html +++ b/index.html @@ -1,272 +1,364 @@ - + - - - - socktop APT Repository - - - -
-

socktop APT Repository

-

System monitor with remote agent support for Linux systems

-

📦 Quick Installation

-

Add this repository to your Debian/Ubuntu system:

+ p { + margin-bottom: 15px; + color: var(--ctp-subtext0); + } + .subtitle { + color: var(--ctp-subtext1); + font-size: 1.2em; + margin-bottom: 30px; + } -

Step 1: Add GPG Key

-
# Add the repository's GPG signing key
-curl -fsSL https://jaosnwitty.github.io/socktop/KEY.gpg | \
+            code {
+                background-color: var(--ctp-surface0);
+                color: var(--ctp-green);
+                padding: 3px 8px;
+                border-radius: 5px;
+                font-family: "Courier New", Courier, monospace;
+                font-size: 0.95em;
+            }
+            pre {
+                background-color: var(--ctp-crust);
+                border: 1px solid var(--ctp-surface0);
+                border-radius: 8px;
+                padding: 20px;
+                overflow-x: auto;
+                margin: 15px 0;
+                position: relative;
+                padding-top: 18px; /* leave space for top-right button */
+            }
+            pre code {
+                background: transparent;
+                color: var(--ctp-text);
+                display: block;
+                white-space: pre;
+                font-family: "Courier New", Courier, monospace;
+                font-size: 0.95em;
+            }
+
+            /* Copy button styles */
+            .copy-btn {
+                position: absolute;
+                top: 8px;
+                right: 8px;
+                background: var(--ctp-surface1);
+                color: var(--ctp-text);
+                border: 1px solid var(--ctp-surface2);
+                padding: 6px 8px;
+                border-radius: 6px;
+                cursor: pointer;
+                font-size: 0.9rem;
+                display: inline-flex;
+                align-items: center;
+                gap: 6px;
+                transition:
+                    background 0.12s ease,
+                    transform 0.08s ease;
+            }
+            .copy-btn:hover {
+                background: var(--ctp-surface2);
+                transform: translateY(-1px);
+            }
+            .copy-btn:active {
+                transform: translateY(0);
+            }
+            .copy-btn.copied {
+                background: var(--ctp-green);
+                color: var(--ctp-crust);
+                border-color: transparent;
+            }
+
+            .badge {
+                display: inline-block;
+                background-color: var(--ctp-surface1);
+                color: var(--ctp-text);
+                padding: 5px 12px;
+                border-radius: 6px;
+                font-size: 0.9em;
+                margin: 5px 5px 5px 0;
+                border: 1px solid var(--ctp-surface2);
+            }
+            .badge.arch {
+                background-color: var(--ctp-surface0);
+                color: var(--ctp-lavender);
+            }
+
+            .note {
+                background-color: var(--ctp-surface0);
+                border-left: 4px solid var(--ctp-yellow);
+                padding: 15px;
+                margin: 20px 0;
+                border-radius: 5px;
+            }
+            .note strong {
+                color: var(--ctp-yellow);
+            }
+
+            .footer {
+                margin-top: 50px;
+                padding-top: 20px;
+                border-top: 2px solid var(--ctp-surface0);
+                text-align: center;
+                color: var(--ctp-overlay1);
+                font-size: 0.9em;
+            }
+
+            .command-comment {
+                color: var(--ctp-overlay1);
+                display: block;
+                margin-bottom: 6px;
+            }
+
+            .highlight-blue {
+                color: var(--ctp-blue);
+            }
+            .highlight-green {
+                color: var(--ctp-green);
+            }
+            .highlight-yellow {
+                color: var(--ctp-yellow);
+            }
+            .highlight-mauve {
+                color: var(--ctp-mauve);
+            }
+            .highlight-peach {
+                color: var(--ctp-peach);
+            }
+
+            @media (max-width: 768px) {
+                .container {
+                    padding: 25px;
+                }
+                h1 {
+                    font-size: 2em;
+                }
+                h2 {
+                    font-size: 1.5em;
+                }
+            }
+        
+    
+    
+        
+

socktop APT Repository

+

+ System monitor with remote agent support for Linux systems +

+ +

📦 Quick Installation

+

Add this repository to your Debian/Ubuntu system:

+ +

Step 1: Add GPG Key

+
# Add the repository's GPG signing key
+curl -fsSL https://jasonwitty.github.io/socktop/KEY.gpg | \
     sudo gpg --dearmor -o /usr/share/keyrings/socktop-archive-keyring.gpg
-

Step 2: Add Repository

-
# Add the APT repository to your sources
-echo "deb [signed-by=/usr/share/keyrings/socktop-archive-keyring.gpg] https://jaosnwitty.github.io/socktop stable main" | \
+            

Step 2: Add Repository

+
# Add the APT repository to your sources
+echo "deb [signed-by=/usr/share/keyrings/socktop-archive-keyring.gpg] https://jasonwitty.github.io/socktop stable main" | \
     sudo tee /etc/apt/sources.list.d/socktop.list
-

Step 3: Install

-
# Update package lists and install
+            

Step 3: Install

+
# Update package lists and install
 sudo apt update
 sudo apt install socktop socktop-agent
-

📋 What's Included

-
    -
  • socktop - Terminal UI client for monitoring systems
  • -
  • socktop-agent - Background agent that reports system metrics
  • -
+

📋 What's Included

+
    +
  • + socktop - Terminal + UI client for monitoring systems +
  • +
  • + socktop-agent - + Background agent that reports system metrics +
  • +
-
- Note: The agent package automatically installs and configures a systemd service. Enable it with: - sudo systemctl enable --now socktop-agent -
+
+ Note: The agent package automatically installs + and configures a systemd service. Enable it with: + sudo systemctl enable --now socktop-agent +
-

🏗️ Supported Architectures

-
- amd64 - arm64 - armhf - riscv64 -
+

🏗️ Supported Architectures

+
+ amd64 + arm64 + armhf + riscv64 +
-

🔧 Usage

-

After installation:

-
# Start the TUI client
-socktop
+            

🔧 Usage

+

After installation:

+
# Start the TUI client
+socktop
 
-# Connect to a remote agent
+# Connect to a remote agent
 socktop --url ws://hostname:3000
 
-# Start the agent (if not using systemd)
+# Start the agent (if not using systemd)
 socktop_agent
-

🔗 Links

- +

🔗 Links

+ - -
- + + +