UX improvements

Author: javiercordero

css/editor.css

@@ -280,12 +280,16 @@ a:active {
 	z-index: 0;
 }
 
-/*img.cke_anchor {
-	width: 0;
+/* Hide empty cke_anchor error, does not affect jumping. */
+img.cke_anchor {
+	display: none;
+}
+
+/* Remove CKE anchor padding. */
+#prompt a {
 	padding: 0;
-	margin: 0;
 }
-*/
+
 /* Sidebar Styles */
 #sidebar-connect p {
 	color: #999999;

index.html

@@ -196,9 +196,10 @@ <h3>Here are some of our features:</h3>
 					<li>Dynamically change the font-size by pressing 'Left' and 'Right' or the 'A' and 'D' keys.</li>
 					<li>Flip modes allow <em>mirroring</em> the prompter in every possible way.</li>
 					<li>You can use one or two instances. Mirror one, monitor on the other one.</li>
-					<li><a id="5" name="5">Set almost any key as an <em>anchor</em> and instantly jump to any part of the script. Try pressing '5' now!</a></li>
+					<li><a id="5" name="5">Set almost any key as a <em>marker</em> and instantly jump to any part of the script. Try pressing '5' now!</a></li>
 					<li>Different focus areas allow you to easily use Teleprompter with a webcam, a tablet, or professional teleprompter equipment.</li>
 					<li>Time your segments with the built in <em>timer</em>. Press 'Backspace' to reset the timer.</li>
+					<li><a>You can also set nameless <em>markers</em> and move accross them using the Home and End buttons.</a></li>
 					<li>Tweak the <em>Speed</em>, <em>Acceleration Curve</em> and <em>Font Size</em> settings to fit your hosts' needs.</li>
 					<li>The Rich Text Editor, derived from the highly customizable CKeditor, gives unlimited possibilities on what you can prompt.</li>
 					<ul>
@@ -222,9 +223,9 @@ <h3>Here are some of our features:</h3>
 					<img alt="Picture: Arecibo Sky" src="img/arecibo-sky.jpg">
 					</li>
 					 </ul>
-					<li>There are various <em>Prompter Styles</em> to choose from. You may also create your own.</li>
 					<li>Press 'F11' to enter and leave fullscreen.
 					You may fullscreen the text editor for greater concentration.</li>
+					<li>There are various <em>Prompter Styles</em> to choose from. You may also create your own.</li>
 					<!-- <li>Download our mobile app, <em>Teleprompter X</em>, to remote control Teleprompter instalations.</li> -->
 					<li>Run the "External prompter" on a second screen, add new contents into the editor, then "Update" your prompter in realtime without having to halt your script.</li>
 					<li>Teleprompter works across screens with different resolutions and aspect ratios.</li>

js/teleprompter.js

@@ -672,13 +672,13 @@ https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabase/onversionchange
     }
 
     function internalMoveToNextAnchor(next) {
-        // Setup
         const anchors = document.getElementsByTagName("a"),
               currPos = -getCurrPos(),
               verticalDisplacement = focusVerticalDisplacementCorrector();
         let jump = 0;
         if (debug) console.log("currPos", currPos);
         if (next)
+            // Check flipV before loop to reduce cycles.
             if (flipV) {
                 jump = -promptHeight + screenHeight;
                 for (let i=0; i<anchors.length; i++) {
@@ -700,8 +700,8 @@ https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabase/onversionchange
                     }
                 }
         else {
-            // Add 20% padding (screenWidth/5) to jump to previous evaluations.
-            const padding = x&&!next>=0?screenWidth/5:0;
+            // Add width based padding when jumping to previous evaluations.
+            const padding = x&&!next>=0?screenWidth/4.8:0;
             if (flipV) {
                 jump = -promptHeight + screenHeight;
                 for (let i=anchors.length-1; i>=0; i--) {
@@ -723,6 +723,7 @@ https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabase/onversionchange
                     }
                 }
         }
+        // Move within movable area or from top to start.
         if (!flipV && jump < 0 || flipV && jump > -promptHeight + screenHeight || !flipV && !next || flipV && !next )
             animate(0, jump);
         resumeAnimation();
@@ -867,14 +868,14 @@ https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabase/onversionchange
     function internalIncreaseFontSize() {
         if (debug) console.log("Increasing font size.");
         if (fontSize<2.5)
-            fontSize+=0.05;
+            fontSize+=0.04;
         updateFont();
     }
 
     function internalDecreaseFontSize() {
         if (debug) console.log("Decreasing font size.");
-        if (fontSize>0.5)
-        fontSize-=0.05;
+        if (fontSize>0.01)
+        fontSize-=0.04;
         updateFont();
     }