Discord -> LinkedIn

src/assets/linkedinIcon.svg

@@ -0,0 +1 @@
+<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">    <path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"/></svg>

src/components/TopBar/TopBar.vue

@@ -127,32 +127,39 @@ onClickOutside(infoMenuRef, () => {
               >
                 <div class="redirect_button flex mr-4">
                   <div class="mr-6">
+                    <a href="https://www.twitter.com/doiim">
                       <img
                         alt="Twitter"
                         width="20"
                         height="20"
                         src="@/assets/twitterIcon.svg"
                         class="cursor-pointer"
-                      onclick="location.href = 'https://www.twitter.com/doiim';"
                       />
+                    </a>
                   </div>
                   <div class="mr-6">
+                    <a href="https://www.linkedin.com/company/doiim/">
                       <img
-                      alt="Discord"
+                        alt="LinkedIn"
                         width="20"
                         height="20"
-                      src="@/assets/discordIcon.svg"
+                        src="@/assets/linkedinIcon.svg"
                         class="cursor-pointer"
+                        href="https://www.linkedin.com/company/doiim/"
                       />
+                    </a>
                   </div>
+                  <div class="mr-6">
+                    <a href="https://www.github.com/doiim">
                       <img
                         alt="Github"
                         width="20"
                         height="20"
                         src="@/assets/githubIcon.svg"
                         class="cursor-pointer"
-                    onclick="location.href = 'https://github.com/doiim';"
                       />
+                    </a>
+                  </div>
                 </div>
               </div>
               <div class="w-full flex justify-center">
@@ -416,6 +423,7 @@ onClickOutside(infoMenuRef, () => {
           </div>
           <div class="menu-button pb-10">
             <div class="redirect_button flex">
+              <a href="https://www.twitter.com/doiim/">
                 <img
                   alt="Twitter"
                   width="20"
@@ -424,20 +432,24 @@ onClickOutside(infoMenuRef, () => {
                   class="mr-6"
                   onclick="location.href = 'https://www.twitter.com/doiim';"
                 />
+              </a>
+              <a href="https://www.linkedin.com/company/doiim/">
                 <img
-                alt="Discord"
+                  alt="LinkedIn"
                   width="20"
                   height="20"
-                src="@/assets/discordIcon.svg"
+                  src="@/assets/linkedinIcon.svg"
                   class="mr-6"
                 />
+              </a>
+              <a href="https://github.com/doiim/">
                 <img
                   alt="Github"
                   width="20"
                   height="20"
                   src="@/assets/githubIcon.svg"
-                onclick="location.href = 'https://github.com/doiim';"
                 />
+              </a>
             </div>
           </div>
         </div>