Files
EurKEY-macOS/eurkey-macos.eu/index.html
Felix Förtsch 7c7e54754e update v2.0 layout, fix keyboard viewer dead key cycling, clean up repo
- remove duplicate compositions from v2.0: § from Navigators, ± from
  Option+Shift §, ± from Mathematicians on -, terminator dupes on 5
- change Mathematicians terminator from space to 𝕄
- fix keyboard viewer: support multiple dead keys per key with click
  cycling, show active dead key's own layer character, hide others
- add feature card SVG icons (dead keys, ISO enter, versions, install)
- delete unused draft SVGs, remove leftover docs/ PDFs

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-16 12:31:57 +01:00

142 lines
6.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EurKEY — The European Keyboard Layout for macOS</title>
<meta name="description" content="The keyboard layout for Europeans, coders, and translators. Dead keys for diacritics, ISO international layout, easy DMG install.">
<link rel="icon" type="image/svg+xml" href="img/icon.svg">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- NAV -->
<nav class="nav">
<div class="nav-inner">
<a href="#" class="nav-logo">
<img src="img/icon.svg" alt="" width="32" height="32">
<span>EurKEY</span>
</a>
<div class="nav-links">
<a href="https://github.com/felixfoertsch/EurKEY-macOS/releases" class="btn btn--nav">Download</a>
<a href="https://github.com/felixfoertsch/EurKEY-macOS" class="nav-github" aria-label="GitHub">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/>
</svg>
</a>
</div>
</div>
</nav>
<!-- LAYOUT PREVIEW -->
<section id="layout" class="layout-preview">
<div class="container">
<h2>EurKEY — The European Keyboard Layout</h2>
<p class="section-sub">The complete key map for each version, showing all modifier layers and dead key compositions.</p>
<div class="layout-controls">
<div class="version-tabs">
<button class="version-tab active" data-version="v2.0">v2.0</button>
<button class="version-tab" data-version="v1.4">v1.4</button>
<button class="version-tab" data-version="v1.3">v1.3</button>
<button class="version-tab" data-version="v1.2">v1.2</button>
</div>
</div>
<figure class="keyboard" id="keyboard"></figure>
<p class="keyboard-hint">Hold <kbd>Shift</kbd> or <kbd>Option</kbd> to preview modifier layers. Click a yellow dead key to see its compositions. Press <kbd>Esc</kbd> to go back.</p>
<div class="layout-pdf-links">
<a href="pdf/eurkey-v2.0-layout.pdf" id="pdf-download" class="btn btn--secondary">Download v2.0 PDF</a>
</div>
</div>
</section>
<!-- FEATURES -->
<section id="features" class="features">
<div class="container">
<h2>Features</h2>
<div class="feature-grid">
<div class="feature-card">
<div class="feature-icon"><img src="img/icon-deadkeys.svg" alt="" width="36" height="36"></div>
<h3>Dead Keys for Diacritics</h3>
<p>Type accented characters (ä, é, ñ, č, …) using intuitive Option-key combinations. No character palette needed.</p>
</div>
<div class="feature-card">
<div class="feature-icon"><img src="img/icon-iso.svg" alt="" width="36" height="36"></div>
<h3>ISO International Layout</h3>
<p>Built for the physical English International keyboard found on European MacBooks — with the extra § key and big Enter.</p>
</div>
<div class="feature-card">
<div class="feature-icon"><img src="img/icon-versions.svg" alt="" width="36" height="36"></div>
<h3>Multiple Versions</h3>
<p>Ships v1.2, v1.3, v1.4, and v2.0 in a single bundle. Pick the one that fits your workflow.</p>
</div>
<div class="feature-card">
<div class="feature-icon"><img src="img/icon-install.svg" alt="" width="36" height="36"></div>
<h3>Easy Install</h3>
<p>Download the DMG, drag the bundle to Keyboard Layouts, log out. Done in under a minute.</p>
</div>
</div>
</div>
</section>
<!-- INSTALLATION -->
<section id="install" class="install">
<div class="container">
<h2>Installation</h2>
<div class="install-steps">
<div class="step">
<div class="step-number">1</div>
<div class="step-content">
<h3>Download</h3>
<p>Get the latest <code>.dmg</code> from <a href="https://github.com/felixfoertsch/EurKEY-macOS/releases">GitHub Releases</a>. Open it and drag <code>EurKey-macOS.bundle</code> to the <em>Keyboard Layouts</em> folder.</p>
</div>
</div>
<div class="step">
<div class="step-number">2</div>
<div class="step-content">
<h3>Log out</h3>
<p>Log out and back in (or restart) so macOS picks up the new layout.</p>
</div>
</div>
<div class="step">
<div class="step-number">3</div>
<div class="step-content">
<h3>Add the layout</h3>
<p>Open <strong>System Settings → Keyboard → Input Sources</strong>. Click <strong>Edit…</strong>, then <strong>+</strong> to add a new input source. Search for "EurKEY" and select the version you want.</p>
<div class="install-screenshots">
<img src="img/1-input-sources.png" alt="System Settings showing the Edit button for input sources" loading="lazy">
<img src="img/2-add-layout.png" alt="Dialog to add a new input source" loading="lazy">
<img src="img/3-select-eurkey.png" alt="EurKEY in the input sources list" loading="lazy">
</div>
</div>
</div>
<div class="step">
<div class="step-number">4</div>
<div class="step-content">
<h3>Select it</h3>
<p>Click the input source icon in the menu bar and switch to EurKEY.</p>
<div class="install-screenshots">
<img src="img/4-select-input-method.png" alt="Selecting EurKEY from the menu bar dropdown" loading="lazy">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="container">
<p>EurKEY-macOS maintained by <a href="https://github.com/felixfoertsch">Felix Förtsch</a></p>
<p>
Based on <a href="https://eurkey.steffen.bruentjen.eu/start.html">EurKEY</a> by Steffen Brüntjen
· macOS port originally by <a href="https://github.com/lbschenkel/EurKEY-Mac">Leonardo Brondani Schenkel</a>
</p>
<p>Licensed under <a href="https://www.gnu.org/licenses/gpl-3.0.html">GPLv3</a></p>
</div>
</footer>
<script src="keyboard.js"></script>
<script data-goatcounter="https://felixfoertsch.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
</body>
</html>