From 532a5320e53a4d9a968f2335087cf102b9480898 Mon Sep 17 00:00:00 2001
From: Delia Mennitti <mennittid@gmail.com>
Date: Sun, 9 Jun 2024 10:29:05 +0200
Subject: [PATCH 1/4] removed external icon

---
 frontend/src/layouts/partials/nav.vue | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/frontend/src/layouts/partials/nav.vue b/frontend/src/layouts/partials/nav.vue
index 7ba21a3..d530360 100644
--- a/frontend/src/layouts/partials/nav.vue
+++ b/frontend/src/layouts/partials/nav.vue
@@ -63,17 +63,6 @@ SPDX-License-Identifier: AGPL-3.0-or-later
               >
                 Contact
               </b-nav-item>
-              <a
-                class="ml-auto no-external-icon text-small d-none d-lg-inline"
-                href="https://opendatahub.com"
-                target="_blank"
-              >
-                <img
-                  class="pl-2 logo-open-data-hub"
-                  src="/open-data-hub-sm.svg"
-                  alt="Open Data Hub"
-                />
-              </a>
             </b-navbar-nav>
           </b-collapse>
         </b-navbar>
@@ -112,11 +101,6 @@ export default {
   width: 2.2rem;
 }
 
-.nav-item:not(.no-external-icon) [target='_blank']::after {
-  padding-left: 0.4rem;
-  content: url(/icons/external.svg);
-}
-
 .nav-item .nuxt-link-exact-active {
   font-weight: bold;
 }

From f32804a9582a2a46e6464be34f3ff32b1be82588 Mon Sep 17 00:00:00 2001
From: Delia Mennitti <mennittid@gmail.com>
Date: Sun, 9 Jun 2024 10:31:13 +0200
Subject: [PATCH 2/4] removed underline in the footer

---
 frontend/src/layouts/partials/footer.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/layouts/partials/footer.vue b/frontend/src/layouts/partials/footer.vue
index 1cd1ab3..0e3938f 100644
--- a/frontend/src/layouts/partials/footer.vue
+++ b/frontend/src/layouts/partials/footer.vue
@@ -75,7 +75,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
               <a href="https://opendatahub.com" target="_blank"
                 >Open Data Hub Website</a
               >
-              <a class="text-decoration-underline" href="/">Web Components</a>
+              <a href="/">Web Components</a>
               <a href="https://databrowser.opendatahub.com" target="_blank"
                 >Databrowser</a
               >
@@ -88,7 +88,6 @@ SPDX-License-Identifier: AGPL-3.0-or-later
                 >The Web Component Store is the result of a great collaboration
                 between many awesome people!
                 <a
-                  class="text-decoration-underline"
                   href="https://opendatahub.com/community#contributors"
                   target="_blank"
                 >

From 2ca6698844b420ff25e4257fb2bbcea0506ee681 Mon Sep 17 00:00:00 2001
From: Delia Mennitti <mennittid@gmail.com>
Date: Sun, 9 Jun 2024 12:52:02 +0200
Subject: [PATCH 3/4] added hover underline

---
 frontend/src/assets/styles/styles.scss   |  2 +-
 frontend/src/layouts/partials/footer.vue | 32 ++++++++++++++++++------
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/frontend/src/assets/styles/styles.scss b/frontend/src/assets/styles/styles.scss
index be666d7..e546adf 100644
--- a/frontend/src/assets/styles/styles.scss
+++ b/frontend/src/assets/styles/styles.scss
@@ -308,7 +308,7 @@ main {
     text-decoration: underline;
 }
 
-.text-underline:hover {
+.text-underline-hover:hover {
     text-decoration: underline !important;
 }
 
diff --git a/frontend/src/layouts/partials/footer.vue b/frontend/src/layouts/partials/footer.vue
index 0e3938f..e6741ae 100644
--- a/frontend/src/layouts/partials/footer.vue
+++ b/frontend/src/layouts/partials/footer.vue
@@ -60,11 +60,16 @@ SPDX-License-Identifier: AGPL-3.0-or-later
           <div class="col-12 col-lg-3">
             <div class="d-flex flex-column">
               <span class="mb-1 text-semibold">Relevant links</span>
-              <a href="/">Web Components</a>
-              <a href="/how-to-add/">How To Add</a>
-              <a href="/how-to-create/">How To Create</a>
-              <a href="/validator/">Validator</a>
-              <a href="https://opendatahub.com/contact" target="_blank"
+              <a class="text-underline-hover" href="/">Web Components</a>
+              <a class="text-underline-hover" href="/how-to-add/">How To Add</a>
+              <a class="text-underline-hover" href="/how-to-create/"
+                >How To Create</a
+              >
+              <a class="text-underline-hover" href="/validator/">Validator</a>
+              <a
+                class="text-underline-hover"
+                href="https://opendatahub.com/contact"
+                target="_blank"
                 >Contact</a
               >
             </div>
@@ -72,11 +77,17 @@ SPDX-License-Identifier: AGPL-3.0-or-later
           <div class="col-12 col-lg-3 mt-3 mt-lg-0">
             <div class="d-flex flex-column">
               <span class="mb-1 text-semibold">Quickstart</span>
-              <a href="https://opendatahub.com" target="_blank"
+              <a
+                class="text-underline-hover"
+                href="https://opendatahub.com"
+                target="_blank"
                 >Open Data Hub Website</a
               >
-              <a href="/">Web Components</a>
-              <a href="https://databrowser.opendatahub.com" target="_blank"
+              <a class="text-underline-hover" href="/">Web Components</a>
+              <a
+                class="text-underline-hover"
+                href="https://databrowser.opendatahub.com"
+                target="_blank"
                 >Databrowser</a
               >
             </div>
@@ -88,6 +99,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
                 >The Web Component Store is the result of a great collaboration
                 between many awesome people!
                 <a
+                  class="text-underline-hover"
                   href="https://opendatahub.com/community#contributors"
                   target="_blank"
                 >
@@ -211,4 +223,8 @@ export default {
 .border-black {
   border-color: black !important;
 }
+
+.underline-hover:hover {
+  text-decoration: underline;
+}
 </style>

From 119a54b9b994eeb67784b23c3e59745e37911f7b Mon Sep 17 00:00:00 2001
From: Delia Mennitti <mennittid@gmail.com>
Date: Sun, 9 Jun 2024 12:54:39 +0200
Subject: [PATCH 4/4] fixed bug nav

---
 frontend/src/layouts/partials/nav.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/layouts/partials/nav.vue b/frontend/src/layouts/partials/nav.vue
index d530360..5f9f94e 100644
--- a/frontend/src/layouts/partials/nav.vue
+++ b/frontend/src/layouts/partials/nav.vue
@@ -39,20 +39,20 @@ SPDX-License-Identifier: AGPL-3.0-or-later
             <b-navbar-nav class="flex-grow-1 align-items-center">
               <b-nav-item-dropdown text="How to">
                 <b-dropdown-item
-                  :to="localePath('how-to-add/')"
+                  :to="localePath('/how-to-add/')"
                   @click="$emit('hide-overlay')"
                 >
                   Add a webcomponent
                 </b-dropdown-item>
                 <b-dropdown-item
-                  :to="localePath('how-to-create/')"
+                  :to="localePath('/how-to-create/')"
                   @click="$emit('hide-overlay')"
                 >
                   Create a webcomponent
                 </b-dropdown-item>
               </b-nav-item-dropdown>
               <b-nav-item
-                :to="localePath('validator/')"
+                :to="localePath('/validator/')"
                 @click="$emit('hide-overlay')"
               >
                 Validator