From a6e0372cd54a95c3fc7cb77c765687a6c0103e3f Mon Sep 17 00:00:00 2001
From: mwiegand <mwiegand@seibert-media.net>
Date: Sat, 19 Nov 2022 15:26:56 +0100
Subject: [PATCH] wip

---
 experiments/keyboard/keyboard.html            | 40 +++++++++++++++++++
 .../speech-recognition}/left4dead_voices      |  0
 .../speech-recognition}/requirements.txt      |  0
 .../speech-recognition}/test                  |  0
 4 files changed, 40 insertions(+)
 create mode 100644 experiments/keyboard/keyboard.html
 rename {speech-recognition => experiments/speech-recognition}/left4dead_voices (100%)
 rename {speech-recognition => experiments/speech-recognition}/requirements.txt (100%)
 rename {speech-recognition => experiments/speech-recognition}/test (100%)

diff --git a/experiments/keyboard/keyboard.html b/experiments/keyboard/keyboard.html
new file mode 100644
index 0000000..65a72bc
--- /dev/null
+++ b/experiments/keyboard/keyboard.html
@@ -0,0 +1,40 @@
+<!doctype html>
+
+<html>
+  <head>
+    <style>
+      svg.keyboard {
+        /* height: 1000;
+        width: 400; */
+      }
+      .keycap_text {
+        fill: white;
+        font: normal 3px sans-serif;
+      }
+    </style>
+  </head>
+  <body>
+    <svg class="keycaps" display="none">
+      <defs>
+        <polygon points="-3.6,-3.6 3.6,-3.6 3.6,3.6 -3.6,3.6" id="default"></polygon>
+      </defs>
+    </svg>
+    <svg class="keyboard" width="100%" height="auto" viewBox="0 0 200 80" preserveAspectRatio="xMidYMid meet">
+      <g transform="translate(4, 4)">
+        <use href="#default" class="key_esc"></use>
+        <text class="keycap_text" color="white" dominant-baseline="middle" text-anchor="middle">CTRL</text>
+      </g>
+      <use href="#default" class="key_f1" x="16" y="4"></use>
+      <use href="#default" class="key_f2" x="24" y="4"></use>
+      <use href="#default" class="key_f3" x="32" y="4"></use>
+      <use href="#default" class="key_f4" x="40" y="4"></use>
+      <use href="#default" class="key_f5" x="52" y="4"></use>
+      <use href="#default" class="key_f6" x="60" y="4"></use>
+      <use href="#default" class="key_f7" x="68" y="4"></use>
+      <use href="#default" class="key_f8" x="76" y="4"></use>
+    </svg>
+    <script>
+      // document.querySelector('.keyboard').setAttribute('viewBox', '0 0 500 200')
+    </script>
+  </body>
+</html>
diff --git a/speech-recognition/left4dead_voices b/experiments/speech-recognition/left4dead_voices
similarity index 100%
rename from speech-recognition/left4dead_voices
rename to experiments/speech-recognition/left4dead_voices
diff --git a/speech-recognition/requirements.txt b/experiments/speech-recognition/requirements.txt
similarity index 100%
rename from speech-recognition/requirements.txt
rename to experiments/speech-recognition/requirements.txt
diff --git a/speech-recognition/test b/experiments/speech-recognition/test
similarity index 100%
rename from speech-recognition/test
rename to experiments/speech-recognition/test