From 64eef20cb7bbd31ef5dfee0cffb275b818e7b10a Mon Sep 17 00:00:00 2001
From: willerbee <wagulo@gmail.com>
Date: Fri, 25 Sep 2020 17:23:45 +0800
Subject: [PATCH 1/3] Added markup for displaying current theme name

---
 public/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/index.html b/public/index.html
index 6a61ae479..196a66bc7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2898,6 +2898,7 @@
           </a>
         </div>
         <div class="version">version</div>
+        <div><i class="fas fa-palette"></i> <span class="current-theme">current theme</span></div>
       </div>
     </div>
   </body>

From b245f30bb4c5ba7cf40ed6d5753582f278888e1a Mon Sep 17 00:00:00 2001
From: willerbee <wagulo@gmail.com>
Date: Fri, 25 Sep 2020 17:26:14 +0800
Subject: [PATCH 2/3] Update current theme name display when set

---
 public/js/userconfig.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/js/userconfig.js b/public/js/userconfig.js
index 1c060e8e4..c9584e3d7 100644
--- a/public/js/userconfig.js
+++ b/public/js/userconfig.js
@@ -816,6 +816,7 @@ function setTheme(name, nosave) {
   config.theme = name;
   $(".keymap-key").attr("style", "");
   $("#currentTheme").attr("href", `themes/${name}.css`);
+  $(".current-theme").text(name.replace('_',' '));
   setTimeout(() => {
     updateFavicon(32, 14);
   }, 500);

From 55a931af70c24080f8d5975ff80e1dd5f5d943d7 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Sat, 26 Sep 2020 18:19:33 +0100
Subject: [PATCH 3/3] footer redesign

---
 public/css/style.scss | 30 +++++++++++++++++++---
 public/index.html     | 59 +++++++++++++++++++++++++------------------
 2 files changed, 61 insertions(+), 28 deletions(-)

diff --git a/public/css/style.scss b/public/css/style.scss
index daad6dd4f..20c70213a 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -1090,17 +1090,41 @@ key {
   line-height: 1rem;
   font-size: 0.75rem;
   color: var(--sub-color);
-  transition: 0.5s;
+  transition: 0.25s;
+  padding: 0 5px;
 
   // margin-bottom: 2rem;
   .keyTips {
     margin-bottom: 1rem;
   }
 
+  .leftright{
+    display: grid;
+    grid-template-columns: auto 1fr;
+    gap: 1rem;
+    .left{
+      text-align: left;
+    }
+    .right{
+      text-align: right;
+      // display: flex;
+      // gap: 1rem;
+      // align-items: center;
+      // justify-content: flex-end;
+      .discordLink{
+        transition: .25s;
+        text-decoration: none;
+        &:hover{
+          color: var(--main-color);
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
   .version {
     opacity: 0;
-    transition: 0.25s;
-
+    transition: .25s;
     &:hover {
       cursor: pointer;
       color: var(--main-color);
diff --git a/public/index.html b/public/index.html
index 196a66bc7..163153c77 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2873,32 +2873,41 @@
           <key>esc</key>
           - command line
         </div>
-        <div>
-          Crafted with &lt;3 by
-          <a
-            tabindex="0"
-            href="https://www.reddit.com/message/compose?to=Miodec"
-            target="_blank"
-          >
-            Miodec
-          </a>
+        <div class="leftright">
+          <div class="left">
+            <div>
+              Crafted with &lt;3 by Miodec
+            </div>
+            <div>
+              Contribute on
+              <a
+              href="https://github.com/Miodec/monkey-type"
+              target="_blank">GitHub</a>
+            </div>
+            <div>
+              Support on
+              <a href="https://www.patreon.com/monkeytype">Patreon</a>
+              or by
+              <a href="https://www.paypal.me/jackbartnik" target="_blank">
+                donating
+              </a>
+            </div>
+          </div>
+          <div class="right">
+            <div>
+              <i class="fas fa-palette"></i>
+              <span class="current-theme">current theme</span>
+            </div>
+            <div>
+              <i class="fab fa-discord"></i>
+              <a href="https://www.discord.gg/monkeytype" class="discordLink">discord.gg/monkeytype</a>
+            </div>
+            <div>
+              <i class="fas fa-code-branch"></i>
+              <span class="version">version</span>
+            </div>
+          </div>
         </div>
-        <div>
-          Contribute on
-          <a
-          href="https://github.com/Miodec/monkey-type"
-          target="_blank">GitHub</a>
-        </div>
-        <div>
-          Support on
-          <a href="https://www.patreon.com/monkeytype">Patreon</a>
-          or by
-          <a href="https://www.paypal.me/jackbartnik" target="_blank">
-            donating
-          </a>
-        </div>
-        <div class="version">version</div>
-        <div><i class="fas fa-palette"></i> <span class="current-theme">current theme</span></div>
       </div>
     </div>
   </body>