From 6d55767191f50bceef86bf78df7d340f9c5971c7 Mon Sep 17 00:00:00 2001
From: Alex Yatskov <alex@foosoft.net>
Date: Sat, 18 Mar 2017 18:21:02 -0700
Subject: wip

---
 ext/bg/js/templates.js  | 12 ++++++------
 ext/fg/frame.html       | 12 +++++++-----
 ext/mixed/js/display.js |  4 ++++
 tmpl/kanji.html         |  6 +++---
 tmpl/terms.html         |  8 ++++----
 5 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/ext/bg/js/templates.js b/ext/bg/js/templates.js
index 333147ba..f267da80 100644
--- a/ext/bg/js/templates.js
+++ b/ext/bg/js/templates.js
@@ -284,7 +284,7 @@ templates['fields.html'] = template({"1":function(container,depth0,helpers,parti
 templates['kanji.html'] = template({"1":function(container,depth0,helpers,partials,data) {
     var stack1, helper, alias1=depth0 != null ? depth0 : {};
 
-  return "<div class=\"entry\">\n    <div class=\"actions\">\n        <img src=\"/mixed/img/entry-current.png\" title=\"Current entry\" class=\"current\" alt>\n"
+  return "<div class=\"entry\">\n    <div class=\"actions\">\n        <img src=\"/mixed/img/entry-current.png\" class=\"current\" title=\"Current entry (arrows / home / end)\" alt>\n"
     + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.addable : depth0),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
     + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.source : depth0),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
     + "    </div>\n\n    <div class=\"glyph\">"
@@ -299,9 +299,9 @@ templates['kanji.html'] = template({"1":function(container,depth0,helpers,partia
     + ((stack1 = helpers["if"].call(alias1,((stack1 = (depth0 != null ? depth0.glossary : depth0)) != null ? stack1["1"] : stack1),{"name":"if","hash":{},"fn":container.program(11, data, 0),"inverse":container.program(15, data, 0),"data":data})) != null ? stack1 : "")
     + "    </div>\n</div>\n";
 },"2":function(container,depth0,helpers,partials,data) {
-    return "        <a href=\"#\" title=\"Add Kanji\" class=\"action-add-note pending disabled\" data-mode=\"kanji\"><img src=\"/mixed/img/add-kanji.png\" alt></a>\n";
+    return "        <a href=\"#\" class=\"action-add-note pending disabled\" data-mode=\"kanji\"><img src=\"/mixed/img/add-kanji.png\" title=\"Add Kanji ([)\" alt></a>\n";
 },"4":function(container,depth0,helpers,partials,data) {
-    return "        <a href=\"#\" title=\"Source term\" class=\"source-term\"><img src=\"/mixed/img/source-term.png\" alt></a>\n";
+    return "        <a href=\"#\" class=\"source-term\"><img src=\"/mixed/img/source-term.png\" title=\"Source term (Backspace)\" alt></a>\n";
 },"6":function(container,depth0,helpers,partials,data) {
     var stack1;
 
@@ -442,7 +442,7 @@ templates['terms.html'] = template({"1":function(container,depth0,helpers,partia
 },"12":function(container,depth0,helpers,partials,data) {
     var stack1, alias1=depth0 != null ? depth0 : {};
 
-  return "<div class=\"entry\">\n    <div class=\"actions\">\n        <img src=\"/mixed/img/entry-current.png\" title=\"Current entry (arrows / home / end)\" class=\"current\" alt>\n"
+  return "<div class=\"entry\">\n    <div class=\"actions\">\n        <img src=\"/mixed/img/entry-current.png\" class=\"current\" title=\"Current entry (arrows / home / end)\" alt>\n"
     + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.addable : depth0),{"name":"if","hash":{},"fn":container.program(13, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
     + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.playback : depth0),{"name":"if","hash":{},"fn":container.program(15, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
     + "    </div>\n\n"
@@ -453,9 +453,9 @@ templates['terms.html'] = template({"1":function(container,depth0,helpers,partia
     + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.grouped : depth0),{"name":"if","hash":{},"fn":container.program(26, data, 0),"inverse":container.program(32, data, 0),"data":data})) != null ? stack1 : "")
     + "    </div>\n</div>\n";
 },"13":function(container,depth0,helpers,partials,data) {
-    return "        <a href=\"#\" title=\"Add expression\" class=\"action-add-note pending disabled\" data-mode=\"term-kanji\"><img src=\"/mixed/img/add-term-kanji.png\" alt></a>\n        <a href=\"#\" title=\"Add reading\" class=\"action-add-note pending disabled\" data-mode=\"term-kana\"><img src=\"/mixed/img/add-term-kana.png\" alt></a>\n";
+    return "        <a href=\"#\" class=\"action-add-note pending disabled\" data-mode=\"term-kanji\"><img src=\"/mixed/img/add-term-kanji.png\" title=\"Add expression ([)\" alt></a>\n        <a href=\"#\" class=\"action-add-note pending disabled\" data-mode=\"term-kana\"><img src=\"/mixed/img/add-term-kana.png\" title=\"Add reading (])\" alt></a>\n";
 },"15":function(container,depth0,helpers,partials,data) {
-    return "        <a href=\"#\" title=\"Play audio\" class=\"action-play-audio\"><img src=\"/mixed/img/play-audio.png\" alt></a>\n";
+    return "        <a href=\"#\" class=\"action-play-audio\"><img src=\"/mixed/img/play-audio.png\" title=\"Play audio (\\)\" alt></a>\n";
 },"17":function(container,depth0,helpers,partials,data) {
     var stack1, helper, options, alias1=depth0 != null ? depth0 : {}, alias2=helpers.helperMissing, alias3="function", buffer = 
   "    <div class=\"expression\"><ruby>";
diff --git a/ext/fg/frame.html b/ext/fg/frame.html
index c593db8d..09d1689e 100644
--- a/ext/fg/frame.html
+++ b/ext/fg/frame.html
@@ -21,11 +21,13 @@
         <div id="content"></div>
 
         <div id="orphan">
-            <h1>Yomichan Updated!</h1>
-            <p>
-                The Yomichan extension has been updated to a new version! In order to continue
-                viewing definitions on this page you must reload this tab or restart your browser.
-            </p>
+            <div class="container-fluid">
+                <h1>Yomichan Updated!</h1>
+                <p>
+                    The Yomichan extension has been updated to a new version! In order to continue
+                    viewing definitions on this page you must reload this tab or restart your browser.
+                </p>
+            </div>
         </div>
 
         <script src="/mixed/lib/jquery-3.1.1.min.js"></script>
diff --git a/ext/mixed/js/display.js b/ext/mixed/js/display.js
index 2ceef282..707d70ee 100644
--- a/ext/mixed/js/display.js
+++ b/ext/mixed/js/display.js
@@ -236,6 +236,10 @@ class Display {
 
             220: /* \ */ () => {
                 this.audioPlay(this.definitions[this.index]);
+            },
+
+            8: /* backspace */ () => {
+
             }
         };
 
diff --git a/tmpl/kanji.html b/tmpl/kanji.html
index 3cc7f966..be5e8541 100644
--- a/tmpl/kanji.html
+++ b/tmpl/kanji.html
@@ -1,12 +1,12 @@
 {{#*inline "kanji"}}
 <div class="entry">
     <div class="actions">
-        <img src="/mixed/img/entry-current.png" title="Current entry" class="current" alt>
+        <img src="/mixed/img/entry-current.png" class="current" title="Current entry (arrows / home / end)" alt>
         {{#if addable}}
-        <a href="#" title="Add Kanji" class="action-add-note pending disabled" data-mode="kanji"><img src="/mixed/img/add-kanji.png" alt></a>
+        <a href="#" class="action-add-note pending disabled" data-mode="kanji"><img src="/mixed/img/add-kanji.png" title="Add Kanji ([)" alt></a>
         {{/if}}
         {{#if source}}
-        <a href="#" title="Source term" class="source-term"><img src="/mixed/img/source-term.png" alt></a>
+        <a href="#" class="source-term"><img src="/mixed/img/source-term.png" title="Source term (Backspace)" alt></a>
         {{/if}}
     </div>
 
diff --git a/tmpl/terms.html b/tmpl/terms.html
index 6212cb21..f108da26 100644
--- a/tmpl/terms.html
+++ b/tmpl/terms.html
@@ -20,13 +20,13 @@
 {{#*inline "term"}}
 <div class="entry">
     <div class="actions">
-        <img src="/mixed/img/entry-current.png" title="Current entry (arrows / home / end)" class="current" alt>
+        <img src="/mixed/img/entry-current.png" class="current" title="Current entry (arrows / home / end)" alt>
         {{#if addable}}
-        <a href="#" title="Add expression" class="action-add-note pending disabled" data-mode="term-kanji"><img src="/mixed/img/add-term-kanji.png" alt></a>
-        <a href="#" title="Add reading" class="action-add-note pending disabled" data-mode="term-kana"><img src="/mixed/img/add-term-kana.png" alt></a>
+        <a href="#" class="action-add-note pending disabled" data-mode="term-kanji"><img src="/mixed/img/add-term-kanji.png" title="Add expression ([)" alt></a>
+        <a href="#" class="action-add-note pending disabled" data-mode="term-kana"><img src="/mixed/img/add-term-kana.png" title="Add reading (])" alt></a>
         {{/if}}
         {{#if playback}}
-        <a href="#" title="Play audio" class="action-play-audio"><img src="/mixed/img/play-audio.png" alt></a>
+        <a href="#" class="action-play-audio"><img src="/mixed/img/play-audio.png" title="Play audio (\)" alt></a>
         {{/if}}
     </div>
 
-- 
cgit v1.2.3