knowme-cli
Version:
Fast, offline system information tool with ASCII art
193 lines (181 loc) • 13.2 kB
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>© 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>