mirror of
https://github.com/kunkunsh/kunkun-ext-neohtop.git
synced 2025-04-03 17:36:41 +00:00
197 lines
7.8 KiB
HTML
197 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>NeoHtop - Modern System Monitor for macOS</title>
|
|
<meta name="description"
|
|
content="A beautiful, efficient system monitor built with Rust and Svelte. Monitor processes, CPU, and memory usage in real-time with a modern interface.">
|
|
<meta name="keywords"
|
|
content="system monitor, task manager, macos, process monitor, cpu usage, memory usage, rust, svelte">
|
|
<meta name="author" content="Your Name">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://abdenasser.github.io/neohtop/">
|
|
<meta property="og:title" content="NeoHtop - Modern System Monitor">
|
|
<meta property="og:description"
|
|
content="A beautiful, efficient system monitor built with Rust and Svelte. Monitor processes, CPU, and memory usage in real-time.">
|
|
<meta property="og:image" content="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:creator" content="@__abdenasser">
|
|
<meta name="twitter:title" content="NeoHtop - Modern System Monitor">
|
|
<meta name="twitter:description" content="A beautiful, efficient system monitor built with Rust and Svelte.">
|
|
<meta name="twitter:image" content="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png">
|
|
<link rel="icon" type="image/png" href="favicon.png">
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="preload" href="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png" as="image">
|
|
<link rel="preload" href="https://github.com/Abdenasser/neohtop/raw/main/screenshot.jpg" as="image">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<a href="#home">Home</a>
|
|
<a href="#features">Features</a>
|
|
<a href="#download">Download</a>
|
|
<a href="#install">Install</a>
|
|
<a href="#changelog">Changelog</a>
|
|
<button id="themeToggle" class="theme-toggle" aria-label="Toggle theme">
|
|
<span class="theme-icon">🌙</span>
|
|
</button>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="home" class="hero">
|
|
<img src="https://github.com/Abdenasser/neohtop/raw/main/app-icon.png" alt="NeoHtop Logo" class="logo">
|
|
<h1>NeoHtop</h1>
|
|
<p class="tagline">A modern, cross-platform system monitor</p>
|
|
<div class="badges">
|
|
<span class="badge">Rust</span>
|
|
<span class="badge">Tauri</span>
|
|
<span class="badge">Svelte</span>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="badges">
|
|
<a href="https://github.com/Abdenasser/neohtop/blob/main/LICENSE" aria-label="License">
|
|
<img src="https://img.shields.io/github/license/Abdenasser/neohtop" alt="License">
|
|
</a>
|
|
<a href="https://github.com/Abdenasser/neohtop/stargazers" aria-label="GitHub stars">
|
|
<img src="https://img.shields.io/github/stars/Abdenasser/neohtop" alt="GitHub stars">
|
|
</a>
|
|
<a href="https://github.com/Abdenasser/neohtop/issues" aria-label="GitHub issues">
|
|
<img src="https://img.shields.io/github/issues/Abdenasser/neohtop" alt="GitHub issues">
|
|
</a>
|
|
<a href="https://github.com/Abdenasser/neohtop/releases" aria-label="GitHub release">
|
|
<img src="https://img.shields.io/github/v/release/Abdenasser/neohtop" alt="GitHub release">
|
|
</a>
|
|
<a href="https://developer.apple.com/support/notarization/" aria-label="Notarized by Apple">
|
|
<img src="https://img.shields.io/badge/Notarized_by_Apple-000000?style=flat-square&logo=apple&logoColor=white"
|
|
alt="Notarized by Apple">
|
|
</a>
|
|
</div>
|
|
|
|
<section class="screenshot">
|
|
<img src="https://github.com/Abdenasser/neohtop/raw/main/screenshot.jpg" alt="NeoHtop Screenshot"
|
|
class="screenshot-img" loading="lazy">
|
|
</section>
|
|
|
|
<section id="features" class="features">
|
|
<h2>Features</h2>
|
|
<div class="feature-grid">
|
|
<div class="feature">
|
|
<span class="emoji">🚀</span>
|
|
<h3>Real-time Monitoring</h3>
|
|
<p>Track system processes in real-time with minimal resource usage</p>
|
|
</div>
|
|
<div class="feature">
|
|
<span class="emoji">🎨</span>
|
|
<h3>Modern UI</h3>
|
|
<p>Beautiful interface with automatic dark/light theme detection</p>
|
|
</div>
|
|
<div class="feature">
|
|
<span class="emoji">🔍</span>
|
|
<h3>Smart Search</h3>
|
|
<p>Quick process search with advanced filtering options</p>
|
|
</div>
|
|
<div class="feature">
|
|
<span class="emoji">📌</span>
|
|
<h3>Process Pinning</h3>
|
|
<p>Keep important processes in view for easy monitoring</p>
|
|
</div>
|
|
<div class="feature">
|
|
<span class="emoji">⚡️</span>
|
|
<h3>Resource Efficient</h3>
|
|
<p>Built with Rust for optimal performance and low memory usage</p>
|
|
</div>
|
|
<div class="feature">
|
|
<span class="emoji">🛠</span>
|
|
<h3>Process Management</h3>
|
|
<p>View and manage processes with detailed information</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="download" class="downloads">
|
|
<h2>Download for macOS</h2>
|
|
<div class="download-options">
|
|
<a href="https://drive.google.com/file/d/166-6IwisYkgbVw4_PLRPkCGLk2wr0swF/view?usp=sharing"
|
|
class="download-button">
|
|
<span class="icon">💻</span>
|
|
Intel Mac
|
|
</a>
|
|
<a href="https://drive.google.com/file/d/12FbDkGcdbLL0YA2LujNOTEqwSY6gfGhG/view?usp=sharing"
|
|
class="download-button">
|
|
<span class="icon">🍎</span>
|
|
Apple Silicon
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="install" class="install">
|
|
<h2>Installation Guide</h2>
|
|
<div class="install-steps">
|
|
<div class="step">
|
|
<span class="step-number">1</span>
|
|
<h3>Download</h3>
|
|
<p>Choose and download the appropriate version for your Mac</p>
|
|
</div>
|
|
<div class="step">
|
|
<span class="step-number">2</span>
|
|
<h3>Open DMG</h3>
|
|
<p>Double-click the downloaded .dmg file</p>
|
|
</div>
|
|
<div class="step">
|
|
<span class="step-number">3</span>
|
|
<h3>Install</h3>
|
|
<p>Drag NeoHtop to your Applications folder</p>
|
|
</div>
|
|
<div class="step">
|
|
<span class="step-number">4</span>
|
|
<h3>First Launch</h3>
|
|
<p>Right-click and choose Open to bypass Gatekeeper</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="faq" class="faq">
|
|
<h2>Frequently Asked Questions</h2>
|
|
<div class="faq-list">
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
How does NeoHtop compare to Activity Monitor?
|
|
<span class="arrow">▼</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
NeoHtop offers a modern interface with additional features like process pinning, smart search, and themes
|
|
while maintaining high performance through its Rust backend.
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
Is NeoHtop resource intensive?
|
|
<span class="arrow">▼</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
No, NeoHtop is built with Rust and optimized for minimal resource usage, typically using less than 1% CPU
|
|
and minimal memory.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
|
|
<script src="main.js"></script>
|
|
|
|
<footer>
|
|
<p>
|
|
<a href="https://github.com/abdenasser/neohtop" class="github-link">View on GitHub</a>
|
|
</p>
|
|
<p class="copyright">© 2024 NeoHtop</p>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
|
|
</html> |