diff booket.html @ 22:b19db583b5f8

Display keyboard shortcuts as an overly when pressing Alt
author Guido Berhoerster <guido+booket@berhoerster.name>
date Sat, 04 Oct 2014 22:16:56 +0200
parents 55bc20390185
children 69552aee9993
line wrap: on
line diff
--- a/booket.html	Thu Oct 02 00:19:34 2014 +0200
+++ b/booket.html	Sat Oct 04 22:16:56 2014 +0200
@@ -38,6 +38,28 @@
 
   <datalist id="tag-datalist"></datalist>
 
+  <div id="keyboard-shortcuts">
+    <h3>Keyboard Shortcuts</h3>
+    <dl>
+      <dt><kbd>Prefix</kbd>+<kbd>i</kbd></dt>
+      <dd>Select bookmark file to load</dd>
+      <dt><kbd>Prefix</kbd>+<kbd>l</kbd></dt>
+      <dd>Load selected bookmark file</dd>
+      <dt><kbd>Prefix</kbd>+<kbd>s</kbd></dt>
+      <dd>Save bookmark file</dd>
+      <dt><kbd>Prefix</kbd>+<kbd>a</kbd></dt>
+      <dd>Focus bookmark editor</dd>
+      <dt><kbd>Prefix</kbd>+<kbd>e</kbd></dt>
+      <dd>Select bookmark file to import</dd>
+      <dt><kbd>Prefix</kbd>+<kbd>m</kbd></dt>
+      <dd>Import selected file</dd>
+      <dt><kbd>Prefix</kbd>+<kbd>x</kbd></dt>
+      <dd>Export selected file</dd>
+      <dt><kbd>Prefix</kbd>+<kbd>f</kbd></dt>
+      <dd>Focus search field</dd>
+    </dl>
+  </div>
+
   <template id="tag-input-template">
     <li><label class="top-label">Tag <input type="text" name="tag"
     pattern="[^,;]*" size="20" list="tag-datalist" placeholder="tag"></input>
@@ -76,28 +98,6 @@
       <a title="Create Bookmark" id="bookmarklet-link">Create Bookmark</a>
     </aside>
 
-    <aside id="keyboard-shortcuts">
-      <h3>Keyboard Shortcuts</h3>
-      <dl>
-        <dt><kbd>Prefix</kbd>+<kbd>i</kbd></dt>
-        <dd>Select bookmark file to load</dd>
-        <dt><kbd>Prefix</kbd>+<kbd>l</kbd></dt>
-        <dd>Load selected bookmark file</dd>
-        <dt><kbd>Prefix</kbd>+<kbd>s</kbd></dt>
-        <dd>Save bookmark file</dd>
-        <dt><kbd>Prefix</kbd>+<kbd>a</kbd></dt>
-        <dd>Focus bookmark editor</dd>
-        <dt><kbd>Prefix</kbd>+<kbd>e</kbd></dt>
-        <dd>Select bookmark file to import</dd>
-        <dt><kbd>Prefix</kbd>+<kbd>m</kbd></dt>
-        <dd>Import selected file</dd>
-        <dt><kbd>Prefix</kbd>+<kbd>x</kbd></dt>
-        <dd>Export selected file</dd>
-        <dt><kbd>Prefix</kbd>+<kbd>f</kbd></dt>
-        <dd>Focus search field</dd>
-      </dl>
-    </aside>
-
     <form id="load-form">
       <fieldset>
         <legend>Load Bookmarks</legend>