Add metadata display and skipped state v0.2

app/static/index.html

@@ -31,7 +31,7 @@
           <div class="folder-row">
             <div>
               <strong id="folder-name">No folder selected</strong>
-              <span id="folder-access">Choose a local Chromebook folder</span>
+              <span id="folder-access">Choose a local folder</span>
             </div>
             <button id="open-folder" class="button compact">Change</button>
           </div>
@@ -45,6 +45,7 @@
           <div class="progress-track"><div id="progress-bar" class="progress-bar"></div></div>
           <div class="status-legend">
             <span><i class="dot saved"></i>Saved</span>
+            <span><i class="dot skipped"></i>Skipped</span>
             <span><i class="dot pending"></i>Pending</span>
             <span><i class="dot failed"></i>Failed</span>
           </div>
@@ -96,7 +97,7 @@
             <div id="viewer-position" class="position">0 / 0</div>
             <div class="navigation-actions">
               <button id="skip-button" class="button ghost">Skip</button>
-              <button id="save-button" class="button">Save</button>
+              <button id="save-button" class="button">Save current</button>
               <button id="save-next-button" class="button primary">Save &amp; Next →</button>
             </div>
           </div>
@@ -192,9 +193,9 @@
     <div class="dialog-heading"><h2>Keyboard shortcuts</h2><button id="close-shortcuts" class="icon-button">×</button></div>
     <dl class="shortcut-list">
       <div><dt>Enter / Ctrl+Enter</dt><dd>Save and open next photo</dd></div>
-      <div><dt>Ctrl+S</dt><dd>Save without moving</dd></div>
+      <div><dt>Ctrl+S</dt><dd>Save current photo and stay on it</dd></div>
       <div><dt>← / →</dt><dd>Previous or next photo</dd></div>
-      <div><dt>S</dt><dd>Skip to next photo</dd></div>
+      <div><dt>S</dt><dd>Mark skipped and open next photo</dd></div>
       <div><dt>C</dt><dd>Copy previous photo's values</dd></div>
     </dl>
   </dialog>