Files
zeekay cbd52d32b3 feat: enhance app with docs, CI/CD, and metadata
- Add comprehensive README with features and shortcuts
- Add GitHub Actions CI workflow (build, type-check)
- Add GitHub Actions release workflow (npm publish)
- Add documentation site (GitHub Pages)
- Enhance package.json with full metadata
- Add app store registry support
2025-12-28 09:30:12 -08:00

96 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zSearch - Documentation</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
<style>
:root { --primary: #0071e3; }
.hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 4rem 0; text-align: center; }
.hero h1 { font-size: 3rem; margin-bottom: 1rem; }
.icon { font-size: 4rem; margin-bottom: 1rem; }
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; }
.feature { padding: 1.5rem; border-radius: 0.5rem; background: var(--card-background-color); }
.shortcuts { font-family: monospace; }
.badge { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 0.25rem; background: var(--primary); color: white; font-size: 0.875rem; margin-right: 0.5rem; }
</style>
</head>
<body>
<div class="hero">
<div class="icon">🔍</div>
<h1>zSearch</h1>
<p>Quick launcher and search for files, apps, and web.</p>
<p>
<a href="https://github.com/zos-apps/zsearch" class="badge">GitHub</a>
<a href="https://www.npmjs.com/package/@zos-apps/zsearch" class="badge">npm</a>
</p>
</div>
<main class="container">
<section>
<h2>Features</h2>
<div class="features">
<article class="feature"><strong>✓</strong> App launching</article>
<article class="feature"><strong>✓</strong> File search</article>
<article class="feature"><strong>✓</strong> Web search</article>
<article class="feature"><strong>✓</strong> Calculator</article>
<article class="feature"><strong>✓</strong> Quick Look</article>
</div>
</section>
<section>
<h2>Installation</h2>
<h3>From App Store</h3>
<p>Open the <strong>App Store</strong> in zOS and search for "zSearch".</p>
<h3>Via npm</h3>
<pre><code>npm install @zos-apps/zsearch</code></pre>
</section>
<section>
<h2>How to Use</h2>
<ul>
<li>Type to search</li>
<li>Arrow keys to navigate</li>
<li>Enter to open</li>
</ul>
</section>
<section>
<h2>Keyboard Shortcuts</h2>
<table>
<thead><tr><th>Shortcut</th><th>Action</th></tr></thead>
<tbody>
<tr><td class="shortcuts">Cmd+Space</td><td>Open</td></tr>
<tr><td class="shortcuts">↑↓</td><td>Navigate</td></tr>
<tr><td class="shortcuts">Enter</td><td>Open</td></tr>
<tr><td class="shortcuts">Cmd+B</td><td>Web search</td></tr>
</tbody>
</table>
</section>
<section>
<h2>Development</h2>
<pre><code># Install dependencies
npm install
# Start development
npm run dev
# Build for production
npm run build</code></pre>
</section>
</main>
<footer class="container">
<p style="text-align: center; margin: 2rem 0;">
Built with ❤️ by <a href="https://hanzo.ai">Hanzo AI</a> •
<a href="https://github.com/zos-apps/zsearch">Source</a> •
<a href="https://github.com/zos-apps/zsearch/issues">Issues</a>
</p>
</footer>
</body>
</html>