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

Merge pull request #113 from nai888/master

Browse source 
Allow inverted section styling using param in config.toml
This commit is contained in:
zjedi 2023-03-21 22:52:10 +01:00 • committed by GitHub
commit 3a818c21cf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/screen.css
View file

@ -466,7 +466,7 @@ li {
background: #f2efe8; background: #f2efe8;
position: relative; position: relative;
} }
.post-holder.odd { .post-holder.dark {
background: #b80135; background: #b80135;
color: white; color: white;
} }
@ -528,7 +528,7 @@ a.fn-item.active {
border-top: 50px solid #f2efe8; border-top: 50px solid #f2efe8;
border-radius: 25px; border-radius: 25px;
} }
.post-after.even { .post-after.light {
left: 6%; left: 6%;
} }

8
assets/js/index.js
View file

@ -28,17 +28,9 @@ var $sitehead = $("#site-head");
} }
} }
$(document).ready(function () { $(document).ready(function () {
$postholder.each(function (e) {
if (e % 2 != 0) $(this).addClass("odd");
});
$postafter.each(function (e) { $postafter.each(function (e) {
var bg = $(this).parent().css("background-color"); var bg = $(this).parent().css("background-color");
$(this).css("border-top-color", bg); $(this).css("border-top-color", bg);
if (e % 2 == 0) {
$(this).addClass("even");
}
}); });
$("a.btn.site-menu").click(function (e) { $("a.btn.site-menu").click(function (e) {

3
exampleSite/config.toml
View file

@ -44,6 +44,9 @@ title = "Jane Doe - Nutrition Coach & Chef Consultant"
# This theme will, by default, inject a design-by-line at the bottom of the page. # This theme will, by default, inject a design-by-line at the bottom of the page.
# You can turn it off, but we would really appreciate if you don’t :-) # You can turn it off, but we would really appreciate if you don’t :-)
hidedesignbyline = false hidedesignbyline = false
# The sections of the home page alternate styling. Mark invert as true to swap the styling of the sections
invertSectionColors = false
[params.meta] [params.meta]
keywords = "some, keywords, for, seo, you, know, google, duckduckgo, and, such" keywords = "some, keywords, for, seo, you, know, google, duckduckgo, and, such"

4
layouts/index.html
View file

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