studio-variable/hecq-et-lesort
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Setup frontend — fonts, SCSS structure, header scroll animation

Browse source 
- 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
Download patch file Download diff file Expand all files Collapse all files

3
site/snippets/footer.php Normal file
View file

@ -0,0 +1,3 @@
</main>
</body>
</html>

11
site/snippets/head.php Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<meta name="robots" content="noindex,nofollow">
<link rel="stylesheet" href="<?= url('assets/css/style.css') ?>">
<script src="<?= url('assets/js/script.js') ?>"></script>
</head>

20
site/snippets/header.php Normal file
View file

@ -0,0 +1,20 @@
<body data-template="<?= $page->intendedTemplate() ?>">
<h1 class="logo">
Lesort<br>
Hecq
</h1>
<header class="main-header">
<div class="top">
<div class="lang-switcher">
<button>FR</button>
/
<button>EN</button>
</div>
<button>menu</button>
</div>
<div class="characters" style="--offset: 7rem">
<?= svg('assets/images/characters/characters.svg') ?>
</div>
<div class="strip"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi, tenetur.</p></div>
</header>
<main>

3
site/templates/home.php
View file

@ -0,0 +1,3 @@
<?php snippet('head') ?>
<?php snippet('header') ?>
<?php snippet('footer') ?>