From d6d11691b40c6c466b8078b4a01c2643bba976a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jorge=20Herna=CC=81ndez=20Valin=CC=83ani?=
 <chocolate.camera@gmail.com>
Date: Fri, 29 Aug 2025 10:25:42 +0200
Subject: [PATCH] Add Spanish ISO layouts

---
 content/keyboards/keyboards.js         |   5 +
 content/keyboards/spanish-iso.html     | 162 +++++++++++++++++++++++
 content/keyboards/spanish-iso_mac.html | 171 +++++++++++++++++++++++++
 3 files changed, 338 insertions(+)
 create mode 100644 content/keyboards/spanish-iso.html
 create mode 100644 content/keyboards/spanish-iso_mac.html

diff --git a/content/keyboards/keyboards.js b/content/keyboards/keyboards.js
index c62d27d..2fe253c 100644
--- a/content/keyboards/keyboards.js
+++ b/content/keyboards/keyboards.js
@@ -33,5 +33,10 @@ var sitedata_keyboards = {
         mac: "french_mac.html",
         windows: "french.html",
         linux: "french.html",
+    },
+    "Spanish ISO": {
+        mac: "spanish-iso_mac.html",
+        windows: "spanish-iso.html",
+        linux: "spanish-iso.html",
     }
 };
diff --git a/content/keyboards/spanish-iso.html b/content/keyboards/spanish-iso.html
new file mode 100644
index 0000000..061c0c3
--- /dev/null
+++ b/content/keyboards/spanish-iso.html
@@ -0,0 +1,162 @@
+<link href="keyboards_layout.css" rel="stylesheet" />
+<div id="keyboard">
+    <div class="row">
+        <button data-key="ESCAPE">Esc</button>
+        <div class="spacer-key"></div>
+        <button data-key="F1">F1</button>
+        <button data-key="F2">F2</button>
+        <button data-key="F3">F3</button>
+        <button data-key="F4">F4</button>
+        <div class="spacer-small"></div>
+        <button data-key="F5">F5</button>
+        <button data-key="F6">F6</button>
+        <button data-key="F7">F7</button>
+        <button data-key="F8">F8</button>
+        <div class="spacer-small"></div>
+        <button data-key="F9">F9</button>
+        <button data-key="F10">F10</button>
+        <button data-key="F11">F11</button>
+        <button data-key="F12">F12</button>
+        <div class="spacer-small"></div>
+        <button data-key="PRINT_SCREEN">ImpPnt PetSis</button>
+        <button data-key="SCROLL_LOCK">Bloq Despl</button>
+        <button data-key="PAUSE_BREAK">Pausa Inter</button>
+    </div>
+    <div class="row">
+        <div class="spacer-small"></div>
+    </div>
+    <div class="row">
+        <button data-key="MASCULIN_ORDINAL_SIGN">º</button>
+        <button data-key="ONE">1</button>
+        <button data-key="TWO">2</button>
+        <button data-key="THREE">3</button>
+        <button data-key="FOUR">4</button>
+        <button data-key="FIVE">5</button>
+        <button data-key="SIX">6</button>
+        <button data-key="SEVEN">7</button>
+        <button data-key="EIGHT">8</button>
+        <button data-key="NINE">9</button>
+        <button data-key="ZERO">0</button>
+        <button data-key="SINGLE_QUOTE">‘</button>
+        <button data-key="INVERTED_EXCLAMATION">¡</button>
+        <button data-key="BACKSPACE" style="width: 102px">&larr;</button>
+        <div class="spacer-small"></div>
+        <button data-key="INSERT">Insert</button>
+        <button data-key="HOME">Inicio</button>
+        <button data-key="PAGE_UP">Re Pág</button>
+        <div class="spacer-small"></div>
+        <button data-key="NUMLOCK">Bloq Núm</button>
+        <button data-key="NUMPAD_SLASH">/</button>
+        <button data-key="NUMPAD_ASTERISK">*</button>
+        <button data-key="NUMPAD_MINUS">-</button>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="row">
+                <button data-key="TAB" style="width: 72px">&#8677;</button>
+                <button data-key="Q">Q</button>
+                <button data-key="W">Z</button>
+                <button data-key="E">E</button>
+                <button data-key="R">R</button>
+                <button data-key="T">T</button>
+                <button data-key="Y">Y</button>
+                <button data-key="U">U</button>
+                <button data-key="I">I</button>
+                <button data-key="O">O</button>
+                <button data-key="P">P</button>
+                <button data-key="ACCENT_GRAVE">`</button>
+                <button data-key="PLUS">+</button>
+            </div>
+            <div class="row">
+                <button data-key="CAPSLOCK" style="width: 88px">&#8682;</button>
+                <button data-key="A">A</button>
+                <button data-key="S">S</button>
+                <button data-key="D">D</button>
+                <button data-key="F">F</button>
+                <button data-key="G">G</button>
+                <button data-key="H">H</button>
+                <button data-key="J">J</button>
+                <button data-key="K">K</button>
+                <button data-key="L">L</button>
+                <button data-key="N_TILDE">Ñ</button>
+                <button data-key="ACCENT_GRAVE">´</button>
+                <button data-key="C_CEDIL">Ç</button>
+            </div>
+        </div>
+        <div class="col">
+            <button data-key="ENTER" class="high" style="width: 66px;">&crarr;</button>
+        </div>
+        <div class="col">
+            <div class="row">
+                <div class="spacer-small"></div>
+                <button data-key="DELETE">Supr</button>
+                <button data-key="END">Fin</button>
+                <button data-key="PAGE_DOWN">Av Pág</button>
+                <div class="spacer-small"></div>
+                <button data-key="NUMPAD_SEVEN">7</button>
+                <button data-key="NUMPAD_EIGHT">8</button>
+                <button data-key="NUMPAD_NINE">9</button>
+            </div>
+            <div class="row">
+                <div class="spacer-small"></div>
+                <div class="spacer-key"></div>
+                <div class="spacer-key"></div>
+                <div class="spacer-key"></div>
+                <div class="spacer-small"></div>
+                <button data-key="NUMPAD_FOUR">4</button>
+                <button data-key="NUMPAD_FIVE">5</button>
+                <button data-key="NUMPAD_SIX">6</button>
+            </div>
+        </div>
+        <div class="col">
+            <button data-key="NUMPAD_PLUS" class="high">+</button>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="row">
+                <button data-key="SHIFT" style="width: 70px">&#8679;</button>
+                <button data-key="LESSTHAN">&lt;</button>
+                <button data-key="Z">Z</button>
+                <button data-key="X">X</button>
+                <button data-key="C">C</button>
+                <button data-key="V">V</button>
+                <button data-key="B">B</button>
+                <button data-key="N">N</button>
+                <button data-key="M">M</button>
+                <button data-key="COMMA">,</button>
+                <button data-key="PERIOD">.</button>
+                <button data-key="MINUS">-</button>
+                <button data-key="SHIFT" style="width: 139px">&#8679;</button>
+                <div class="spacer-small"></div>
+                <div class="spacer-key"></div>
+                <button data-key="UP_ARROW">&uarr;</button>
+                <div class="spacer-key"></div>
+                <div class="spacer-small"></div>
+                <button data-key="NUMPAD_ONE">1</button>
+                <button data-key="NUMPAD_TWO">2</button>
+                <button data-key="NUMPAD_THREE">3</button>
+            </div>
+            <div class="row">
+                <button data-key="CONTROL" style="width: 82px">Ctrl</button>
+                <button data-key="OSKEY" style="width: 68px">OS</button>
+                <button data-key="ALT" style="width: 68px">Alt</button>
+                <button data-key="SPACE" style="width: 306px"></button>
+                <button data-key="ALT" style="width: 68px">Alt Gr</button>
+                <button data-key="OSKEY" style="width: 68px">OS</button>
+                <button></button>
+                <button data-key="CONTROL" style="width: 84px">Ctrl</button>
+                <div class="spacer-small"></div>
+                <button data-key="LEFT_ARROW">&larr;</button>
+                <button data-key="DOWN_ARROW">&darr;</button>
+                <button data-key="RIGHT_ARROW">&rarr;</button>
+                <div class="spacer-small"></div>
+                <button data-key="NUMPAD_ZERO" class="wide">0</button>
+                <button data-key="NUMPAD_PERIOD">.</button>
+            </div>
+        </div>
+        <div class="col">
+            <button data-key="NUMPAD_ENTER" class="high">Intro</button>
+        </div>
+    </div>
+</div>
diff --git a/content/keyboards/spanish-iso_mac.html b/content/keyboards/spanish-iso_mac.html
new file mode 100644
index 0000000..bf2c92f
--- /dev/null
+++ b/content/keyboards/spanish-iso_mac.html
@@ -0,0 +1,171 @@
+<link href="keyboards_layout.css" rel="stylesheet" />
+<div id="keyboard">
+    <div class="row">
+        <div class="col">
+            <div class="row mac-fkeys">
+              <button data-key="ESCAPE" style="width: 63px">esc</button>
+              <button data-key="F1">F1</button>
+              <button data-key="F2">F2</button>
+              <button data-key="F3">F3</button>
+              <button data-key="F4">F4</button>
+              <button data-key="F5">F5</button>
+              <button data-key="F6">F6</button>
+              <button data-key="F7">F7</button>
+              <button data-key="F8">F8</button>
+              <button data-key="F9">F9</button>
+              <button data-key="F10">F10</button>
+              <button data-key="F11">F11</button>
+              <button data-key="F12">F12</button>
+                <button data-key="EJECT">⏏︎</button>
+            </div>
+        </div>
+        <div class="col">
+            <div class="row">
+                <div class="spacer-small"></div>
+                <button data-key="F13">F13</button>
+                <button data-key="F14">F14</button>
+                <button data-key="F15">F15</button>
+                <div class="spacer-small"></div>
+                <button data-key="F16">F16</button>
+                <button data-key="F17">F17</button>
+                <button data-key="F18">F18</button>
+                <button data-key="F19">F19</button>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="spacer-small"></div>
+    </div>
+    <div class="row">
+        <button data-key="MASCULIN_ORDINAL_SIGN">º</button>
+        <button data-key="ONE">1</button>
+        <button data-key="TWO">2</button>
+        <button data-key="THREE">3</button>
+        <button data-key="FOUR">4</button>
+        <button data-key="FIVE">5</button>
+        <button data-key="SIX">6</button>
+        <button data-key="SEVEN">7</button>
+        <button data-key="EIGHT">8</button>
+        <button data-key="NINE">9</button>
+        <button data-key="ZERO">0</button>
+        <button data-key="SINGLE_QUOTE">‘</button>
+        <button data-key="INVERTED_EXCLAMATION">¡</button>
+        <button data-key="BACKSPACE" style="width: 102px">⌫</button>
+        <div class="spacer-small"></div>
+        <button data-key="FN_KEY">fn</button>
+        <button data-key="HOME">⤒</button>
+        <button data-key="PAGE_UP">↑</button>
+        <div class="spacer-small"></div>
+        <button data-key="CLEAR">⌧</button>
+        <button data-key="NUMPAD_EQUAL">=</button>
+        <button data-key="NUMPAD_SLASH">/</button>
+        <button data-key="NUMPAD_ASTERISK">*</button>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="row">
+                <button data-key="TAB" style="width: 72px">⇥</button>
+                <button data-key="Q">Q</button>
+                <button data-key="W">Z</button>
+                <button data-key="E">E</button>
+                <button data-key="R">R</button>
+                <button data-key="T">T</button>
+                <button data-key="Y">Y</button>
+                <button data-key="U">U</button>
+                <button data-key="I">I</button>
+                <button data-key="O">O</button>
+                <button data-key="P">P</button>
+                <button data-key="ACCENT_GRAVE">`</button>
+                <button data-key="PLUS">+</button>
+            </div>
+            <div class="row">
+                <button data-key="CAPSLOCK" style="width: 88px">⇪</button>
+                <button data-key="Q">A</button>
+                <button data-key="S">S</button>
+                <button data-key="D">D</button>
+                <button data-key="F">F</button>
+                <button data-key="G">G</button>
+                <button data-key="H">H</button>
+                <button data-key="J">J</button>
+                <button data-key="K">K</button>
+                <button data-key="L">L</button>
+                <button data-key="N_TILDE">Ñ</button>
+                <button data-key="ACCENT_GRAVE">´</button>
+                <button data-key="C_CEDIL">Ç</button>
+            </div>
+        </div>
+        <div class="col">
+            <button data-key="ENTER" class="high" style="width: 66px;">↩︎</button>
+        </div>
+        <div class="col">
+            <div class="row">
+                <div class="spacer-small"></div>
+                <button data-key="DELETE">⌦</button>
+                <button data-key="END">⤓</button>
+                <button data-key="PAGE_DOWN">↓</button>
+                <div class="spacer-small"></div>
+                <button data-key="NUMPAD_SEVEN">7</button>
+                <button data-key="NUMPAD_EIGHT">8</button>
+                <button data-key="NUMPAD_NINE">9</button>
+                <button data-key="NUMPAD_MINUS">-</button>
+            </div>
+            <div class="row">
+                <div class="spacer-small"></div>
+                <div class="spacer-key"></div>
+                <div class="spacer-key"></div>
+                <div class="spacer-key"></div>
+                <div class="spacer-small"></div>
+                <button data-key="NUMPAD_FOUR">4</button>
+                <button data-key="NUMPAD_FIVE">5</button>
+                <button data-key="NUMPAD_SIX">6</button>
+                <button data-key="NUMPAD_PLUS">+</button>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="row">
+                <button data-key="SHIFT" style="width: 70px">⇧</button>
+                <button data-key="LESSTHAN">&lt;</button>
+                <button data-key="Z">Z</button>
+                <button data-key="X">X</button>
+                <button data-key="C">C</button>
+                <button data-key="V">V</button>
+                <button data-key="B">B</button>
+                <button data-key="N">N</button>
+                <button data-key="M">M</button>
+                <button data-key="COMMA">,</button>
+                <button data-key="PERIOD">.</button>
+                <button data-key="MINUS">-</button>
+                <button data-key="SHIFT" style="width: 139px">⇧</button>
+                <div class="spacer-small"></div>
+                <div class="spacer-key"></div>
+                <button data-key="UP_ARROW">▴</button>
+                <div class="spacer-key"></div>
+                <div class="spacer-small"></div>
+                <button data-key="NUMPAD_ONE">1</button>
+                <button data-key="NUMPAD_TWO">2</button>
+                <button data-key="NUMPAD_THREE">3</button>
+            </div>
+            <div class="row">
+                <button data-key="CONTROL" style="width: 82px">^</button>
+                <button data-key="ALT" style="width: 66px">⌥</button>
+                <button data-key="COMMAND" style="width: 82px">⌘</button>
+                <button data-key="SPACE" style="width: 327px"></button>
+                <button data-key="COMMAND" style="width: 86px">⌘</button>
+                <button data-key="ALT" style="width: 70px">⌥</button>
+                <button data-key="CONTROL" style="width: 86px">^</button>
+                <div class="spacer-small"></div>
+                <button data-key="LEFT_ARROW">◂</button>
+                <button data-key="DOWN_ARROW">▾</button>
+                <button data-key="RIGHT_ARROW">▸</button>
+                <div class="spacer-small"></div>
+                <button data-key="NUMPAD_ZERO" class="wide">0</button>
+                <button data-key="NUMPAD_PERIOD">,</button>
+            </div>
+        </div>
+        <div class="col">
+            <button data-key="NUMPAD_ENTER" class="high">⌅</button>
+        </div>
+    </div>
+</div>