dejvino/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace hash-based CV toggle with path-based routing

Browse Source 
Co-authored-by: aider (openai/qwen3.6) <aider@aider.chat>
This commit is contained in:
Dejvino 2026-05-22 18:39:52 +02:00
parent dc42199ba4
commit 9abb6efd73
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.php
View File

@ -315,7 +315,7 @@ $cv_skills = $cvData['skills'] ?? [];
const animationDuration = 500; // Matches CSS animation duration (0.5s) const animationDuration = 500; // Matches CSS animation duration (0.5s)
const staggerDelay = 200; // Delay between each panel unrolling (ms) const staggerDelay = 200; // Delay between each panel unrolling (ms)
const toggleCV = (show, updateHash = true, animate = true) => { const toggleCV = (show, updateUrl = true, animate = true) => {
const grid = document.querySelector('.bento-grid'); const grid = document.querySelector('.bento-grid');
const labelText = document.getElementById('toggle-label-text'); const labelText = document.getElementById('toggle-label-text');
@ -363,8 +363,9 @@ $cv_skills = $cvData['skills'] ?? [];
} }
} }
if (updateHash) { if (updateUrl) {
window.location.hash = show ? 'CV' : ''; const newUrl = show ? '/cv' : '/';
history.pushState({ cv: show }, '', newUrl);
} }
// Keep toggle in sync // Keep toggle in sync
@ -373,14 +374,20 @@ $cv_skills = $cvData['skills'] ?? [];
}; };
// Initialize state from URL // Initialize state from URL
const checkHash = (animate = false) => toggleCV(window.location.hash === '#CV', false, animate); const isCvPath = window.location.pathname.includes('/cv');
const checkUrl = (animate = false) => toggleCV(isCvPath, false, animate);
window.addEventListener('load', () => { window.addEventListener('load', () => {
checkHash(false); checkUrl(false);
// Small delay to ensure initial styles are applied before enabling transitions // Small delay to ensure initial styles are applied before enabling transitions
setTimeout(() => document.body.classList.remove('preload'), 20); setTimeout(() => document.body.classList.remove('preload'), 20);
}); });
window.addEventListener('hashchange', () => checkHash(true));
// Handle back/forward navigation
window.addEventListener('popstate', () => {
const showCv = window.location.pathname.includes('/cv');
toggleCV(showCv, false, true);
});
const cvToggleInput = document.getElementById('cv-toggle'); const cvToggleInput = document.getElementById('cv-toggle');
cvToggleInput?.addEventListener('change', (e) => { cvToggleInput?.addEventListener('change', (e) => {