Add github link

src/nav/Links.tsx

@@ -2,6 +2,7 @@ import {Link} from "../router/Link";
 import {ROUTES} from "../router/Route";
 import ResumePdf from "../img/resume.pdf";
 import {motion} from "motion/react";
+import {Path} from "../router/router";
 
 export function Links() {
 
@@ -19,5 +20,8 @@ export function Links() {
     <Link key={ResumePdf} href={ResumePdf} target="_blank">
       <h3>Resume</h3>
     </Link>
+    <Link key="Github" href={"https://github.com/tymur999" as Path} target="_blank">
+      <h3>GitHub</h3>
+    </Link>
   </div>
 }

src/nav/Nav.tsx

@@ -5,18 +5,22 @@ import {ReactComponent as Wave} from "../img/menu-wave.svg";
 import "./nav.sass";
 import {Links} from "./Links";
 import {Menu} from "./Menu";
+import {motion} from "motion/react";
+import {AnimateFade} from "../animations";
+
+const nav = AnimateFade();
 
 export default function Nav() {
     const [active, setActive] = useState(false);
 
-    return <div className="nav-ctr">
+    return <motion.div initial={nav.initial} animate={nav.animate}>
         <nav>
           <MenuButton active={active} setActive={setActive}/>
           <Links/>
         </nav>
         <Wave className="wave" />
         <Menu active={active}/>
-    </div>;
+    </motion.div>;
 }
 
 function MenuButton(props : { active: boolean, setActive: (_:boolean) => void }) {

src/nav/nav.sass

@@ -32,8 +32,6 @@ nav
       margin: auto 0
       font-size: 40px
 
-
-
 .links
   flex-grow: 1
   justify-content: flex-end
@@ -44,6 +42,7 @@ nav
 
 
 .wave
+  z-index: 999
   user-select: none
   pointer-events: none
-  position: absolute
+  position: absolute