astosic/AMPERION_Webpage
1
0
Fork 0
forked from markus/AMPERION_Webpage
Code Pull requests Activity

Enhance hero section styles and add FAQ page layout

Browse source
This commit is contained in:
astosic 2025-08-01 21:09:17 +02:00
parent 421ecc1d2a
commit baa97692d1
6 changed files with 59 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

10
layouts/index.html
View file

@ -19,11 +19,10 @@
</div>
<!-- *Haupttitel + Button* -->
<div class="block" style="display: flex; flex-direction: column; justify-content: flex-end; min-height: 10vh; padding: 1rem; box-sizing: border-box;">
<div class="hero-section">
{{ with .title }}
<h1 class="title-custom title-custom-margin fade-in-title">{{ . | markdownify }}</h1>
<h1 class="hero-title fade-in-title">{{ . | markdownify }}</h1>
{{ end }}
{{ with .button }}
{{ if .enable }}
<div class="scrolldown" onclick="document.getElementById('service').scrollIntoView({ behavior: 'smooth' });"
@ -76,7 +75,10 @@ document.addEventListener('DOMContentLoaded', function () {
isScrolling = true;
scrollTriggered = true;
scrollToTarget();
setTimeout(() => isScrolling = false, 1000);
setTimeout(() => {
isScrolling = false;
scrollTriggered = false; // Reset scrollTriggered to prevent further jumps
}, 1000);
}
}, { passive: true });