arrows

3 files changed, 35 insertions, 28 deletions

diff --git a/index.html b/index.html
index ebd1e1d..a32675b 100644
--- a/index.html
+++ b/index.html
@@ -70,6 +70,7 @@
                 <div class="key" data-key="I">I</div>
                 <div class="key" data-key="O">O</div>
                 <div class="key" data-key="P">P</div>
+                <div class="key" data-key="Backspace">⇤</div>
             </div>
             <div class="kbrow">
                 <div class="key" data-key="A">A</div>
@@ -84,13 +85,15 @@
             </div>
             <div class="kbrow">
                 <div class="key" data-key="Z">Z</div>
+                <div class="key" data-key="Z">Z</div>
                 <div class="key" data-key="X">X</div>
                 <div class="key" data-key="C">C</div>
                 <div class="key" data-key="V">V</div>
                 <div class="key" data-key="B">B</div>
                 <div class="key" data-key="N">N</div>
                 <div class="key" data-key="M">M</div>
-                <div class="key" data-key="Backspace">⇤</div>
+                <div class="key" data-key="ArrowLeft">&larr;</div>
+                <div class="key" data-key="ArrowRight">&rarr;</div>
             </div>
         </div>
     <script src="/prosodyle/static/poems.js"></script>
diff --git a/static/poems.js b/static/poems.js
index fd5d0bd..89e8701 100644
--- a/static/poems.js
+++ b/static/poems.js
@@ -1,31 +1,5 @@
 var challenges = [
     {
-        "line": [["In", "/fin", "ite"], ["/wrath"], ["and"], ["/in", "fin", "/ite"], ["des", "/pair"]],
-        "title": "Book IV",
-        "collection": "Paradise Lost",
-        "author": "John Milton",
-		"meter": "iambic pentameter",
-        "ctx": `Me miserable! which way shall I flie
-Infinite wrauth, and infinite despaire?
-Which way I flie is Hell; my self am Hell;
-And in the lowest deep a lower deep
-Still threatning to devour me opens wide,
-To which the Hell I suffer seems a Heav'n.`,
-        "link": "https://milton.host.dartmouth.edu/reading_room/pl/book_4/text.shtml",
-    },
-    {
-        "line": [["For"], ["the"], ["/An", "gel"], ["of"], ["/Death"], ["spread"], ["his"], ["/wings"], ["on"], ["the"], ["/blast"]],
-        "title": "The Destruction of Sennacherib",
-        "collection": "Hebrew Melodies",
-        "author": "Lord Byron",
-		"meter": "anapestic tetrameter",
-        "ctx": `For the Angel of Death spread his wings on the blast,
-And breathed in the face of the foe as he passed;
-And the eyes of the sleepers waxed deadly and chill,
-And their hearts but once heaved, and for ever grew still!`,
-        "link": "https://www.poetryfoundation.org/poems/43827/the-destruction-of-sennacherib",
-    },
-    {
         "line": [["A"], ["/pre", "sence"], ["/that"], ["dis", "/turbs"], ["me"], ["/with"], ["the"], ["/joy"]],
         "title": "Lines written a few miles above Tintern Abbey",
         "collection": "Lyrical Ballads",
@@ -43,4 +17,30 @@ All thinking things, all objects of all thought,
 And rolls through all things.`,
         "link": "https://www.gutenberg.org/files/9622/9622-h/9622-h.htm#poem23",
     },
+    {
+        "line": [["For"], ["the"], ["/An", "gel"], ["of"], ["/Death"], ["spread"], ["his"], ["/wings"], ["on"], ["the"], ["/blast"]],
+        "title": "The Destruction of Sennacherib",
+        "collection": "Hebrew Melodies",
+        "author": "Lord Byron",
+		"meter": "anapestic tetrameter",
+        "ctx": `For the Angel of Death spread his wings on the blast,
+And breathed in the face of the foe as he passed;
+And the eyes of the sleepers waxed deadly and chill,
+And their hearts but once heaved, and for ever grew still!`,
+        "link": "https://www.poetryfoundation.org/poems/43827/the-destruction-of-sennacherib",
+    },
+    {
+        "line": [["In", "/fin", "ite"], ["/wrath"], ["and"], ["/in", "fin", "/ite"], ["des", "/pair"]],
+        "title": "Book IV",
+        "collection": "Paradise Lost",
+        "author": "John Milton",
+		"meter": "iambic pentameter",
+        "ctx": `Me miserable! which way shall I flie
+Infinite wrauth, and infinite despaire?
+Which way I flie is Hell; my self am Hell;
+And in the lowest deep a lower deep
+Still threatning to devour me opens wide,
+To which the Hell I suffer seems a Heav'n.`,
+        "link": "https://milton.host.dartmouth.edu/reading_room/pl/book_4/text.shtml",
+    },
 ]
diff --git a/static/script.js b/static/script.js
index 9692f36..7585efa 100644
--- a/static/script.js
+++ b/static/script.js
@@ -167,6 +167,10 @@ function keyHandler(key) {
     if (key == 'Backspace') {
         el.innerText = '';
         nextel = document.querySelector(`[data-offset="${offset-1}"]`);
+    } else if (key == 'ArrowLeft') {
+        nextel = document.querySelector(`[data-offset="${offset-1}"]`);
+    } else if (key == 'ArrowRight') {
+        nextel = document.querySelector(`[data-offset="${offset+1}"]`);
     } else {
         el.innerText = key.toUpperCase();
         nextel = document.querySelector(`[data-offset="${offset+1}"]`);
@@ -184,7 +188,7 @@ document.addEventListener('keydown', function(e) {
     // if (e.ctrlKey || e.altKey || (e.key.length != 1 && e.key != 'Backspace')) {
     //     return;
     // }
-    if (e.ctrlKey || e.altKey || (!"ABCDEFGHIJKLMNOPQRSTUVWXYZ".includes(e.key.toUpperCase()) && e.key != 'Backspace' && e.key != 'Enter')) {
+    if (e.ctrlKey || e.altKey || (!"ABCDEFGHIJKLMNOPQRSTUVWXYZ".includes(e.key.toUpperCase()) && e.key != 'Backspace' && e.key != 'Enter' && e.key != 'ArrowLeft' && e.key != 'ArrowRight')) {
         return;
     }
     if (e.target.id == 'share') {