add keybind note

Author: D-u-c-k-s-e-l

comics.html

@@ -18,4 +18,19 @@
 	<div class="comicHolder">
 		<img class="comic" src="./comics/000001.bmp" />
 	</div>
+</div>
+
+<div>
+	<br/><br/><br/>
+	<h3>Keybinds for your convenience:</h3>
+	<ul>
+		<li>[+]: Zoom In</li>
+		<li>[-]: Zoom Out</li>
+		<li>[&lt;-]: Previous</li>
+		<li>[-&gt;]: Next</li>
+		<li>[R]: Random</li>
+		<li>[F]: First</li>
+		<li>[Shift]+[&lt;-]: First</li>
+		<li>[L]: Current</li>
+		<li>[Shift]+[-&gt;]: Current</li>
 </div>

js/comics.js

@@ -196,10 +196,20 @@ $(document).on("keydown", (e) => {
 			if (shift) buttonFirst()
 			else buttonPrevious()
 			break
+		case "f":
+		case "F":
+			buttonFirst()
+			break
 		case "ArrowRight":
 			if (shift) buttonLast()
 			else buttonNext()
 			break
+		case "l":
+		case "L":
+		case "c":
+		case "C":
+			buttonLast()
+			break
 		case "r":
 		case "R":
 			buttonRandom()