added "or" voting option

config.ini

@@ -18,7 +18,7 @@ more = Weiter »»»
 title = A oder B
 mail_link = Einreichen!
 help_link = Hilfe?
-help = <strong>Hilfe</strong><p>Wähle die Antworten durch Klicken/Tippen oder mit der Tastatur durch Drücken der Tasten "a" bzw. "b" aus (beantwortet die jeweils nächste unbeantwortete Frage). Sobald alle Antworten ausgewählt wurden, werden nach einer kurzen Wartezeit automatisch neue Fragen geladen.</p><p>Möchtest Du nicht alle Fragen beantworten, klicke einfach auf die Schaltfläche "Weiter" unten rechts oder drücke "F5" (beides klappt auch, während der Countdown läuft).</p><p>Klicke/tippe außerhalb dieses Fensters oder bewege die Maus, um fortzufahren.</p><p>Diese Webseite zeichnet keine Daten auf und verwendet keine Cookies.</p>
+help = <strong>Hilfe</strong><p>Wähle die Antworten durch Klicken/Tippen oder mit der Tastatur durch Drücken der Tasten "a" bzw. "b" aus (beantwortet die jeweils nächste unbeantwortete Frage), eine Frage kann mit "o" übersprungen werden. Sobald alle Antworten ausgewählt wurden, werden nach einer kurzen Wartezeit automatisch neue Fragen geladen.</p><p>Möchtest Du nicht alle Fragen beantworten, klicke einfach auf die Schaltfläche "Weiter" unten rechts oder drücke "F5" (beides klappt auch, während der Countdown läuft) bzw. "s" für Skip (mit kurzer Wartezeit).</p><p>Klicke/tippe außerhalb dieses Fensters oder bewege die Maus, um fortzufahren.</p><p>Diese Webseite zeichnet keine Daten auf und verwendet keine Cookies.</p>
 separator = oder
 questions_prefix = Es gibt derzeit
 questions_suffix = Fragen.

static/css/base.css

@@ -188,6 +188,8 @@ input[type="radio"] {
     justify-content: center;
     align-items: center;
     color: var(--fg-sep);
+    border-radius: 10px;
+    z-index: 10;
 }
 
 #footer {

static/js/autoReload.js

@@ -9,7 +9,7 @@ function countdown() {
             document.getElementById("next").innerHTML = timeleft;
         }
         timeleft -= 1;
-    }, 750);
+    }, 500);
 }
 
 function autoReload() {

static/js/shortcut.js

@@ -53,6 +53,12 @@ window.addEventListener("keydown", function (event) {
         case "b":
             check("b");
             break;
+        case "o":
+            check("o");
+            break;
+        case "s":
+            countdown();
+            break;
         default:
             checkCount();
             return;

templates/index.html

@@ -10,7 +10,8 @@
         <div class="ab">
             <input type="radio" id="a{{ id.value }}" class="a" name="group-{{ id.value }}">
             <label for="a{{ id.value }}" class="a slide{{ id.value }}" title="{{ question['A'] }}"> A)&nbsp;{{ question['A'] }}</label>
-            <div class="separator">{{ i18n.separator }}</div>
+            <input type="radio" id="o{{ id.value }}" class="separator" name="group-{{ id.value }}">
+            <label for="o{{ id.value }}" class="separator">{{ i18n.separator }}</label>
             <input type="radio" id="b{{ id.value }}" class="b" name="group-{{ id.value }}">
             <label for="b{{ id.value }}" class="b slide{{ id.value }}" title="{{ question['B'] }}">B)&nbsp;{{ question['B'] }}</label>
         </div>