diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..5ae8356 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,80 @@ + + + + + + + NeoHtop - Modern System Monitor + + + + +
+
+ +

NeoHtop

+

A modern, cross-platform system monitor

+
+ +
+ NeoHtop Screenshot +
+ +
+

Download for macOS

+
+ + ⬇️ + Universal (Intel + Apple Silicon) + + + ⬇️ + Intel Mac + + + ⬇️ + Apple Silicon + +
+

Latest version: v0.1.0

+
+ +
+

Features

+
+
+ 🚀 +

Real-time Monitoring

+

Track system processes in real-time

+
+
+ 🎨 +

Modern UI

+

Beautiful interface with dark/light themes

+
+
+ 🔍 +

Smart Search

+

Quick process search and filtering

+
+
+ 📌 +

Process Pinning

+

Keep important processes in view

+
+
+
+ + +
+ + + \ No newline at end of file diff --git a/docs/styles.css b/docs/styles.css new file mode 100644 index 0000000..dedbe8e --- /dev/null +++ b/docs/styles.css @@ -0,0 +1,159 @@ +:root { + --primary: #2563eb; + --text: #1f2937; + --background: #ffffff; + --card: #f3f4f6; + --border: #e5e7eb; +} + +@media (prefers-color-scheme: dark) { + :root { + --primary: #3b82f6; + --text: #f3f4f6; + --background: #111827; + --card: #1f2937; + --border: #374151; + } +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; + background: var(--background); + color: var(--text); + line-height: 1.6; +} + +main { + max-width: 1200px; + margin: 0 auto; + padding: 2rem; +} + +.hero { + text-align: center; + padding: 4rem 0; +} + +.logo { + width: 120px; + height: 120px; + margin-bottom: 1rem; +} + +h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +.tagline { + font-size: 1.5rem; + color: var(--text); + opacity: 0.8; +} + +.screenshot { + margin: 4rem 0; + text-align: center; +} + +.screenshot-img { + max-width: 100%; + border-radius: 12px; + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); +} + +.downloads { + text-align: center; + margin: 4rem 0; +} + +.download-options { + display: flex; + gap: 1rem; + justify-content: center; + margin: 2rem 0; + flex-wrap: wrap; +} + +.download-button { + background: var(--primary); + color: white; + padding: 1rem 2rem; + border-radius: 8px; + text-decoration: none; + display: flex; + align-items: center; + gap: 0.5rem; + transition: transform 0.2s; +} + +.download-button:hover { + transform: translateY(-2px); +} + +.version { + color: var(--text); + opacity: 0.6; +} + +.features { + margin: 4rem 0; +} + +.feature-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + margin-top: 2rem; +} + +.feature { + background: var(--card); + padding: 2rem; + border-radius: 12px; + text-align: center; +} + +.emoji { + font-size: 2rem; + margin-bottom: 1rem; + display: block; +} + +footer { + text-align: center; + margin-top: 4rem; + padding-top: 2rem; + border-top: 1px solid var(--border); +} + +.github-link { + color: var(--primary); + text-decoration: none; +} + +.github-link:hover { + text-decoration: underline; +} + +.copyright { + margin-top: 1rem; + color: var(--text); + opacity: 0.6; +} + +@media (max-width: 768px) { + .download-options { + flex-direction: column; + } + + .feature-grid { + grid-template-columns: 1fr; + } +} \ No newline at end of file