deploy app, storage, readme

app.py

@@ -181,6 +181,9 @@ with gr.Blocks(
         } else if (e.key === 'ArrowRight') {
             e.preventDefault();
             document.querySelector('#btn-vote-b button, button#btn-vote-b')?.click();
+        } else if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            document.querySelector('#btn-skip button, button#btn-skip')?.click();
         } else if (e.key === 'Backspace') {
             e.preventDefault();
             document.querySelector('#btn-back-action button, button#btn-back-action')?.click();
@@ -275,7 +278,7 @@ with gr.Blocks(
 
     with gr.Row():
         btn_a = gr.Button("👍 Prefer A", variant="primary", elem_id="btn-vote-a")
-        btn_skip = gr.Button("Same quality", elem_id="btn-skip")
+        btn_skip = gr.Button("⬆️ Same quality", elem_id="btn-skip")
         btn_b = gr.Button("👍 Prefer B", variant="primary", elem_id="btn-vote-b")
 
     with gr.Accordion("Settings", open=False):
@@ -293,7 +296,7 @@ with gr.Blocks(
     btn_back_action = gr.Button("back", elem_id="btn-back-action", elem_classes=["hidden-action-btn"])
     details_md = gr.Markdown()
     gr.Markdown("<span class='subtle-note'>Dataset: <a href='https://huggingface.co/datasets/taigasan/e6-visual-ratings' target='_blank' rel='noopener noreferrer'>taigasan/e6-visual-ratings</a></span>")
-    gr.Markdown("<span class='subtle-note'>Shortcuts: Left = vote A, Right = vote B, Backspace = back</span>")
+    gr.Markdown("<span class='subtle-note'>Keyboard Shortcuts: ⬅️ vote A, ⬆️ same quality, ➡️ vote B, ⌫ back</span>")
     outputs = [img_a, img_b, link_a, link_b, back_link, details_md, state]
 
     btn_a.click(fn=lambda s: vote("A", s), inputs=[state], outputs=outputs, queue=False, show_progress="hidden")