From 5ff470b4d277fe266a4af4a7231ecadf10dfa75b Mon Sep 17 00:00:00 2001
From: ekambains <bainseka@sheridancollege.ca>
Date: Mon, 21 Apr 2025 15:08:27 -0400
Subject: fix(landing): all external links open in new tab (#1292)

---
 apps/landing/src/Homepage.tsx | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

(limited to 'apps/landing/src/Homepage.tsx')

diff --git a/apps/landing/src/Homepage.tsx b/apps/landing/src/Homepage.tsx
index de5054bd..b00d7f2e 100644
--- a/apps/landing/src/Homepage.tsx
+++ b/apps/landing/src/Homepage.tsx
@@ -98,10 +98,20 @@ function NavBar() {
     <div className="flex justify-between px-3 py-4">
       <img src={Logo} alt="logo" className="w-36" />
       <div className="hidden items-center gap-6 sm:flex">
-        <a href={DOCS_LINK} className="flex justify-center gap-2 text-center">
+        <a
+          href={DOCS_LINK}
+          target="_blank"
+          className="flex justify-center gap-2 text-center"
+          rel="noreferrer"
+        >
           Docs
         </a>
-        <a href={GITHUB_LINK} className="flex justify-center gap-2 text-center">
+        <a
+          href={GITHUB_LINK}
+          target="_blank"
+          className="flex justify-center gap-2 text-center"
+          rel="noreferrer"
+        >
           GitHub
         </a>
         <a
@@ -223,10 +233,20 @@ function Footer() {
     <div className="flex items-center justify-between bg-black px-10 py-6 text-sm text-gray-300">
       <div>© 2024-{currentYear} karakeep.app</div>
       <div className="flex items-center gap-6">
-        <a href={DOCS_LINK} className="flex justify-center gap-2 text-center">
+        <a
+          href={DOCS_LINK}
+          target="_blank"
+          className="flex justify-center gap-2 text-center"
+          rel="noreferrer"
+        >
           Docs
         </a>
-        <a href={GITHUB_LINK} className="flex justify-center gap-2 text-center">
+        <a
+          href={GITHUB_LINK}
+          target="_blank"
+          className="flex justify-center gap-2 text-center"
+          rel="noreferrer"
+        >
           GitHub
         </a>
       </div>
-- 
cgit v1.2.3-70-g09d2

