Small changes

This commit is contained in:
Veikko Lintujärvi
2026-08-06 16:19:58 +03:00
parent 38a94906d4
commit fce0ee2811
5 changed files with 8 additions and 54 deletions

View File

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

View File

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

48
package-lock.json generated
View File

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

View File

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

View File

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