mirror of
https://github.com/zos-apps/zblocks.git
synced 2026-11-04 17:34:27 +00:00
zeekay
a31ced10cd
- 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
97 lines
3.3 KiB
HTML
97 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>zBlocks - 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>zBlocks</h1>
|
|
<p>The legendary tile-matching puzzle game.</p>
|
|
<p>
|
|
<a href="https://github.com/zos-apps/zblocks" class="badge">GitHub</a>
|
|
<a href="https://www.npmjs.com/package/@zos-apps/zblocks" class="badge">npm</a>
|
|
</p>
|
|
</div>
|
|
|
|
<main class="container">
|
|
<section>
|
|
<h2>Features</h2>
|
|
<div class="features">
|
|
<article class="feature"><strong>✓</strong> Classic gameplay</article>
|
|
<article class="feature"><strong>✓</strong> Ghost piece</article>
|
|
<article class="feature"><strong>✓</strong> Hold piece</article>
|
|
<article class="feature"><strong>✓</strong> Score tracking</article>
|
|
<article class="feature"><strong>✓</strong> Levels</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Installation</h2>
|
|
<h3>From App Store</h3>
|
|
<p>Open the <strong>App Store</strong> in zOS and search for "zBlocks".</p>
|
|
<h3>Via npm</h3>
|
|
<pre><code>npm install @zos-apps/zblocks</code></pre>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>How to Use</h2>
|
|
<ul>
|
|
<li>Arrow keys to move</li>
|
|
<li>Up to rotate</li>
|
|
<li>Space for hard drop</li>
|
|
</ul>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<h2>Keyboard Shortcuts</h2>
|
|
<table>
|
|
<thead><tr><th>Shortcut</th><th>Action</th></tr></thead>
|
|
<tbody>
|
|
<tr><td class="shortcuts">←→</td><td>Move</td></tr>
|
|
<tr><td class="shortcuts">↑</td><td>Rotate</td></tr>
|
|
<tr><td class="shortcuts">↓</td><td>Soft drop</td></tr>
|
|
<tr><td class="shortcuts">Space</td><td>Hard drop</td></tr>
|
|
<tr><td class="shortcuts">P</td><td>Pause</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/zblocks">Source</a> •
|
|
<a href="https://github.com/zos-apps/zblocks/issues">Issues</a>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|