Merge remote-tracking branch 'origin/master' into pr/45

# Conflicts:
#	layouts/index.html

assets/css/screen.css

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

assets/js/index.js

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

exampleSite/config.toml

@@ -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.
     # You can turn it off, but we would really appreciate if you don’t :-)
     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]
         keywords = "some, keywords, for, seo, you, know, google, duckduckgo, and, such"

layouts/index.html

@@ -32,7 +32,7 @@
     {{ range $index_val, $elem_val := $filtered }}
         {{ $fnav_title := .Title }}
         {{ with .Params.navigation_menu_title }}{{ $fnav_title = . }}{{ end }}
-        <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 }}'>
                 <header class="post-header">
                     <h2 class="post-title" data-fnav-title="{{ $fnav_title | safeHTMLAttr }}">{{ .Title | safeHTML }}</h2>
@@ -41,7 +41,7 @@
                     {{ .Content }}
                 </section>
             </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>
     {{ end }}
 </main>

package-lock.json

@@ -5,9 +5,9 @@
   "requires": true,
   "dependencies": {
     "prettier": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.5.tgz",
-      "integrity": "sha512-3gzuxrHbKUePRBB4ZeU08VNkUcqEHaUaouNt0m7LGP4Hti/NuB07C7PPTM/LkWqXoJYJn2McEo5+kxPNrtQkLQ==",
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.6.tgz",
+      "integrity": "sha512-mtuzdiBbHwPEgl7NxWlqOkithPyp4VN93V7VeHVWBF+ad3I5avc0RVDT4oImXQy9H/AqxA2NSQH8pSxHW6FYbQ==",
       "dev": true
     },
     "prettier-plugin-go-template": {

package.json

@@ -23,7 +23,7 @@
   },
   "homepage": "https://github.com/zjedi/hugo-scroll#readme",
   "devDependencies": {
-    "prettier": "^2.8.5",
+    "prettier": "^2.8.6",
     "prettier-plugin-go-template": "0.0.13"
   }
 }