diff --git a/static/index.html b/static/index.html
index 223a7662c..9f4508839 100644
--- a/static/index.html
+++ b/static/index.html
@@ -43,7 +43,7 @@
   </head>
 
   <body>
-    <div id="backgroundLoader" style="display: none;"></div>
+    <div id="backgroundLoader" style="display: none"></div>
     <div
       class="nameChangeMessage"
       style="
@@ -114,9 +114,7 @@
     </div>
     <div id="leaderboardsWrapper" class="hidden">
       <div id="leaderboards">
-        <div class="mainTitle">
-          Leaderboards
-        </div>
+        <div class="mainTitle">Leaderboards</div>
         <div class="buttons">
           <div class="buttonGroup">
             <div class="button active" board="time_15">time 15</div>
@@ -125,9 +123,7 @@
         </div>
         <div class="tables">
           <div class="titleAndTable">
-            <div class="title">
-              Global
-            </div>
+            <div class="title">Global</div>
             <div class="globalTableWrapper">
               <table class="global">
                 <thead>
@@ -422,12 +418,8 @@
             </div>
           </div>
           <div class="titleAndTable">
-            <div class="title">
-              Daily
-            </div>
-            <div class="subtitle">
-              -
-            </div>
+            <div class="title">Daily</div>
+            <div class="subtitle">-</div>
             <div class="dailyTableWrapper">
               <table class="daily">
                 <thead>
@@ -749,7 +741,7 @@
         <div class="suggestions"></div>
       </div>
       <div id="commandInput" class="hidden">
-        <input type="text" class="input" placeholder="input"></input>
+        <input type="text" class="input" placeholder="input" />
       </div>
     </div>
     <div id="timerWrapper">
@@ -842,12 +834,7 @@
         </div>
 
         <div class="config">
-          <div
-            style="
-              display: grid;
-              grid-auto-flow: column;
-            "
-          >
+          <div style="display: grid; grid-auto-flow: column">
             <div class="group punctuationMode">
               <!--           <div class="title">time</div> -->
               <div class="buttons">
@@ -859,9 +846,7 @@
             <div class="group numbersMode">
               <!--           <div class="title">time</div> -->
               <div class="buttons">
-                <div class="text-button toggleButton" tabindex="2">
-                  numbers
-                </div>
+                <div class="text-button toggleButton" tabindex="2">numbers</div>
               </div>
             </div>
           </div>
@@ -897,9 +882,7 @@
               <div class="text-button active" timeConfig="30" tabindex="2">
                 30
               </div>
-              <div class="text-button" timeConfig="60" tabindex="2">
-                60
-              </div>
+              <div class="text-button" timeConfig="60" tabindex="2">60</div>
               <div class="text-button" timeConfig="120" tabindex="2">120</div>
               <div class="text-button" timeConfig="custom" tabindex="2">
                 <i class="fas fa-tools"></i>
@@ -914,9 +897,7 @@
               <div class="text-button active" quoteLength="1" tabindex="2">
                 medium
               </div>
-              <div class="text-button" quoteLength="2" tabindex="2">
-                long
-              </div>
+              <div class="text-button" quoteLength="2" tabindex="2">long</div>
               <div class="text-button" quoteLength="3" tabindex="2">thicc</div>
             </div>
           </div>
@@ -929,7 +910,7 @@
         </div>
         <div
           class="signOut hidden"
-          style="grid-column: 3/4; grid-row: 1/2;"
+          style="grid-column: 3/4; grid-row: 1/2"
           tabindex="0"
         >
           <i class="fas fa-sign-out-alt"></i>
@@ -938,27 +919,26 @@
       </div>
       <div id="middle">
         <div class="page pageTest active">
-
           <div id="typingTest">
-            
             <div id="capsWarning" class="hidden">
               <i class="fas fa-lock"></i>
               Caps Lock
             </div>
             <div id="testModesNotice"></div>
 
-            <table class="tribePlayers hidden">
-              
-            </table>
+            <table class="tribePlayers hidden"></table>
             <div id="caret" class="default size15"></div>
-            <div id="paceCaret"class="default size15 hidden"></div>
+            <div id="paceCaret" class="default size15 hidden"></div>
             <input id="wordsInput" class="" tabindex="0" autocomplete="off" />
             <div id="timerNumber"><div>60</div></div>
             <div id="miniTimerAndLiveWpm">
               <div class="time hidden">1:00</div>
               <div class="wpm">60</div>
             </div>
-            <div class="outOfFocusWarning"><i class="fas fa-mouse-pointer"></i> Click the words to focus</div>
+            <div class="outOfFocusWarning">
+              <i class="fas fa-mouse-pointer"></i>
+              Click the words to focus
+            </div>
             <div id="wordsWrapper">
               <div id="words" class="size15"></div>
             </div>
@@ -1172,10 +1152,10 @@
               <div class="group wpm">
                 <div class="top">
                   wpm
-                    <div class="crown hidden"  aria-label="" data-balloon-pos="up">
-                      <i class="fas fa-crown"></i>
-                    </div>
+                  <div class="crown hidden" aria-label="" data-balloon-pos="up">
+                    <i class="fas fa-crown"></i>
                   </div>
+                </div>
                 <div class="bottom" aria-label="" data-balloon-pos="up">-</div>
               </div>
               <div class="group acc">
@@ -1187,7 +1167,7 @@
               <div class="group testType">
                 <div class="top">test type</div>
                 <div class="bottom">-</div>
-                <div class="tags" style="margin-top: 0.5rem;">
+                <div class="tags" style="margin-top: 0.5rem">
                   <div class="top">tags</div>
                   <div class="bottom">-</div>
                 </div>
@@ -1244,7 +1224,7 @@
                   class="icon-button"
                   aria-label="Copy words list"
                   data-balloon-pos="up"
-                  style="display: inline-block;"
+                  style="display: inline-block"
                 >
                   <i class="fas fa-copy"></i>
                 </span>
@@ -1496,12 +1476,17 @@
                   <i class="fas fa-check"></i>
                   Your accounts are paired!
                 </div>
-                <div id="unlinkDiscordButton" class="text-button" aria-label="Unlink" data-balloon-pos="up">
+                <div
+                  id="unlinkDiscordButton"
+                  class="text-button"
+                  aria-label="Unlink"
+                  data-balloon-pos="up"
+                >
                   <i class="fas fa-unlink" aria-hidden="true"></i>
                 </div>
               </div>
               <div class="code hidden">
-                <div style="width: min-content; white-space: nowrap;">
+                <div style="width: min-content; white-space: nowrap">
                   <div class="top">code</div>
                   <div class="bottom">-</div>
                 </div>
@@ -1568,8 +1553,6 @@
               </div>
             </div>
 
-            
-            
             <div class="section blindMode">
               <h1>blind mode</h1>
               <div class="text">
@@ -1733,9 +1716,7 @@
             </div>
             <div class="section indicateTypos" section="">
               <h1>indicate typos</h1>
-              <div class="text">
-                Show typos underneath the letters
-              </div>
+              <div class="text">Show typos underneath the letters</div>
               <div class="buttons">
                 <div class="button off" tabindex="0" onclick="this.blur();">
                   off
@@ -1747,9 +1728,7 @@
             </div>
             <div class="section swapEscAndTab" section="">
               <h1>swap esc and tab</h1>
-              <div class="text">
-                Swap the behaviour of tab and escape keys.
-              </div>
+              <div class="text">Swap the behaviour of tab and escape keys.</div>
               <div class="buttons">
                 <div class="button off" tabindex="0" onclick="this.blur();">
                   off
@@ -1761,9 +1740,7 @@
             </div>
             <div class="section capsLockBackspace">
               <h1>caps lock backspace</h1>
-              <div class="text">
-                Makes caps lock act like backspace.
-              </div>
+              <div class="text">Makes caps lock act like backspace.</div>
               <div class="buttons">
                 <div class="button off" tabindex="0" onclick="this.blur();">
                   off
@@ -1787,9 +1764,7 @@
           <div class="settingsGroup sound">
             <div class="section playSoundOnClick">
               <h1>play sound on click</h1>
-              <div class="text">
-                Plays a short sound when you press a key.
-              </div>
+              <div class="text">Plays a short sound when you press a key.</div>
               <div class="buttons">
                 <div
                   class="button"
@@ -1948,7 +1923,14 @@
                 >
                   custom
                 </div>
-                <input type="number" step="1" class="customPaceCaretSpeed" placeholder="wpm" min="0" value="">
+                <input
+                  type="number"
+                  step="1"
+                  class="customPaceCaretSpeed"
+                  placeholder="wpm"
+                  min="0"
+                  value=""
+                />
               </div>
             </div>
             <div class="section paceCaretStyle" section="">
@@ -2162,7 +2144,8 @@
             <div class="section startGraphsAtZero">
               <h1>start graphs at zero</h1>
               <div class="text">
-                Force graph axis to always start at zero, no matter what the data is. Turning this off may exaggerate the value changes.
+                Force graph axis to always start at zero, no matter what the
+                data is. Turning this off may exaggerate the value changes.
               </div>
               <div class="buttons">
                 <div class="button off" tabindex="0" onclick="this.blur();">
@@ -2515,7 +2498,7 @@
                   <div
                     class="button"
                     id="loadCustomColorsFromPreset"
-                    style="grid-column: 1/3;"
+                    style="grid-column: 1/3"
                   >
                     load from preset
                   </div>
@@ -2585,7 +2568,8 @@
             <div class="section showOutOfFocusWarning">
               <h1>out of focus warning</h1>
               <div class="text">
-                Shows an out of focus reminder after 1 second of being 'out of focus' (not being able to type).
+                Shows an out of focus reminder after 1 second of being 'out of
+                focus' (not being able to type).
               </div>
               <div class="buttons">
                 <div class="button off" tabindex="0" onclick="this.blur();">
@@ -2630,12 +2614,9 @@
           <div class="register side">
             <div class="title">register</div>
             <form action="" autocomplete="off">
-              <input type="text" placeholder="username"  />
+              <input type="text" placeholder="username" />
               <input type="text" placeholder="email" />
-              <input
-                type="password"
-                placeholder="password"
-              />
+              <input type="password" placeholder="password" />
               <input type="password" placeholder="verify password" />
               <div class="button">
                 <i class="fas fa-user-plus"></i>
@@ -2647,8 +2628,12 @@
             <div class="title">login</div>
             <div id="forgotPasswordButton">Forgot password?</div>
             <form action="">
-              <input type="text" placeholder="email" autocomplete="email"/>
-              <input type="password" placeholder="password" autocomplete="password"/>
+              <input type="text" placeholder="email" autocomplete="email" />
+              <input
+                type="password"
+                placeholder="password"
+                autocomplete="password"
+              />
               <div>
                 <label id="rememberMe">
                   <input type="checkbox" checked />
@@ -2692,9 +2677,7 @@
             </div>
             <div class="group">
               <div class="title">personal bests</div>
-              <div style="display: grid;
-              grid-auto-flow: column;
-              gap: 1rem;">
+              <div style="display: grid; grid-auto-flow: column; gap: 1rem">
                 <div class="titleAndTable timePbTable">
                   <table width="100%">
                     <thead>
@@ -2781,19 +2764,18 @@
               >
                 set filters to current settings
               </div> -->
-              <div class="buttonsAndTitle" style="grid-column: 1/3;">
+              <div class="buttonsAndTitle" style="grid-column: 1/3">
                 <div class="title">filters</div>
                 <div class="buttons">
                   <div class="button allFilters">all</div>
-                  <div class="button currentConfigFilter">
-                    current settings
-                  </div>
-                  <div class="button toggleAdvancedFilters">
-                    advanced
-                  </div>
+                  <div class="button currentConfigFilter">current settings</div>
+                  <div class="button toggleAdvancedFilters">advanced</div>
                 </div>
               </div>
-              <div class="buttonsAndTitle testDate" style="grid-column: 1/3;margin-top: 1rem">
+              <div
+                class="buttonsAndTitle testDate"
+                style="grid-column: 1/3; margin-top: 1rem"
+              >
                 <!-- <div class="title">date</div> -->
                 <div class="buttons filterGroup" group="date">
                   <div class="button" filter="last_day">last day</div>
@@ -2803,8 +2785,8 @@
                 </div>
               </div>
             </div>
-            <div class="group filterButtons" style="display:none">
-              <div class="buttonsAndTitle" style="grid-column: 1/3;">
+            <div class="group filterButtons" style="display: none">
+              <div class="buttonsAndTitle" style="grid-column: 1/3">
                 <div class="title">advanced filters</div>
                 <div class="buttons">
                   <div class="button noFilters">clear filters</div>
@@ -2861,15 +2843,15 @@
                   <div class="button" filter="off">off</div>
                 </div>
               </div>
-              <div class="buttonsAndTitle tags" style="grid-column: 1/3;">
+              <div class="buttonsAndTitle tags" style="grid-column: 1/3">
                 <div class="title">tags</div>
                 <div class="buttons filterGroup" group="tags"></div>
               </div>
-              <div class="buttonsAndTitle languages" style="grid-column: 1/3;">
+              <div class="buttonsAndTitle languages" style="grid-column: 1/3">
                 <div class="title">language</div>
                 <div class="buttons filterGroup" group="language"></div>
               </div>
-              <div class="buttonsAndTitle funbox" style="grid-column: 1/3;">
+              <div class="buttonsAndTitle funbox" style="grid-column: 1/3">
                 <div class="title">funbox</div>
                 <div class="buttons filterGroup" group="funbox"></div>
               </div>
@@ -2882,14 +2864,17 @@
               <i class="fas fa-fw fa-spin fa-circle-notch"></i>
             </div> -->
               <div class="above"></div>
-              <div class="chart" style="height: 400px;">
+              <div class="chart" style="height: 400px">
                 <canvas id="resultHistoryChart"></canvas>
               </div>
               <div class="below"></div>
-              <div class="toggleAccuracyOnChart button"><i class="fas fa-bullseye"></i>Toggle Accuracy</div>
+              <div class="toggleAccuracyOnChart button">
+                <i class="fas fa-bullseye"></i>
+                Toggle Accuracy
+              </div>
             </div>
             <div class="group dailyActivityChart">
-              <div class="chart" style="height: 200px;">
+              <div class="chart" style="height: 200px">
                 <canvas id="activityChart"></canvas>
               </div>
             </div>
@@ -2931,15 +2916,19 @@
               </div>
 
               <div class="group testsStarted">
-                <div class="title">
-                  tests started
-                </div>
+                <div class="title">tests started</div>
                 <div class="val">-</div>
               </div>
               <div class="group testsCompleted">
                 <div class="title">
                   tests completed
-                  <span data-balloon-length="xlarge" aria-label="Due to the increasing number of results in the database, you can now only see your last 1000 results in detail. Total time spent typing, started and completed tests stats will still be up to date at the top of the page, above the filters." data-balloon-pos="up"><i class="fas fa-question-circle"></i></span>
+                  <span
+                    data-balloon-length="xlarge"
+                    aria-label="Due to the increasing number of results in the database, you can now only see your last 1000 results in detail. Total time spent typing, started and completed tests stats will still be up to date at the top of the page, above the filters."
+                    data-balloon-pos="up"
+                  >
+                    <i class="fas fa-question-circle"></i>
+                  </span>
                 </div>
                 <div class="val">-</div>
               </div>
@@ -3014,35 +3003,48 @@
                 </thead>
                 <tbody></tbody>
               </table>
-              <div class="loadMoreButton">
-                load more
-              </div>
+              <div class="loadMoreButton">load more</div>
             </div>
           </div>
         </div>
         <div class="page pageTribe hidden">
-
           <div class="preloader">
             <i class="fas fa-fw fa-spin fa-circle-notch"></i>
             <div class="text">Waiting for login</div>
           </div>
           <div class="prelobby hidden">
             <div class="welcome">
-              Welcome to <span style="color: var(--main-color);">Tribe</span>.
+              Welcome to
+              <span style="color: var(--main-color)">Tribe</span>
+              .
             </div>
             <div class="matchmaking">
               <!-- <div id="joinRandomRoom" class="button">Join random room</div> -->
               <div class="title">matchmaking</div>
               <div class="buttons">
-                <div id="matchmake15" class="button"><i class="fas fa-clock"></i>Time 15</div>
-                <div id="matchmake60" class="button"><i class="fas fa-clock"></i>Time 60</div>
-                <div id="matchmakeQuote" class="button"><i class="fas fa-quote-right"></i>Quotes</div>
+                <div id="matchmake15" class="button">
+                  <i class="fas fa-clock"></i>
+                  Time 15
+                </div>
+                <div id="matchmake60" class="button">
+                  <i class="fas fa-clock"></i>
+                  Time 60
+                </div>
+                <div id="matchmakeQuote" class="button">
+                  <i class="fas fa-quote-right"></i>
+                  Quotes
+                </div>
               </div>
-              <span style="text-align:center;color: var(--sub-color);">Coming soon...</span>
+              <span style="text-align: center; color: var(--sub-color)">
+                Coming soon...
+              </span>
             </div>
             <div class="privateRooms">
               <div class="title">private rooms</div>
-              <div id="createPrivateRoom" class="button"><i class="fas fa-users"></i>Create room</div>
+              <div id="createPrivateRoom" class="button">
+                <i class="fas fa-users"></i>
+                Create room
+              </div>
               <div id="joinByCode">
                 <div class="customInput">
                   <span class="byte">--</span>
@@ -3051,10 +3053,13 @@
                   /
                   <span class="byte">--</span>
                 </div>
-                <input type="text" placeholder="Code" maxlength="6" class=""><div class="button"><i class="fas fa-chevron-right"></i>Join room</div>
+                <input type="text" placeholder="Code" maxlength="6" class="" />
+                <div class="button">
+                  <i class="fas fa-chevron-right"></i>
+                  Join room
+                </div>
               </div>
             </div>
-           
           </div>
           <div class="lobby hidden">
             <div class="currentSettings">
@@ -3062,14 +3067,20 @@
               <div class="groups"></div>
             </div>
             <div class="lobbyButtons">
-              <div class="button startTestButton"><i class="fas fa-keyboard"></i>Start test</div>
-              <div class="button leaveRoomButton"><i class="fas fa-door-open"></i>Leave room</div>
+              <div class="button startTestButton">
+                <i class="fas fa-keyboard"></i>
+                Start test
+              </div>
+              <div class="button leaveRoomButton">
+                <i class="fas fa-door-open"></i>
+                Leave room
+              </div>
             </div>
             <div class="chat">
               <div class="title">chat</div>
               <div class="messages"></div>
               <div class="input">
-                <input type="text" placeholder="Send a message">
+                <input type="text" placeholder="Send a message" />
               </div>
             </div>
             <div class="userlist">
@@ -3078,15 +3089,12 @@
             </div>
             <div class="inviteLink">
               <div class="code">
-                <div class="title">
-                  room code
-                </div>
+                <div class="title">room code</div>
                 <div class="text"></div>
               </div>
               <div class="link"></div>
             </div>
           </div>
-          
         </div>
       </div>
 
@@ -3109,9 +3117,9 @@
             <div>
               <i class="fas fa-fw fa-code"></i>
               Contribute on
-              <a
-              href="https://github.com/Miodec/monkey-type"
-              target="_blank">GitHub</a>
+              <a href="https://github.com/Miodec/monkey-type" target="_blank">
+                GitHub
+              </a>
             </div>
             <div>
               <i class="fas fa-fw fa-donate"></i>
@@ -3130,7 +3138,9 @@
             </div>
             <div>
               <i class="fab fa-discord"></i>
-              <a href="https://www.discord.gg/monkeytype" class="discordLink">discord.gg/monkeytype</a>
+              <a href="https://www.discord.gg/monkeytype" class="discordLink">
+                discord.gg/monkeytype
+              </a>
             </div>
             <div>
               <i class="fas fa-code-branch"></i>
@@ -3153,14 +3163,21 @@
 
   <!-- Initialize Firebase -->
   <script src="/__/firebase/init.js"></script>
-  <script src="https://kit.fontawesome.com/f3f87d89b4.js" crossorigin="anonymous"></script>
+  <script
+    src="https://kit.fontawesome.com/f3f87d89b4.js"
+    crossorigin="anonymous"
+  ></script>
   <script src="js/jquery-3.5.1.min.js"></script>
   <script src="js/jquery.color.min.js"></script>
   <script src="js/easing.js"></script>
   <script src="js/jquery.cookie-1.4.1.min.js"></script>
   <script src="js/moment.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/seedrandom/3.0.5/seedrandom.min.js" integrity="sha512-+Ru50BzEpZjlFzVnjSmJfYFPFfY2hS0Kjlu/IvqaJoux7maF5lJrRVUJWJ2LevPls7rd242GLbWEt+zAo4OVVQ==" crossorigin="anonymous"></script>
+  <script
+    src="https://cdnjs.cloudflare.com/ajax/libs/seedrandom/3.0.5/seedrandom.min.js"
+    integrity="sha512-+Ru50BzEpZjlFzVnjSmJfYFPFfY2hS0Kjlu/IvqaJoux7maF5lJrRVUJWJ2LevPls7rd242GLbWEt+zAo4OVVQ=="
+    crossorigin="anonymous"
+  ></script>
   <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script> -->
   <script src="js/chart.min.js"></script>
   <script src="js/chartjs-plugin-trendline.js"></script>
