update user guide & keyboard shortcuts

vict0rsch · May 6, 2022 · 6aaf7f3 · 6aaf7f3
1 parent 780bb49
commit 6aaf7f3
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 17 deletions.
diff --git a/src/popup/css/popup.css b/src/popup/css/popup.css
@@ -117,9 +117,11 @@ button:hover,
 code {
     font-family: "Fira Code", monospace;
     padding: 1px 4px;
-    vertical-align: text-top;
+    /* vertical-align: middle; */
     border-radius: var(--round);
     background-color: rgb(238, 238, 238);
+    margin: 1px auto;
+    display: inline-block;
 }
 .code-font {
     font-family: "Fira Code", monospace;
@@ -677,8 +679,9 @@ button.changed {
     margin-top: 16px;
     display: inline-block;
 }
-#modal-whatsnew-content code {
-    font-size: 0.8rem;
+#modal-whatsnew-content code,
+#modal-keyboard-content code {
+    font-size: 0.75rem;
 }
 
 /*
@@ -744,12 +747,13 @@ button.changed {
 
 #no-paper-why-code {
     cursor: pointer;
-    border-radius: 100px;
-    min-height: 1.2rem !important;
-    min-width: 1.2rem !important;
-    display: inline-block;
-    text-align: center;
+    border-radius: 1000px;
+    min-height: 1.5rem !important;
+    min-width: 1.5rem !important;
     vertical-align: middle;
+    padding: 6px !important;
+    line-height: 0;
+    font-weight: inherit;
 }
 
 #manual-trigger-wrapper {

diff --git a/src/popup/js/memory.js b/src/popup/js/memory.js
@@ -53,11 +53,11 @@ const updatePopupPaperNoMemory = async (url) => {
         <div class="no-paper-div">
             <h3>This paper is not in your Memory&nbsp;
             <span id="no-paper-why-span">
-                <code id="no-paper-why-code">?</code>
+                <button class="code-font" id="no-paper-why-code">?</button>
             </span>
             </h3>
             <div>
-                <div>Here's a ${animal} for your trouble</div>
+                <div>Here's a ${animal} for your trouble</div><br>
                 <div id="ascii-art-div"><div style="text-align:">${ascii}</div></div>
             </div>
         </div>

diff --git a/src/popup/min/popup.min.css b/src/popup/min/popup.min.css
diff --git a/src/popup/min/popup.min.html b/src/popup/min/popup.min.html
diff --git a/src/popup/min/popup.min.js b/src/popup/min/popup.min.js
diff --git a/src/popup/popup.html b/src/popup/popup.html
@@ -75,8 +75,11 @@ <h1>Paper Memory</h1>
 					<line x1="17" y1="7" x2="7" y2="17" />
 					<polyline points="16 17 7 17 7 8" />
 				</svg> (or press <code>a</code>
-				)! (<code style="cursor: pointer;" id="keyboardShortcuts" href="#">usage guide</code>)
+				)!
 			</p>
+			<p style="text-align: center;"><button style="cursor: pointer;" id="keyboardShortcuts"
+					class="code-font">User
+					Guide</button></p>
 
 			<div id="whats-new-container">
 				<div class="d-relative">
@@ -126,7 +129,7 @@ <h3>⋗ Feedback</h3>
 
 		<h3>⋗ Help</h3>
 
-		<code style="cursor: pointer; font-size: 1rem;" id="keyboardShortcutsMenu" href="#">Usage guide</code>
+		<button class="code-font" style="font-size: 1rem;" id="keyboardShortcutsMenu">User guide</button>
 
 		<h3 class="mt-4">⋗ Configuration</h3>
 
@@ -305,12 +308,37 @@ <h3 class="mt-4">⋗ Advanced</h3>
 		<div class="popup-modal-contents">
 			<span id="close-popup-modal">&times;</span>
 			<div id="modal-keyboard-content" class="popup-modal-content" style="display:none;">
-				<h3>Keyboard navigation</h3>
+				<h3>Keyboard Shortcuts</h3>
+
+				<p style="font-size: 0.9rem">The following shortcuts are available on your browser <em>if and only
+						if</em> they are not already
+					assigned.</p>
+				<p style="font-size: 0.9rem"> Go to your settings or <code>chrome://extensions/shortcuts</code> (Chrome
+					&amp; Brave) or
+					<code>about:extensions</code>
+					(Firefox) to set/edit these shortcuts.
+				</p>
+
 				<ul>
-					<li>Open the popup:<ul>
+					<li style="margin-bottom: 4px">Open the popup
+						<ul style="margin-top: 2px;">
 							<li><code>cmd/ctrl + shift + e</code></li>
 						</ul>
 					</li>
+
+					<li style="margin-bottom: 4px">Trigger manual paper parsing
+						<ul style="margin-top: 2px;">
+							<li><code>cmd/ctrl + shift + p</code></li>
+						</ul>
+					</li>
+					<li>Download current paper's pdf
+						<ul style="margin-top: 2px;">
+							<li><code>cmd/ctrl + shift + s</code></li>
+						</ul>
+					</li>
+				</ul>
+				<h3>Keyboard navigation</h3>
+				<ul>
 					<li>Open the Memory<ul>
 							<li><code>a</code> from the popup&#39;s home will open the Memory</li>
 							<li>navigate to the bottom left button with <code>tab</code> and hit <code>enter</code>
@@ -368,6 +396,33 @@ <h3>Search</h3>
 									&quot;tim&quot;)</em></li>
 						</ul>
 					</li>
+					<li>Search paper by years with <code>y: ${year}</code>
+						<ul>
+							<li>Use <code>,</code>
+								to separate
+								requested
+								years
+								or
+								start with <code>&gt;</code> or <code>&lt;</code> to filter paper published
+								after/before a given
+								year (stricly)
+								<ul>
+									<li><code>y: 20,21,22</code> will display papers published in <code>2020 OR 2021 OR
+										2022</code>
+									</li>
+									<li><code>y: &lt;2015</code> will display papers published before (strictly)
+										<code>2015</code>
+									</li>
+									<li><code>y:>19</code> will
+										display
+										papers
+										published after
+										(strictly) <code>2019</code>
+									</li>
+								</ul>
+							</li>
+						</ul>
+					</li>
 				</ul>
 			</div>