UNPKG

knowme-cli

Version:

Fast, offline system information tool with ASCII art

193 lines (181 loc) 13.2 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>KnowMe - System Information Tool</title> <!-- SEO Meta Tags --> <meta name="description" content="KnowMe - A fast, offline, and lightweight command-line tool for displaying detailed system information with beautiful ASCII art. Works on Windows, macOS, and Linux."> <meta name="keywords" content="knowme, system information, neofetch, cli, command line, python, system specs, developer tool, hrishi mehta"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://mehtahrishi.github.io/knowme/"> <meta property="og:title" content="KnowMe - System Information Tool"> <meta property="og:description" content="A fast, offline, and lightweight command-line tool for displaying detailed system information with beautiful ASCII art."> <meta property="og:image" content="https://raw.githubusercontent.com/mehtahrishi/knowme/main/assets/screenshot.png"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://mehtahrishi.github.io/knowme/"> <meta property="twitter:title" content="KnowMe - System Information Tool"> <meta property="twitter:description" content="A fast, offline, and lightweight command-line tool for displaying detailed system information with beautiful ASCII art."> <meta property="twitter:image" content="https://raw.githubusercontent.com/mehtahrishi/knowme/main/assets/screenshot.png"> <link rel="stylesheet" href="style.css"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Source+Code+Pro&display=swap" rel="stylesheet"> <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23bb86fc' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z'/></svg>"> </head> <body class="dark-mode"> <ul class="background-shapes"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <header> <nav> <div class="logo">KnowMe</div> </nav> </header> <main> <section class="hero"> <div class="hero-text"> <h1>Know Your System, Instantly.</h1> <p>A fast, offline, and beautifully designed command-line tool for displaying detailed system information.</p> <a href="https://github.com/mehtahrishi/knowme" class="btn" target="_blank">View on GitHub</a> </div> <div class="hero-image"> <img src="image.jpg" alt="KnowMe Screenshot"> </div> </section> <section class="section"> <h2>Why KnowMe?</h2> <div class="card-container"> <div class="card"> <h3><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"></path></svg> Blazing Fast</h3> <p>Get your system information in a blink of an eye. No more waiting for slow, bloated apps.</p> </div> <div class="card"> <h3><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"></path></svg> Fully Offline</h3> <p>Works anywhere, anytime. No internet connection required to get your system's stats.</p> </div> <div class="card"> <h3><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M7 20h10v-2H7v2zm12-7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2s2-.9 2-2v-4c0-1.1-.9-2-2-2zm-7-3H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V12c0-1.1-.9-2-2-2zm0-6H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/></svg> Beautifully Crafted</h3> <p>Presents information in a clean, colorful, and easy-to-read format with OS-specific ASCII art.</p> </div> </div> </section> <section class="section"> <h2>Features</h2> <div class="card-container"> <div class="card feature-card"> <div class="feature-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"/></svg></div> <h3>Cross-Platform</h3> <p>Works seamlessly on Windows, macOS, and a wide variety of Linux distributions.</p> </div> <div class="card feature-card"> <div class="feature-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg></div> <h3>Comprehensive Info</h3> <p>From CPU and RAM to network details and running processes, get all the info you need.</p> </div> <div class="card feature-card"> <div class="feature-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.74 3.11 6.24.41.29.69.71.89 1.16h4c.2-.45.48-.87.89-1.16C17.81 13.74 19 11.38 19 9c0-3.86-3.14-7-7-7zm2.85 11.16c-.63.5-1.29.9-1.99 1.16H11.14c-.7-.26-1.36-.66-1.99-1.16C7.19 12.74 6 10.38 6 9c0-3.31 2.69-6 6-6s6 2.69 6 6c0 1.38-.46 2.74-1.15 3.84z"/></svg></div> <h3>Lightweight</h3> <p>With minimal dependencies, KnowMe is light on resources and won't slow down your system.</p> </div> </div> </section> <section class="section"> <h2>System Information Displayed</h2> <ul class="info-list"> <li>Operating System</li> <li>Kernel Version</li> <li>CPU Model & Cores</li> <li>Memory (RAM) Usage</li> <li>Disk Usage</li> <li>GPU Information</li> <li>Screen Resolution</li> <li>System Uptime</li> <li>IP & Mac Address</li> <li>And much more...</li> </ul> </section> <section class="installation"> <h2>Installation</h2> <div class="installation-methods"> <div class="card installation-card"> <h3>Python Package (pip)</h3> <div class="code-block"> <pre><code>pip install knowme</code></pre> <button class="copy-btn" data-package-manager="pip"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg></button> </div> </div> <div class="card installation-card"> <h3>Debian Package (.deb)</h3> <div class="code-block"> <pre><code>sudo dpkg -i knowme_latest.deb</code></pre> <button class="copy-btn" data-package-manager="deb"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg></button> </div> </div> <div class="card installation-card"> <h3>Snap Package (snap)</h3> <div class="code-block"> <pre><code>sudo snap install knowme</code></pre> <button class="copy-btn" data-package-manager="snap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg></button> </div> </div> <div class="card installation-card"> <h3>AUR (Arch Linux - yay)</h3> <div class="code-block"> <pre><code>yay -S knowme</code></pre> <button class="copy-btn" data-package-manager="yay"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg></button> </div> </div> <div class="card installation-card apt-installation-card"> <h3>APT Repository (Debian/Ubuntu)</h3> <div class="code-block"> <pre><code>sudo add-apt-repository ppa:knowme/ppa sudo apt update sudo apt install knowme</code></pre> <button class="copy-btn" data-package-manager="apt"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg></button> </div> </div> </div> </section> <section class="usage"> <h2>Usage</h2> <p>Simply run the command:</p> <div class="code-block"> <pre><code>knowme</code></pre> <button class="copy-btn" data-package-manager="generic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg></button> </div> </section> </main> <footer> <p>Developed by Hrishi Mehta</p> <div class="social-links"> <a href="https://github.com/mehtahrishi" target="_blank" aria-label="GitHub"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="24" height="24" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg> </a> <a href="#" target="_blank" aria-label="LinkedIn"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 0 0 2 3.5v17A1.5 1.5 0 0 0 3.5 22h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 2ZM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 1 1 8.25 6.5 1.75 1.75 0 0 1 6.5 8.25ZM19 19h-3v-4.75c0-1.4-1.3-2.5-2.5-2.5S11 12.85 11 14.25V19h-3v-9h2.9v1.3a3.11 3.11 0 0 1 2.7-1.4c2.5 0 3.4 1.8 3.4 4.1z"></path></svg> </a> <a href="#" target="_blank" aria-label="Portfolio"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M10 4H4c-1.11 0-2 .89-2 2v12c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2h-8l-2-2z"></path></svg> </a> </div> <div class="footer-info"> <span>&copy; 2025 KnowMe</span> <a href="https://github.com/mehtahrishi/knowme/blob/main/LICENSE" target="_blank" aria-label="MIT License"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1.04 15.45l-3.54-3.54 1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41-5.65 5.66z"></path></svg> <span>MIT License</span> </a> </div> </footer> <script src="script.js"></script> </body> </html>