tibo/template
1
0
Fork 0
mirror of https://git.topisto.net/tibo/template.git synced 2026-03-31 19:29:10 +00:00
Code Issues Releases Wiki Activity

202511260955

Browse Source
This commit is contained in:
Thibaud
2025-11-26 09:55:05 +01:00
parent 3a562b6d26
commit 69b9d98a7e
2 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/protos/index.html
View File

@@ -115,16 +115,6 @@
} }
} }
after_section_header.addEventListener("click", function() {
logMsg('etatSection','toggle section_header ');
toggleElement(section_header);
});
after_section_synthese.addEventListener("click", function() {
logMsg('etatSection','toggle section_synthese ');
toggleElement(section_synthese);
});
function scrollToElement(elementSelector) { function scrollToElement(elementSelector) {
const element = document.querySelector(elementSelector); const element = document.querySelector(elementSelector);
if (element) { if (element) {
@@ -168,6 +158,18 @@
etatSections(currentEtat); etatSections(currentEtat);
} }
after_section_synthese.addEventListener("click", function() {
logMsg('etatSection','toggle section_synthese ');
if (currentEtat==3) changeEtatDown();
else changeEtatUp();
});
after_section_header.addEventListener("click", function() {
logMsg('etatSection','toggle section_header ');
if (currentEtat==2) changeEtatDown();
else changeEtatUp();
});
function beforeHeaderVisibility(_visible) { function beforeHeaderVisibility(_visible) {
intersectionObserverLog('TRIGGER '+arguments.callee.name); intersectionObserverLog('TRIGGER '+arguments.callee.name);
if (!_visible) { if (!_visible) {

6
frontend/protos/styles.css
View File

@@ -26,7 +26,8 @@
--section-header-height: 120px; --section-header-height: 120px;
--section-navbar-height: var(--section-min-height); --section-navbar-height: var(--section-min-height);
--section-synthese-height: 120px; --section-synthese-height: 120px;
--section-principale-height: 800px; --section-principale-height: 400px;
--section-footer-height: 100vh;
} }
@font-face { @font-face {
@@ -105,10 +106,13 @@ body {
background-color: pink; background-color: pink;
height: var(--section-synthese-height); height: var(--section-synthese-height);
} }
.principale { .principale {
height: var(--section-principale-height); height: var(--section-principale-height);
} }
.footer { .footer {
background-color: greenyellow; background-color: greenyellow;
height: var(--section-footer-height);
} }