Added Discord in title

css/lang.css

@@ -1,43 +0,0 @@
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-body{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    background: linear-gradient(-45deg, #5add5a, #333);
-}
-article{
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    filter: blur(500px);
-}
-section{
-    z-index: 5;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 2em 5em;
-    filter: drop-shadow(0px 20px 14px #444);
-}
-section button{
-    width: 300px;
-    height: 150px;
-    margin: 1rem;
-    background-image: var(--bci);
-    background-size: contain;
-    background-repeat: no-repeat;
-    border: none;
-    cursor: pointer;
-    transition: 0.5s;
-}
-section:hover button:not(:hover){
-    filter: blur(10px);
-    transition: 0.5s;
-}

css/title.css

@@ -47,7 +47,9 @@ footer{
     position: absolute;
     bottom: 0;
 }
-
+footer a{
+    color: #ff0;
+}
 /* Social */
 .socmenu{
     position: absolute;
@@ -59,6 +61,11 @@ footer{
     justify-content: center;
     align-items: center;
     z-index: 50000;
+    transition: .5s;
+}
+.socmenu.active{
+    bottom: 0;
+    transition: .5s;
 }
 .socmenu .toggle{
     position: relative;

img/discord.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="#fff" d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>

js/htmls.js

@@ -42,9 +42,9 @@ const htmlTitle = `
 <li style="--i:2;--clr:#FF4500;">
     <a href="https://www.reddit.com/r/BRBGame/" target="_blank"><img src="./img/reddit.svg"></a>
 </li>
-<!-- <li style="--i:2;--clr:#00acee;">
+<li style="--i:3;--clr:#7289DA;">
-    <a href="https://twitter.com/EidamMr" target="_blank"><img src="./img/twitter.svg"></a>
+    <a href="https://discord.gg/kQy3AAUgSq" target="_blank"><img src="./img/discord.svg"></a>
-</li> -->
+</li>
 <div class="toggle" id="soctog">
     <svg height="1em" viewBox="0 0 512 512"><path d="M384 336a63.78 63.78 0 00-46.12 19.7l-148-83.27a63.85 63.85 0 000-32.86l148-83.27a63.8 63.8 0 10-15.73-27.87l-148 83.27a64 64 0 100 88.6l148 83.27A64 64 0 10384 336z" fill="currentColor"/></svg>
     <svg height="1em" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" fill="currentColor"/></svg>