docs(site): consolidate landing page and add macOS download

Publish one bilingual download surface with clearly separated iPhone/iPad App Store and notarized Mac DMG actions.
This commit is contained in:
Rocky
2026-07-30 00:56:50 +08:00
parent 38a76e9217
commit 293a4beae6
12 changed files with 212 additions and 661 deletions
+6 -121
View File
@@ -3,128 +3,13 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OSGKeyboard — Free Open-Source Voice Keyboard for iPhone, iPad &amp; Mac</title>
<meta name="description" content="OSGKeyboard is a free open-source voice dictation keyboard for iPhone, iPad, and Mac. On-device speech recognition by default, BYOK AI polish, personal dictionary. Speak it — it's typed.">
<meta name="keywords" content="OSGKeyboard, voice keyboard, dictation app, open source dictation, on-device ASR, BYOK, Typeless alternative, Superwhisper alternative, Mac Option dictation, iOS custom keyboard">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
<meta name="author" content="OSGKeyboard">
<link rel="canonical" href="https://hkgood.github.io/OSGKeyboard/en/">
<link rel="alternate" hreflang="en" href="https://hkgood.github.io/OSGKeyboard/en/">
<link rel="alternate" hreflang="zh-Hans" href="https://hkgood.github.io/OSGKeyboard/">
<link rel="alternate" hreflang="x-default" href="https://hkgood.github.io/OSGKeyboard/">
<link rel="icon" href="../assets/app-icon.png" type="image/png">
<meta property="og:type" content="website">
<meta property="og:site_name" content="OSGKeyboard">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="OSGKeyboard — Speak it. It's typed.">
<meta property="og:description" content="Free open-source voice input for iPhone, iPad, and Mac. On-device by default. BYOK AI polish — no double subscription.">
<meta property="og:url" content="https://hkgood.github.io/OSGKeyboard/en/">
<meta property="og:image" content="https://hkgood.github.io/OSGKeyboard/assets/screenshots/en/dark/mac-dashboard.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="OSGKeyboard — Speak it. It's typed.">
<meta name="twitter:description" content="Free open-source voice keyboard for Apple devices. Local ASR + BYOK polish.">
<meta name="twitter:image" content="https://hkgood.github.io/OSGKeyboard/assets/screenshots/en/dark/mac-dashboard.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "OSGKeyboard",
"operatingSystem": "iOS 26+, iPadOS 26+, macOS 26+",
"applicationCategory": "UtilitiesApplication",
"url": "https://hkgood.github.io/OSGKeyboard/en/",
"downloadUrl": "https://apps.apple.com/app/osgkeyboard/id6781553267",
"image": "https://hkgood.github.io/OSGKeyboard/assets/app-icon.png",
"description": "Free open-source voice input for iPhone, iPad, and Mac with on-device recognition and BYOK AI polish.",
"isAccessibleForFree": true,
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
"sameAs": ["https://github.com/hkgood/OSGKeyboard", "https://apps.apple.com/app/osgkeyboard/id6781553267"]
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../assets/site-pages.css">
<style>
:root { --max: 720px; }
.hero-shot { width: 100%; border-radius: 16px; border: 1px solid var(--line); margin: 1.5rem 0; }
.grid { display: grid; gap: 0.85rem; margin: 1.25rem 0; }
@media (min-width: 640px) { .grid { grid-template-columns: 1fr 1fr; } }
</style>
<title>Redirecting · OSGKeyboard</title>
<meta name="robots" content="noindex">
<link rel="canonical" href="https://hkgood.github.io/OSGKeyboard/?lang=en">
<meta http-equiv="refresh" content="0; url=../?lang=en">
<script>location.replace("../?lang=en");</script>
</head>
<body>
<header class="nav">
<div class="nav-inner">
<a class="brand" href="./">
<img src="../assets/app-icon.png" alt="" width="28" height="28">
OSGKeyboard
</a>
<nav class="nav-links" aria-label="Primary">
<a href="../">中文</a>
<a href="../install/">Install</a>
<a href="../compare/">Compare</a>
<a href="../mac-dictation/">Mac</a>
<a href="https://github.com/hkgood/OSGKeyboard" rel="noopener">GitHub</a>
</nav>
</div>
</header>
<main>
<div class="wrap">
<p class="eyebrow">Free · Open · Cross-platform</p>
<h1>Speak it. It's typed.</h1>
<p class="lead">OSGKeyboard is a free, open-source voice keyboard for iPhone, iPad, and Mac. Dictate in any app; on-device recognition stays private by default. Bring your own API key for AI polish — skip another dictation subscription.</p>
<a class="store-badge" href="https://apps.apple.com/app/osgkeyboard/id6781553267" rel="noopener">
<img src="../assets/badges/appstore-en.svg" width="120" height="40" alt="Download on the App Store">
</a>
<div class="cta-row">
<a class="btn" href="../install/">Installation guide</a>
<a class="btn" href="https://github.com/hkgood/OSGKeyboard" rel="noopener">View source</a>
</div>
<img class="hero-shot" src="../assets/hero-devices.png" width="1600" height="716" alt="OSGKeyboard on iPad, Mac, and iPhone" loading="eager">
<h2>Why people switch to OSGKeyboard</h2>
<div class="grid">
<div class="card"><strong>Works everywhere</strong><p>Messages, Notes, Notion, Cursor, Mail, WeChat — wherever the cursor is.</p></div>
<div class="card"><strong>On-device by default</strong><p>Local ASR on iOS; optional local models on Mac. Cloud only when you opt in.</p></div>
<div class="card"><strong>BYOK polish</strong><p>Use DeepSeek, OpenAI, Anthropic, OpenRouter, or any compatible endpoint.</p></div>
<div class="card"><strong>Phone + Mac</strong><p>Custom keyboard on iOS/iPadOS; hold Option for global Mac dictation.</p></div>
</div>
<h2>Who it is for</h2>
<ul>
<li>Users looking for a <strong>Typeless</strong> or <strong>Superwhisper</strong> alternative without another subscription</li>
<li>People who want <strong>privacy-first dictation</strong> that does not upload audio by default</li>
<li>Developers and power users who already pay for LLM APIs and want BYOK</li>
<li>Anyone who needs the <strong>same voice workflow on iPhone and Mac</strong></li>
</ul>
<h2>Get started</h2>
<ol>
<li>Install from the <a href="https://apps.apple.com/app/osgkeyboard/id6781553267">App Store</a>.</li>
<li>On iOS: enable the keyboard and Full Access. On Mac: grant Microphone + Accessibility.</li>
<li>Speak — text lands at the cursor. Add an API key only if you want AI polish.</li>
</ol>
<p>Full steps: <a href="../install/">Install guide</a>. Feature deep-dive: <a href="../mac-dictation/">Mac global dictation</a>. Side-by-side: <a href="../compare/">Compare products</a>.</p>
<h2>Download</h2>
<a class="store-badge" href="https://apps.apple.com/app/osgkeyboard/id6781553267" rel="noopener">
<img src="../assets/badges/appstore-en.svg" width="120" height="40" alt="Download on the App Store">
</a>
</div>
</main>
<footer>
<div class="footer-inner">
<span>© OSGKeyboard · source available</span>
<span class="footer-links">
<a href="../privacy/">Privacy</a>
<a href="https://github.com/hkgood/OSGKeyboard" rel="noopener">GitHub</a>
<a href="../">中文站</a>
</span>
</div>
</footer>
<p><a href="../?lang=en">OSGKeyboard</a></p>
</body>
</html>