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:
isUnknown 2026-04-28 17:53:54 +02:00
parent 4c0fad1446
commit c85e0c5a1a
17 changed files with 230 additions and 2 deletions

12
assets/js/script.js Normal file
View 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);
});