Setup frontend — fonts, SCSS structure, header scroll animation
- Add Bartok font-faces (Regular, Poster, Highlight) - Structure SCSS with reset, variables, global, header, home partials - Build fixed header with characters SVG and scroll-driven offset animation - Add home template wiring snippets - Update .gitignore to track src/ and exclude local/ Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
4c0fad1446
commit
c85e0c5a1a
17 changed files with 230 additions and 2 deletions
12
assets/js/script.js
Normal file
12
assets/js/script.js
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
document.addEventListener("DOMContentLoaded", () => {
|
||||
function updateCharactersOffset() {
|
||||
const charactersWrapper = document.querySelector(".characters");
|
||||
const MAX_OFFSET = 7;
|
||||
const SPEED = 0.6;
|
||||
|
||||
const topSpace = Math.max(0, MAX_OFFSET - (window.scrollY / 16) * SPEED);
|
||||
charactersWrapper.style.setProperty("--offset", topSpace + "rem");
|
||||
}
|
||||
|
||||
window.addEventListener("scroll", updateCharactersOffset);
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue