Big commit

frontend/app/components/parts/HeaderLinks.vue

@@ -7,6 +7,7 @@ const localePath = useLocalePath()
         <NuxtLink :to="localePath('index')">/</NuxtLink>
         <NuxtLink :to="localePath('blog')">/{{ $t('header.links.blog') }}</NuxtLink>
         <NuxtLink :to="localePath('contact')">/{{ $t('header.links.contact') }}</NuxtLink>
+        <NuxtLink :to="localePath('art')">/{{ $t('header.links.art') }}</NuxtLink>
         <!-- <NuxtLink class="disabled">Drawings</NuxtLink> -->
     </div>
 </template>
@@ -20,6 +21,12 @@ const localePath = useLocalePath()
     text-shadow: 0 0 1px var(--color-link);
 }
 
+
+.menus > a.router-link-exact-active {
+    color: var(--color-link);
+    text-shadow: 0 0 8px var(--color-link);
+}
+
 .disabled {
     color: #aaaaaa77;
 }