mirror of
https://github.com/felixfoertsch/EurKEY-macOS.git
synced 2026-04-16 06:28:28 +02:00
Felix Förtsch
3e2fc8f0d9
- commit keylayouts, icons, lproj, Iosevka fonts - remove Hugo, build static site (HTML + CSS + vanilla JS) - CI workflow generates layout PDFs, deploys to GitHub Pages
148 lines
6.2 KiB
HTML
148 lines
6.2 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="#features">Features</a>
|
|
<a href="#layout">Layout</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>
|
|
|
|
<!-- 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>
|
|
|
|
<!-- 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-tabs">
|
|
<button class="tab active" data-version="v1.3">v1.3</button>
|
|
<button class="tab" data-version="v1.2">v1.2</button>
|
|
<button class="tab" data-version="v1.4">v1.4</button>
|
|
<button class="tab" data-version="v2.0">v2.0</button>
|
|
</div>
|
|
<div class="layout-viewer">
|
|
<iframe id="pdf-viewer" src="pdf/eurkey-v1.3-layout.pdf" title="EurKEY layout PDF"></iframe>
|
|
<p class="layout-fallback">
|
|
<a id="pdf-download" href="pdf/eurkey-v1.3-layout.pdf">Download layout PDF</a>
|
|
</p>
|
|
</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="main.js"></script>
|
|
</body>
|
|
</html>
|