From d43f63e97fd615828071e5d60bb755d43187c92e Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Mon, 17 Oct 2022 12:42:25 -0700
Subject: [PATCH] improve nav aesthetic

---
 src/components/Nav.tsx | 36 ++++++++++++++++++++++++------------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index de2d3d3..d1f195f 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -11,7 +11,7 @@ interface NavProps {
   internalLinks: {
     href: string;
     label: string;
-  }[]
+  }[];
 }
 
 const Nav = ({ isClient, internalLinks, className }: NavProps) => {
@@ -35,14 +35,7 @@ const Nav = ({ isClient, internalLinks, className }: NavProps) => {
       ref={observe}
       style={{ zIndex: 100 }}
     >
-      <div
-        className={classnames(
-          "rounded-full p-2",
-          isClient
-            ? "bg-vibrant-dark cool-border-small-light"
-            : "border border-white"
-        )}
-      >
+      <div className="p-2">
         <ul className="inline-flex flex-wrap justify-center">
           {internalLinks &&
             internalLinks.map(({ href, label }) => (
@@ -85,12 +78,22 @@ const Nav = ({ isClient, internalLinks, className }: NavProps) => {
             )}
           >
             <li>
-              <a className={navClasses} href="https://buzzwords.gg">
+              {/* eslint-disable-next-line */}
+              <a
+                className={navClasses}
+                href="https://buzzwords.gg"
+                target="_blank"
+              >
                 Buzzwords
               </a>
             </li>
             <li>
-              <a className={navClasses} href="https://twitter.com/chuckletmilk">
+              <a
+                className={navClasses}
+                href="https://twitter.com/chuckletmilk"
+                rel="noreferrer"
+                target="_blank"
+              >
                 Twitter
               </a>
             </li>
@@ -98,6 +101,8 @@ const Nav = ({ isClient, internalLinks, className }: NavProps) => {
               <a
                 className={navClasses}
                 href="https://www.instagram.com/asubtlebutdeliciouscoffeecake/"
+                rel="noreferrer"
+                target="_blank"
               >
                 Instagram
               </a>
@@ -106,12 +111,19 @@ const Nav = ({ isClient, internalLinks, className }: NavProps) => {
               <a
                 className={navClasses}
                 href="https://www.youtube.com/channel/UCknR_DdytuOgzus--b2gZhg"
+                rel="noreferrer"
+                target="_blank"
               >
                 YouTube
               </a>
             </li>
             <li>
-              <a className={navClasses} href="https://github.com/chuckdries">
+              <a
+                className={navClasses}
+                href="https://github.com/chuckdries"
+                rel="noreferrer"
+                target="_blank"
+              >
                 GitHub
               </a>
             </li>