mirror of
https://github.com/zos-apps/zsocial.git
synced 2026-11-04 17:34:31 +00:00
zeekay
418504ff7c
- 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.7 KiB
HTML
83 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>zSocial - 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>zSocial</h1>
|
||
<p>Social media platform for news and conversations.</p>
|
||
<p>
|
||
<a href="https://github.com/zos-apps/zsocial" class="badge">GitHub</a>
|
||
<a href="https://www.npmjs.com/package/@zos-apps/zsocial" class="badge">npm</a>
|
||
</p>
|
||
</div>
|
||
|
||
<main class="container">
|
||
<section>
|
||
<h2>Features</h2>
|
||
<div class="features">
|
||
<article class="feature"><strong>✓</strong> Timeline</article>
|
||
<article class="feature"><strong>✓</strong> Tweets</article>
|
||
<article class="feature"><strong>✓</strong> Retweets</article>
|
||
<article class="feature"><strong>✓</strong> Likes</article>
|
||
<article class="feature"><strong>✓</strong> Direct messages</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>Installation</h2>
|
||
<h3>From App Store</h3>
|
||
<p>Open the <strong>App Store</strong> in zOS and search for "zSocial".</p>
|
||
<h3>Via npm</h3>
|
||
<pre><code>npm install @zos-apps/zsocial</code></pre>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>How to Use</h2>
|
||
<ul>
|
||
<li>Scroll timeline</li>
|
||
<li>Click to view tweet</li>
|
||
<li>Compose with + button</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/zsocial">Source</a> •
|
||
<a href="https://github.com/zos-apps/zsocial/issues">Issues</a>
|
||
</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|