CHANGE scroll indicators to be interactive

This commit is contained in:
Hoernschen 2024-06-20 12:36:59 +02:00
parent 559cf1ef80
commit aee652e045
Signed by: hoernschen
GPG key ID: 37591FAF4E6D3462
4 changed files with 45 additions and 24 deletions

View file

@ -1,5 +1,5 @@
{{ define "main" }}
<div class="scroller">
<div id="scroller" class="scroller">
<section>
<div class="profile card">
{{ if .Params.image }}
@ -13,22 +13,23 @@
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ if .Params.social }}
<div class="social">
<div class="social">
{{ range .Params.social }}
{{ partial "components/icon.html" . }}
{{ partial "components/icon.html" . }}
{{ end }}
</div>
</div>
{{ end }}
</div>
</div>
<div class="scroll-indicator">
<a href="#">
<i class="icon-angle-down"></i>
</a>
<div class="scroll-indicator down">
<i class="icon-angle-down" onclick="scrollDown()"></i>
</div>
</section>
{{ range where .Site.RegularPages "Section" "projects"}}
<section>
<div class="scroll-indicator up">
<i class="icon-angle-up" onclick="scrollUp()"></i>
</div>
<div class="card">
{{ if .Params.image }}
<div class="image">
@ -49,10 +50,8 @@
</div>
</div>
</div>
<div class="scroll-indicator">
<a href="#">
<i class="icon-angle-down"></i>
</a>
<div class="scroll-indicator down">
<i class="icon-angle-down" onclick="scrollDown()"></i>
</div>
</section>
{{ end }}