Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <meta name="description" content="Type Bashkir letters on the familiar Russian layout. A free, open-source Windows utility: tap or hold a key."> | |
| <meta name="theme-color" content="#147d72"> | |
| <title>Bashkir Keyboard — Bashkir letters with a key hold</title> | |
| <link rel="icon" href="assets/app-icon.png"> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="i18n.js" defer></script> | |
| <script src="site.js" defer></script> | |
| <script src="demo.js" defer></script> | |
| </head> | |
| <body> | |
| <header class="navigation container"> | |
| <a class="brand" href="#"><img src="assets/app-icon.png" width="38" height="38" alt="">Bashkir Keyboard</a> | |
| <nav aria-label="Navigation"><a href="#how">How it works</a><a href="#questions">FAQ</a><a data-repo hidden>GitHub ↗</a><div class="language-switch" role="group" aria-label="Language"><button type="button" data-language="en" aria-pressed="true">EN</button><button type="button" data-language="ru" aria-pressed="false">RU</button></div></nav> | |
| </header> | |
| <main> | |
| <section class="hero container"> | |
| <div class="hero-copy"> | |
| <span class="eyebrow"><span class="status-dot"></span> For Windows 10 and 11 · x64</span> | |
| <h1>Type in Bashkir.<br><span>On familiar keys.</span></h1> | |
| <p class="lead">Tap for a Russian letter. Hold for a Bashkir letter. Keep your Russian layout and your usual typing speed.</p> | |
| <div class="actions"><a class="button primary" id="download" href="#installation">How to install <span aria-hidden="true">↓</span></a><a class="button secondary" data-source hidden>View source ↗</a></div> | |
| <p class="download-note" id="release-note" role="status">Free · open source · no .NET installation needed</p> | |
| </div> | |
| <div class="demo" aria-label="Example: holding О replaces о with ө"> | |
| <div class="demo-top"><img src="assets/app-icon.png" width="34" height="34" alt=""><span>Bashkir Keyboard</span><span class="pill">Enabled</span></div> | |
| <div class="demo-label">ONE KEY. TWO LETTERS.</div> | |
| <div class="letter-demo"><span class="keycap">О</span><span class="hold">hold for<br><strong>450 ms</strong><span class="arrow">→</span></span><span class="bashkir-letter">Ө</span></div> | |
| <div class="demo-divider"></div> | |
| <div class="demo-caption"><span>Tap <strong>о</strong></span><span>With Shift <strong>Ө</strong></span></div> | |
| <p>A familiar key. The letter you need.</p> | |
| </div> | |
| </section> | |
| <section class="try-section container" aria-labelledby="try-title"> | |
| <span class="eyebrow">TRY IT HERE</span> | |
| <h2 id="try-title">One key. Two letters.</h2> | |
| <p>Tap a button for a Russian letter or hold it for 450 ms for a Bashkir letter. On mobile, press and hold with your finger.</p> | |
| <div class="try-keys" aria-label="Demo buttons"> | |
| <button type="button" data-letter="а" data-hold="ә" aria-label="А, hold for Ә">А <small>Ә</small></button> | |
| <button type="button" data-letter="о" data-hold="ө" aria-label="О, hold for Ө">О <small>Ө</small></button> | |
| <button type="button" data-letter="у" data-hold="ү" aria-label="У, hold for Ү">У <small>Ү</small></button> | |
| <button type="button" data-letter="к" data-hold="ҡ" aria-label="К, hold for Ҡ">К <small>Ҡ</small></button> | |
| <button type="button" data-letter="г" data-hold="ғ" aria-label="Г, hold for Ғ">Г <small>Ғ</small></button> | |
| <button type="button" data-letter="с" data-hold="ҫ" aria-label="С, hold for Ҫ">С <small>Ҫ</small></button> | |
| <button type="button" data-letter="з" data-hold="ҙ" aria-label="З, hold for Ҙ">З <small>Ҙ</small></button> | |
| <button type="button" data-letter="х" data-hold="һ" aria-label="Х, hold for Һ">Х <small>Һ</small></button> | |
| <button type="button" data-letter="н" data-hold="ң" aria-label="Н, hold for Ң">Н <small>Ң</small></button> | |
| </div> | |
| <div class="try-result"><output id="try-output" aria-label="Demo output" aria-live="polite">Your letters will appear here</output><button type="button" id="try-clear">Clear</button></div> | |
| <p class="try-note">This demo works only with these buttons. Download the Windows app to type in other applications. Letters are never stored or sent.</p> | |
| </section> | |
| <section class="mapping-section container" aria-labelledby="letters-title"> | |
| <div class="section-intro"><span class="eyebrow">ALL THE LETTERS YOU NEED</span><h2 id="letters-title">Nine mappings.<br>Just what you need.</h2><p>Enable each mapping individually.<br>Shift and Caps Lock control letter case.</p></div> | |
| <div class="mapping-grid"> | |
| <div><span>А</span><i>→</i><strong>Ә</strong></div><div><span>О</span><i>→</i><strong>Ө</strong></div><div><span>У</span><i>→</i><strong>Ү</strong></div> | |
| <div><span>К</span><i>→</i><strong>Ҡ</strong></div><div><span>Г</span><i>→</i><strong>Ғ</strong></div><div><span>С</span><i>→</i><strong>Ҫ</strong></div> | |
| <div><span>З</span><i>→</i><strong>Ҙ</strong></div><div><span>Х</span><i>→</i><strong>Һ</strong></div><div><span>Н</span><i>→</i><strong>Ң</strong></div> | |
| </div> | |
| </section> | |
| <section class="how container" id="how"> | |
| <span class="eyebrow">MADE FOR EVERYDAY USE</span><h2>Runs in the background.<br>Controls in the system tray.</h2> | |
| <div class="feature-grid"> | |
| <article><span class="feature-number">01</span><h3>Type at your own pace</h3><p>Regular letters appear immediately. Fast typing stays in order, without waiting for the hold timer.</p></article> | |
| <article><span class="feature-number">02</span><h3>Make it yours</h3><p>Choose a hold delay from 250 to 800 ms, enable your preferred mappings and start with Windows. Settings stay on your computer.</p></article> | |
| <article><span class="feature-number">03</span><h3>Your text stays with you</h3><p>The app has no analytics and never sends your text over the network. Diagnostic logs do not contain what you type.</p></article> | |
| </div> | |
| </section> | |
| <section class="installation container" id="installation"> | |
| <div><span class="eyebrow">NO INSTALLER NEEDED</span><h2>Extract.<br>Launch. Type.</h2><p>The portable download includes .NET.<br>Keep all extracted files together.</p><a class="text-link" data-releases hidden>All releases and downloads ↗</a></div> | |
| <ol><li><span>1</span><div><h3>Download the Windows x64 ZIP</h3><p>Choose BashkortKeyboard…win-x64.zip from the latest release.</p></div></li><li><span>2</span><div><h3>Extract to a permanent folder</h3><p>For example, use your applications folder. Do not run the app from inside the ZIP.</p></div></li><li><span>3</span><div><h3>Run BashkortKeyboard.exe</h3><p>Switch to the Russian layout. Hold a mapped key to type a Bashkir letter.</p></div></li></ol> | |
| </section> | |
| <section class="questions container" id="questions"> | |
| <h2>Before you start</h2> | |
| <details open><summary>Which applications are supported?</summary><p>Keyboard handling is global, but replacement depends on the text field being accessible through Windows UI Automation. If the caret position cannot be verified, regular typing is preserved. Support for every editor version is not guaranteed.</p></details> | |
| <details><summary>Why might Windows show a warning?</summary><p>The app is not digitally signed yet, so Windows may warn about an unknown publisher. Open source lets you inspect and build the app yourself, but does not replace code signing.</p></details> | |
| <details><summary>What if I press another key?</summary><p>The pending replacement is cancelled. Clicking, switching windows or changing the keyboard layout also cancels the hold, helping prevent another letter from being removed.</p></details> | |
| <details><summary>Can I use the English layout?</summary><p>Replacements are disabled on the English layout. Switch to the standard Russian layout to type Bashkir letters.</p></details> | |
| <details><summary>Does the app read or store my text?</summary><p>To verify a replacement, the app briefly checks one character before the caret in an accessible field that is not a password field. That text is never stored or sent. See the privacy document for details.</p><a data-privacy hidden>Privacy details ↗</a></details> | |
| </section> | |
| </main> | |
| <footer class="container"><div class="brand"><img src="assets/app-icon.png" width="28" height="28" alt="">Bashkir Keyboard</div><p>A small tool for your native language.</p><a data-license hidden>Open source · MIT ↗</a></footer> | |
| </body> | |
| </html> | |