-- ============================================================================== -- CV Site - Hyperscript Functions -- ============================================================================== -- Global hyperscript functions for CV interactive features -- Keeps HTML templates clean and behavior organized -- ============================================================================== -- PRINT FUNCTIONS -- ============================================================================== def printFriendly() -- Store current state set container to the first .cv-container set paper to the first .cv-paper set wasClean to container.classList.contains('theme-clean') set wasLong to paper.classList.contains('cv-long') set currentZoom to localStorage.getItem('cv-zoom') or '100' -- Apply print-friendly settings if wasClean is false add .theme-clean to container end remove .cv-long from paper add .cv-short to paper -- Reset zoom for consistent printing set #zoom-wrapper's *zoom to 1 -- Let CSS apply, then print wait 50ms call window.print() -- Wait for print dialog to close, then restore wait 100ms -- Restore original theme if wasClean is false remove .theme-clean from container end -- Restore original length if wasLong is true remove .cv-short from paper add .cv-long to paper end -- Restore original zoom by triggering slider input event if currentZoom is not '100' set #zoom-slider's value to currentZoom send input to #zoom-slider end end -- ============================================================================== -- SCROLL BEHAVIOR -- ============================================================================== def initScrollBehavior() set :lastScroll to 0 set :scrollThreshold to 100 set :keepHeaderVisible to false end def handleScroll() set currentScroll to window.pageYOffset set menu to the first .navigation-menu set isMenuOpen to menu.classList.contains('menu-open') -- Calculate if at bottom (within 50px) set scrollHeight to document.documentElement.scrollHeight set clientHeight to document.documentElement.clientHeight set isAtBottom to (scrollHeight - currentScroll - clientHeight) < 50 -- Reset keepHeaderVisible when scrolling up if currentScroll < :lastScroll set :keepHeaderVisible to false end -- Header visibility: Scrolling down past threshold if currentScroll > :scrollThreshold and currentScroll > :lastScroll and :keepHeaderVisible is false add .header-hidden to .action-bar if isMenuOpen is true add .header-hidden to menu end end -- Header visibility: Scrolling up past threshold if currentScroll > :scrollThreshold and (currentScroll <= :lastScroll or :keepHeaderVisible is true) remove .header-hidden from .action-bar if isMenuOpen is true remove .header-hidden from menu end end -- Header visibility: At top if currentScroll <= :scrollThreshold remove .header-hidden from .action-bar if isMenuOpen is true remove .header-hidden from menu end end -- Back to top button visibility if currentScroll > 300 set #back-to-top's *display to 'flex' end if currentScroll <= 300 set #back-to-top's *display to 'none' end -- At-bottom class for fixed buttons if isAtBottom add .at-bottom to #back-to-top add .at-bottom to #info-button add .at-bottom to #shortcuts-button end if not isAtBottom remove .at-bottom from #back-to-top remove .at-bottom from #info-button remove .at-bottom from #shortcuts-button end -- Update last scroll position set :lastScroll to currentScroll end -- ============================================================================== -- TOGGLE FUNCTIONS -- ============================================================================== def toggleCVLength(isLong) set paper to the first .cv-paper set lengthCheckbox to the first #lengthToggle set menuLengthCheckbox to the first #lengthToggleMenu -- Update DOM state if isLong is true remove .cv-short from paper add .cv-long to paper set lengthCheckbox's checked to true set menuLengthCheckbox's checked to true call localStorage.setItem('cv-length', 'long') end if isLong is false remove .cv-long from paper add .cv-short to paper set lengthCheckbox's checked to false set menuLengthCheckbox's checked to false call localStorage.setItem('cv-length', 'short') end end def toggleIcons(showIcons) set paper to the first .cv-paper set iconsCheckbox to the first #iconToggle set menuIconsCheckbox to the first #iconToggleMenu -- Update DOM state if showIcons is true add .show-icons to paper set iconsCheckbox's checked to true set menuIconsCheckbox's checked to true call localStorage.setItem('cv-icons', 'show') end if showIcons is false remove .show-icons from paper set iconsCheckbox's checked to false set menuIconsCheckbox's checked to false call localStorage.setItem('cv-icons', 'hide') end end def toggleTheme(isClean) set container to the first .cv-container set themeCheckbox to the first #themeToggle set menuThemeCheckbox to the first #themeToggleMenu -- Update DOM state if isClean is true add .theme-clean to container set themeCheckbox's checked to true set menuThemeCheckbox's checked to true call localStorage.setItem('cv-theme', 'clean') end if isClean is false remove .theme-clean from container set themeCheckbox's checked to false set menuThemeCheckbox's checked to false call localStorage.setItem('cv-theme', 'default') end end -- ============================================================================== -- HOVER SYNC FUNCTIONS -- ============================================================================== def syncPdfHover(show) set pdfButtons to .pdf-download-button if show is true for button in pdfButtons add .pdf-hover-sync to button end end if show is false for button in pdfButtons remove .pdf-hover-sync from button end end end def syncPrintHover(show) set printButtons to .print-button if show is true for button in printButtons add .print-hover-sync to button end end if show is false for button in printButtons remove .print-hover-sync from button end end end def highlightZoomControl(show) set zoomWrapper to the first #zoom-wrapper if show is true add .highlight to zoomWrapper end if show is false remove .highlight from zoomWrapper end end -- ============================================================================== -- KEYBOARD SHORTCUTS -- ============================================================================== -- Note: Keyboard event handlers are now defined inline in the body tag -- because hyperscript 0.9.12 doesn't support nested event handlers (on ... inside def)