mirror of
https://github.com/zos-apps/zsketch.git
synced 2026-11-04 17:34:28 +00:00
zeekay
9d70b47567
- 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
83 lines
2.8 KiB
HTML
83 lines
2.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>zsketch - 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>zsketch</h1>
|
|
<p>Collaborative whiteboard for drawing and diagramming.</p>
|
|
<p>
|
|
<a href="https://github.com/zos-apps/zsketch" class="badge">GitHub</a>
|
|
<a href="https://www.npmjs.com/package/@zos-apps/zsketch" class="badge">npm</a>
|
|
</p>
|
|
</div>
|
|
|
|
<main class="container">
|
|
<section>
|
|
<h2>Features</h2>
|
|
<div class="features">
|
|
<article class="feature"><strong>✓</strong> Drawing tools</article>
|
|
<article class="feature"><strong>✓</strong> Shapes</article>
|
|
<article class="feature"><strong>✓</strong> Text</article>
|
|
<article class="feature"><strong>✓</strong> Collaboration</article>
|
|
<article class="feature"><strong>✓</strong> Export</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Installation</h2>
|
|
<h3>From App Store</h3>
|
|
<p>Open the <strong>App Store</strong> in zOS and search for "zsketch".</p>
|
|
<h3>Via npm</h3>
|
|
<pre><code>npm install @zos-apps/zsketch</code></pre>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>How to Use</h2>
|
|
<ul>
|
|
<li>Select tool from sidebar</li>
|
|
<li>Draw on canvas</li>
|
|
<li>Share to collaborate</li>
|
|
</ul>
|
|
</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/zsketch">Source</a> •
|
|
<a href="https://github.com/zos-apps/zsketch/issues">Issues</a>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|