Add back discord

Author: AdityaGarg8

src/components/Contributors.vue

@@ -39,15 +39,26 @@
               >The t2linux project is a community effort of people with
               knowledge in many different areas. You can help as well!</span
             >
-            <a
-              class="DiscordButton mt-3 w-auto md:w-1/2"
-              href="https://matrix.to/#/#space:t2linux.org"
-              target="_blank"
-            >
-              <span class="m-auto text-lg text-black text-semibold"
-                >Join us on Matrix</span
+            <div class="mt-3 flex flex-col md:flex-row gap-3">
+              <a
+                class="MatrixButton w-auto md:w-1/2"
+                href="https://matrix.to/#/#space:t2linux.org"
+                target="_blank"
+              >
+                <span class="m-auto text-lg text-black text-semibold"
+                  >Join us on Matrix</span
+                >
+              </a>
+              <a
+                class="MatrixButton w-auto md:w-1/2"
+                href="https://discord.com/invite/68MRhQu"
+                target="_blank"
               >
-            </a>
+                <span class="m-auto text-lg text-black text-semibold"
+                  >Join us on Discord</span
+                >
+              </a>
+            </div>
           </div>
         </div>
       </div>

src/components/Footer.vue

@@ -25,6 +25,16 @@
               alt=""
             />Matrix</a
           >
+          <a
+            target="_blank"
+            href="https://discord.com/invite/68MRhQu"
+            class="flex items-center mx-4 linkhover my-2 md:my-0"
+            ><img
+              src="../assets/icons/discord.svg"
+              class="mr-2"
+              alt=""
+            />Discord</a
+          >
           <a
             target="_blank"
             href="https://github.com/t2linux"

src/components/Navbar.vue

@@ -61,7 +61,7 @@
           {{ item.title }}
         </a>
         <a
-          class="DiscordButton w-full"
+          class="MatrixButton w-full"
           href="https://matrix.to/#/#space:t2linux.org"
           target="_blank"
         >
@@ -72,6 +72,18 @@
             class="m-auto matrix"
           />
         </a>
+        <a
+          class="DiscordButton w-full"
+          href="https://discord.com/invite/68MRhQu"
+          target="_blank"
+        >
+          <img
+            src="../assets/icons/discord-wordmark.svg"
+            alt=""
+            srcset=""
+            class="m-auto"
+          />
+        </a>
       </nav>
     </transition>
 
@@ -89,9 +101,9 @@
       </a>
     </span>
 
-    <div class="md:block hidden">
+    <div class="hidden md:flex items-center gap-3">
       <a
-        class="DiscordButton"
+        class="MatrixButton"
         href="https://matrix.to/#/#space:t2linux.org"
         target="_blank"
       >
@@ -102,6 +114,18 @@
           class="m-auto w-auto matrix"
         />
       </a>
+      <a
+        class="DiscordButton"
+        href="https://discord.com/invite/68MRhQu"
+        target="_blank"
+      >
+        <img
+          src="../assets/icons/discord-wordmark.svg"
+          alt=""
+          srcset=""
+          class="m-auto w-auto"
+        />
+      </a>
     </div>
   </div>
 </template>
@@ -131,12 +155,18 @@ export default {
 </script>
 
 <style>
-.DiscordButton {
+.MatrixButton {
   @apply w-full rounded flex transition-all ease-in-out bg-white duration-200 my-2 md:my-0;
   height: 50px;
   width: 120px;
 }
 
+.DiscordButton {
+  @apply w-full rounded flex transition-all ease-in-out duration-200 bg-neutral hover:bg-neutral-600 my-2 md:my-0;
+  height: 50px;
+  width: 120px;
+}
+
 .NavItem {
   color: rgba(255, 255, 255, 0.5);
   @apply mx-3 py-2 transition-all duration-200 ease-in-out whitespace-nowrap hover:text-white;