yann/hugo-scroll
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Enable inverting homepage section styling

Browse source 
Add invert Param to the config file. Add the 'odd' class to the
post-holders and the 'even' class to the post-afters using Hugo if
statements instead of using JS. Marking invert = true in the config file
flips which sections are marked odd and even.
This commit is contained in:
Ian Cook 2023-03-20 19:45:44 -05:00
parent 67434f0a8f
commit 390ad61694
No known key found for this signature in database
GPG key ID: AC42F59CF2D8F367
3 changed files with 5 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

4
layouts/index.html
View file

@ -28,7 +28,7 @@
<div class='fixed-nav'>
</div>
{{ range $index_val, $elem_val := $filtered }}
<div class='post-holder'>
<div class='post-holder{{ if and (ne .Site.Params.invert true) (not (modBool $index_val 2)) }} odd{{ else if and (eq .Site.Params.invert true) (modBool $index_val 2) }} odd{{ end }}'>
<article id='{{ anchorize .Title }}' class='post {{ if eq $index_val 0 }}first{{ end }} {{ if eq (add $index_val 1) (len $sections) }}last{{ end }}'>
<header class="post-header">
<h2 class="post-title">{{ .Title | safeHTML }}</h2>
@ -37,7 +37,7 @@
{{ .Content }}
</section>
</article>
<div class='post-after'></div>
<div class='post-after{{ if and (ne .Site.Params.invert true) (modBool $index_val 2) }} even{{ else if and (eq .Site.Params.invert true) (not (modBool $index_val 2)) }} even{{ end }}'></div>
</div>
{{ end }}
</main>