added a merch banner, updated footer and about

src/js/script.js

@@ -5150,6 +5150,11 @@ $(document).ready(() => {
   if (config.quickTab) {
     $("#restartTestButton").addClass("hidden");
   }
+  if (!Misc.getCookie("merchbannerclosed")) {
+    $(".merchBanner").removeClass("hidden");
+  } else {
+    $(".merchBanner").remove();
+  }
   $("#centerContent")
     .css("opacity", "0")
     .removeClass("hidden")
@@ -5181,6 +5186,20 @@ $(".scrollToTopButton").click((event) => {
   window.scrollTo(0, 0);
 });
 
+$(".merchBanner a").click((event) => {
+  $(".merchBanner").remove();
+  Misc.setCookie("merchbannerclosed", true, 365);
+});
+
+$(".merchBanner .fas").click((event) => {
+  $(".merchBanner").remove();
+  Misc.setCookie("merchbannerclosed", true, 365);
+  Misc.showNotification(
+    "Won't remind you anymore :) Thanks for continued support <3",
+    2500
+  );
+});
+
 $(".pageTest #copyWordsListButton").click(async (event) => {
   try {
     await navigator.clipboard.writeText(

src/sass/style.scss

@@ -138,6 +138,24 @@ a:hover {
   color: var(--main-color);
 }
 
+.merchBanner {
+  background-color: var(--main-color);
+  padding: 0.5rem;
+  text-align: center;
+  color: var(--bg-color);
+  a:hover {
+    color: var(--bg-color);
+  }
+  .closeButton {
+    transition: 0.25s;
+    margin-left: 1rem;
+    &:hover {
+      color: var(--text-color);
+      cursor: pointer;
+    }
+  }
+}
+
 .notification {
   position: fixed;
   background: var(--main-color);
@@ -827,6 +845,7 @@ a:hover {
 }
 
 #timerNumber {
+  pointer-events: none;
   transition: 0.25s;
   height: 0;
   color: black;

static/index.html

@@ -55,6 +55,20 @@
     >
       Important information about your account. Please click this message.
     </div>
+    <div
+      class="merchBanner hidden"
+      style="
+        background-color: var(--main-color);
+        padding: 0.5rem;
+        text-align: center;
+        color: var(--bg-color);
+      "
+    >
+      Check out our new merchandise over at
+      <a href="https://monkeytype.store" target="_blank">monkeytype.store</a>
+      . We've got some awesome designs for you.
+      <i class="fas closeButton fa-times"></i>
+    </div>
     <div class="notification">Signed in</div>
 
     <div id="simplePopupWrapper" class="hidden">
@@ -1407,8 +1421,11 @@
                 If you wish to support this project, help pay for hosting and
                 fuel my caffeine addiction, you can join the
                 <a href="https://www.patreon.com/monkeytype">Patreon</a>
-                or donate
-                <a href="https://www.paypal.me/jackbartnik">here.</a>
+                , donate via
+                <a href="https://www.paypal.me/jackbartnik">PayPal</a>
+                or buy a
+                <a href="https://monkeytype.store">tshirt</a>
+                .
               </p>
             </div>
             <div class="section">
@@ -1496,7 +1513,7 @@
                 <div>Ming</div>
                 <div>Ven Development</div>
                 <div>Ben</div>
-                <div>Austin</div>
+                <div>Uver</div>
                 <div>poopsey</div>
                 <div>Fruit</div>
                 <div>Robin</div>
@@ -3488,15 +3505,6 @@
                   GitHub
                 </a>
               </div>
-              <div>
-                <i class="fas fa-fw fa-donate"></i>
-                Support on
-                <a href="https://www.patreon.com/monkeytype">Patreon</a>
-                or
-                <a href="https://www.paypal.me/jackbartnik" target="_blank">
-                  PayPal
-                </a>
-              </div>
               <div>
                 <i class="fab fa-fw fa-discord"></i>
                 Join the
@@ -3505,6 +3513,19 @@
                 </a>
                 server
               </div>
+              <div>
+                <i class="fas fa-fw fa-donate"></i>
+                Support on
+                <a href="https://www.patreon.com/monkeytype">Patreon</a>
+                , via
+                <a href="https://www.paypal.me/jackbartnik" target="_blank">
+                  PayPal
+                </a>
+                or by
+                <a href="https://monkeytype.store" target="_blank">
+                  buying merch
+                </a>
+              </div>
             </div>
             <div class="right">
               <div>