Small changes

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>kotisivu</title>
+    <title>Veikko Lintujärvi</title>
   </head>
   <body>
     <div id="root"></div>

justfile

@@ -1,3 +1,7 @@
+[private]
+default:
+  @just --list
+
 dev:
     npm run dev
 

package-lock.json

@@ -621,9 +621,6 @@
       "cpu": [
         "arm"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -644,9 +641,6 @@
       "cpu": [
         "arm"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -667,9 +661,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -690,9 +681,6 @@
       "cpu": [
         "arm64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -711,9 +699,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -732,9 +717,6 @@
       "cpu": [
         "x64"
       ],
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -901,9 +883,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -921,9 +900,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -941,9 +917,6 @@
         "ppc64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -961,9 +934,6 @@
         "s390x"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -979,9 +949,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -997,9 +964,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1922,9 +1886,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1946,9 +1907,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1968,9 +1926,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1990,9 +1945,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [

src/App.jsx

@@ -22,7 +22,6 @@ export default function App() {
   const activeSection = useAtomValue(activeSectionState);
   const theme = useAtomValue(themeState);
   const [displayedSection, setDisplayedSection] = useState(activeSection);
-  const [isExiting, setIsExiting] = useState(false);
   const timerRef = useRef(null);
 
   useEffect(() => {
@@ -35,14 +34,13 @@ export default function App() {
 
   useEffect(() => {
     if (activeSection === displayedSection) return;
-    setIsExiting(true);
     timerRef.current = setTimeout(() => {
       setDisplayedSection(activeSection);
-      setIsExiting(false);
     }, EXIT_DURATION);
     return () => clearTimeout(timerRef.current);
-  }, [activeSection]);
+  }, [activeSection, displayedSection]);
 
+  const isExiting = activeSection !== displayedSection;
   const Section = SECTIONS[displayedSection] ?? Hero;
 
   return (

src/components/Navbar.jsx

@@ -24,7 +24,7 @@ export default function Navbar() {
       <nav className={styles.nav}>
         <button className={styles.logo} onClick={() => handleNav('home')}>
           <span className={styles.logoBracket}>&lt;</span>
-          vk
+          id="veikko" class="lintujarvi"
           <span className={styles.logoBracket}>/&gt;</span>
         </button>