From 0a51a80e0c8f2eafaa0d966fc551aa1c07f00643 Mon Sep 17 00:00:00 2001
From: hueso <hueso@torguen.com.ar>
Date: Wed, 31 Jul 2024 13:08:00 -0300
Subject: [PATCH] Discord -> LinkedIn

---
 src/assets/linkedinIcon.svg      |   1 +
 src/components/TopBar/TopBar.vue | 102 +++++++++++++++++--------------
 2 files changed, 58 insertions(+), 45 deletions(-)
 create mode 100644 src/assets/linkedinIcon.svg

diff --git a/src/assets/linkedinIcon.svg b/src/assets/linkedinIcon.svg
new file mode 100644
index 0000000..229b778
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index ef8ffa7..8170760 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -127,32 +127,39 @@ onClickOutside(infoMenuRef, () => {
               >
                 <div class="redirect_button flex mr-4">
                   <div class="mr-6">
-                    <img
-                      alt="Twitter"
-                      width="20"
-                      height="20"
-                      src="@/assets/twitterIcon.svg"
-                      class="cursor-pointer"
-                      onclick="location.href = 'https://www.twitter.com/doiim';"
-                    />
+                    <a href="https://www.twitter.com/doiim">
+                      <img
+                        alt="Twitter"
+                        width="20"
+                        height="20"
+                        src="@/assets/twitterIcon.svg"
+                        class="cursor-pointer"
+                      />
+                    </a>
                   </div>
                   <div class="mr-6">
-                    <img
-                      alt="Discord"
-                      width="20"
-                      height="20"
-                      src="@/assets/discordIcon.svg"
-                      class="cursor-pointer"
-                    />
+                    <a href="https://www.linkedin.com/company/doiim/">
+                      <img
+                        alt="LinkedIn"
+                        width="20"
+                        height="20"
+                        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"
+                      />
+                    </a>
                   </div>
-                  <img
-                    alt="Github"
-                    width="20"
-                    height="20"
-                    src="@/assets/githubIcon.svg"
-                    class="cursor-pointer"
-                    onclick="location.href = 'https://github.com/doiim';"
-                  />
                 </div>
               </div>
               <div class="w-full flex justify-center">
@@ -416,28 +423,33 @@ onClickOutside(infoMenuRef, () => {
           </div>
           <div class="menu-button pb-10">
             <div class="redirect_button flex">
-              <img
-                alt="Twitter"
-                width="20"
-                height="20"
-                src="@/assets/twitterIcon.svg"
-                class="mr-6"
-                onclick="location.href = 'https://www.twitter.com/doiim';"
-              />
-              <img
-                alt="Discord"
-                width="20"
-                height="20"
-                src="@/assets/discordIcon.svg"
-                class="mr-6"
-              />
-              <img
-                alt="Github"
-                width="20"
-                height="20"
-                src="@/assets/githubIcon.svg"
-                onclick="location.href = 'https://github.com/doiim';"
-              />
+              <a href="https://www.twitter.com/doiim/">
+                <img
+                  alt="Twitter"
+                  width="20"
+                  height="20"
+                  src="@/assets/twitterIcon.svg"
+                  class="mr-6"
+                  onclick="location.href = 'https://www.twitter.com/doiim';"
+                />
+              </a>
+              <a href="https://www.linkedin.com/company/doiim/">
+                <img
+                  alt="LinkedIn"
+                  width="20"
+                  height="20"
+                  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"
+                />
+              </a>
             </div>
           </div>
         </div>