mirror of
https://github.com/felixfoertsch/EurKEY-macOS.git
synced 2026-04-16 06:28:28 +02:00
Felix Förtsch
18718e3424
interactive layout viewer with version tabs, modifier key highlighting, dead key compositions, ISO enter spanning two rows, arrow cluster. fix keylayout parser mapSet range handling, update PDF build scripts, move eurkey-layout-complete.pdf to spec/. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
156 lines
6.6 KiB
HTML
156 lines
6.6 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="#layout">Layout</a>
|
|
<a href="#features">Features</a>
|
|
<a href="#install">Install</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>
|
|
|
|
<!-- HERO -->
|
|
<section class="hero">
|
|
<img src="img/icon.svg" alt="EurKEY icon" class="hero-icon" width="96" height="96">
|
|
<h1>The European Keyboard Layout for macOS</h1>
|
|
<p class="hero-sub">Dead keys for diacritics. ISO international layout. Designed for MacBook keyboards.</p>
|
|
<a href="https://github.com/felixfoertsch/EurKEY-macOS/releases" class="btn">Download on GitHub</a>
|
|
</section>
|
|
|
|
<!-- LAYOUT PREVIEW -->
|
|
<section id="layout" class="layout-preview">
|
|
<div class="container">
|
|
<h2>Layout Preview</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>
|
|
<div class="dead-key-panel" id="dead-key-panel" hidden>
|
|
<button class="dead-key-close" id="dead-key-close" aria-label="Close">×</button>
|
|
<h4 id="dead-key-title"></h4>
|
|
<div class="dead-key-grid" id="dead-key-grid"></div>
|
|
</div>
|
|
<div class="layout-pdf-links">
|
|
<a href="pdf/eurkey-v1.3-layout.pdf">v1.3 PDF</a>
|
|
<a href="pdf/eurkey-v1.2-layout.pdf">v1.2 PDF</a>
|
|
<a href="pdf/eurkey-v1.4-layout.pdf">v1.4 PDF</a>
|
|
<a href="pdf/eurkey-v2.0-layout.pdf">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">⌥</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">⌨</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">◇</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">↓</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>
|
|
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>
|
|
</body>
|
|
</html>
|