From 86158a46383fa801427c1c97e1d269a76ddfc462 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Tue, 22 Dec 2020 18:00:33 +0000
Subject: [PATCH] updated out of focus warning, sending the key event through
 if showoutoffocuswarning is disabled

---
 src/js/script.js  |  2 +-
 static/index.html | 28 +++++++++++++++++++---------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/js/script.js b/src/js/script.js
index 49c66a37f..ab439be76 100644
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -4535,7 +4535,7 @@ $(document).keydown(function (event) {
   if (pageTestActive && !commandLineVisible && !modePopupVisible) {
     if (!wordsFocused && event.key !== "Enter") {
       focusWords();
-      return;
+      if (config.showOutOfFocusWarning) return;
     }
   } else {
     return;
diff --git a/static/index.html b/static/index.html
index e2e740579..a4c46c8e2 100644
--- a/static/index.html
+++ b/static/index.html
@@ -766,8 +766,8 @@
       <div id="supportMe">
         <div class="title">Support Monkeytype</div>
         <div class="text">
-          Thank you so much for thinking about supporting this project.
-          It would not be possible without you and your continued support.
+          Thank you so much for thinking about supporting this project. It would
+          not be possible without you and your continued support.
           <i class="fas fa-heart"></i>
         </div>
         <div class="buttons">
@@ -775,13 +775,25 @@
             <div class="icon"><i class="fas fa-ad"></i></div>
             <div class="text">Enable Ads</div>
           </div>
-          <a class="button" href="https://www.paypal.me/jackbartnik" target="_blank">
+          <a
+            class="button"
+            href="https://www.paypal.me/jackbartnik"
+            target="_blank"
+          >
             <div class="icon"><i class="fab fa-paypal"></i></div>
             <div class="text">Donate</div>
           </a>
-          <a class="button" href="https://www.patreon.com/monkeytype" target="_blank">
+          <a
+            class="button"
+            href="https://www.patreon.com/monkeytype"
+            target="_blank"
+          >
             <div class="icon"><i class="fab fa-patreon"></i></div>
-            <div class="text">Become<br>a Patron</div>
+            <div class="text">
+              Become
+              <br />
+              a Patron
+            </div>
           </a>
           <a class="button" href="https://monkeytype.store" target="_blank">
             <div class="icon"><i class="fas fa-tshirt"></i></div>
@@ -999,7 +1011,7 @@
               </div>
               <div class="outOfFocusWarning hidden">
                 <i class="fas fa-mouse-pointer"></i>
-                Click the words to focus
+                Click or press any key to focus
               </div>
               <div id="wordsWrapper">
                 <div id="words" class="size15"></div>
@@ -3545,9 +3557,7 @@
               </div>
               <div>
                 <i class="fas fa-fw fa-donate"></i>
-                <span id="supportMeButton">
-                  Support this project
-                </span>
+                <span id="supportMeButton">Support this project</span>
                 <!-- <a href="https://www.patreon.com/monkeytype">Patreon</a>
                 , via
                 <a href="https://www.paypal.me/jackbartnik" target="_blank">