themes/squirrel
themes/squirrel
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

CHANGE section design to be more dynamic

Browse source
This commit is contained in:
Hoernschen 2022-03-19 23:54:55 +01:00
parent 6032aebe80
commit 7239b2c45e
No known key found for this signature in database
GPG key ID: 8B027F540E7DBD58
14 changed files with 90 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

17
layouts/partials/slider.html
View file

@ -1,23 +1,18 @@
{{- $slider := .Site.Params.slider }}
{{ $length := len $slider }}
{{- $slider := .slider }}
{{ $length := len $slider.images }}
{{ $template := resources.Get "scss/slider.scss" }}
{{ if $template }}
{{ $slider := $template | resources.ExecuteAsTemplate "css/slider.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $slider.Permalink }}">
{{ end }}
<!-- <link rel="stylesheet" type="text/css" href="/css/slider.css"> -->
<div class="slider">
<div id="{{ $slider.id }}" class="slider">
{{ if gt $length 1}}
<div class=slide-links>
{{- range $index, $slide := $slider}}
{{- range $index, $slide := $slider.images}}
<a class="slide-link {{if eq $index 0}} slide-link-active {{end}}" onclick="scrollToSlide({{$index}})"></a>
{{ end }}
</div>
{{ end }}
<div class="slides">
{{- range $index, $slide := $slider}}
{{- range $index, $slide := $slider.images}}
<div class="slide">
<img src="{{ $slide.image }}" alt="{{ $index }}">
<img src="{{ $slide }}" alt="{{ $index }}">
{{ if gt $length 1}}
<span class="slider-navigation-right" onclick="scrollToNextSlideNr({{$index}})">
<i class="fas fa-angle-right"></i>