From e7162a8d0ed448db6eb77c7bd2eb490d51974d76 Mon Sep 17 00:00:00 2001
From: Henri <henrikarba@gmail.com>
Date: Tue, 24 Feb 2026 05:30:28 +0200
Subject: [PATCH] external links go to _blank

---
 src/layout/Navbar.svelte | 20 ++++++++++----------
 src/lib/router/router.js |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/layout/Navbar.svelte b/src/layout/Navbar.svelte
index cf793c0..27429f2 100644
--- a/src/layout/Navbar.svelte
+++ b/src/layout/Navbar.svelte
@@ -106,14 +106,14 @@
   }
 </style>
 
-<Section className="text-white" background="off-black" padding="small">
+<Section className="text-black" background="orange" padding="small">
   {#if $text && Object.keys($text).length > 0}
     <div class="flex items-center w-full relative min-h-16">
       <!-- Logo -->
       {#if currentPath !== "/"}
         <div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 md:relative md:left-auto md:translate-x-0 md:top-auto md:translate-y-0">
           <Button onClick={() => handleNavigation("/")}>
-            <img src="assets/LapLogo_white_orange.png" alt="Lapikud Logo" class="h-16" />
+            <img src="assets/LapLogo_black_white.png" alt="Lapikud Logo" class="h-16" />
           </Button>
         </div>
       {/if}
@@ -124,8 +124,8 @@
           <Dropdown
             name={$text.about || 'Meist'}
             buttonClass="rounded-[5px]"
-            buttonHoverStyle="background-color:var(--orange); color:var(--black)"
-            panelClassName="bg-[var(--off-black)]"
+            buttonHoverStyle="color:var(--white)"
+            panelClassName="bg-[var(--white)] text-[var(--black)]"
           >
             <Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/lapikutest")}
               >{$text.aboutPages.info}</Button
@@ -143,8 +143,8 @@
           <Dropdown
             name={$text.events}
             buttonClass="rounded-[5px]"
-            buttonHoverStyle="background-color:var(--orange); color:var(--black)"
-            panelClassName="bg-[var(--off-black)]"
+            buttonHoverStyle="color:var(--white)"
+            panelClassName="bg-[var(--white)] text-[var(--black)]"
           >
             <Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/koolitused")}
               ><Presentation />{$text.eventsPages.workshops}</Button
@@ -159,10 +159,10 @@
               ><Coffee />{$text.eventsPages.repair}</Button
             >
           </Dropdown>
-          <Button buttonHoverStyle="background-color:var(--orange); color:var(--black)" class="rounded-[5px]" onClick={() => navigate("/kontakt")}
+          <Button buttonHoverStyle="color:var(--white)" class="rounded-[5px]" onClick={() => navigate("/kontakt")}
             >{$text.contact}
           </Button>
-          <Button buttonHoverStyle="background-color:var(--orange); color:var(--black)" class="rounded-[5px]" onClick={() => navigate("/helpdesk")}
+          <Button buttonHoverStyle="color:var(--white)" class="rounded-[5px]" onClick={() => navigate("/helpdesk")}
             >{$text.helpdesk}
           </Button>
           
@@ -170,7 +170,7 @@
           <Button 
             class="rounded-[5px] px-3 py-1 text-sm ml-2"
             style="color: var(--orange)"
-            buttonHoverStyle="background-color:var(--orange); color:var(--black)"
+            buttonHoverStyle="color:var(--white)"
             onClick={() => switchLanguageRoute($currentLang === 'est' ? 'en' : 'est')}
           >
             {$currentLang === 'est' ? 'EN' : 'EST'}
@@ -181,7 +181,7 @@
       <Button
         onClick={toggleMobileMenu}
         class="md:hidden p-2 text-white transition-colors bg-transparent absolute right-0"
-        buttonHoverStyle="color: var(--orange)"
+        buttonHoverStyle="color: var(--white)"
         style="opacity: {mobileMenuOpen ? '0' : '1'}; pointer-events: {mobileMenuOpen ? 'none' : 'auto'};"
         aria-label="Toggle menu"
       >
diff --git a/src/lib/router/router.js b/src/lib/router/router.js
index d3ef3e3..433a2bb 100644
--- a/src/lib/router/router.js
+++ b/src/lib/router/router.js
@@ -11,7 +11,7 @@ export function navigate(path, options = {}) {
     const { external = false } = options;
     
     if (external) {
-        window.location.href = path;
+        window.open(path, '_blank', 'noopener,noreferrer');
     } else {
         window.history.pushState({}, "", path);
         window.dispatchEvent(new PopStateEvent('popstate'));