- import svg as components

- no-drag images
- package.json cleanup
- terser minimizer

src/index.scss

@@ -11,6 +11,12 @@ body {
   color: white;
 }
 
+// disable image dragging
+img {
+  user-select: none;
+  pointer-events: none;
+}
+
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;

src/nav/Nav.tsx

@@ -2,11 +2,8 @@ import React, {useState} from "react";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faBars} from "@fortawesome/free-solid-svg-icons/faBars";
 import {Menu} from "./Menu";
-import wave from "../img/menu-wave.svg";
+import {ReactComponent as Wave} from "../img/menu-wave.svg";
 import "./nav.scss";
-import {motion} from "framer-motion";
-import {Link} from "../router/Link";
-import {Path} from "../router/router";
 import {Links} from "./Links";
 
 export default function Nav() {
@@ -18,7 +15,7 @@ export default function Nav() {
           <Links/>
         </nav>
         <Menu active={active}/>
-        <img className="wave" alt="wave" src={wave}/>
+        <Wave className="wave" />
     </>;
 }