Ability to turn off the fadein effect (#4)

* Ability to turn off the fadein effect

* Ability to disable fadein effect on blog posts

* Disable fadein on 404 and list pages

exampleSite/config.toml

@@ -33,6 +33,8 @@ highlightjs   = true # Syntax highlighting
 lang          = "en"
 footertext    = "" # Text to show in footer (overrides default text)
 
+fadein          = true # Turn on/off the fade-in effect
+
 showblog        = true # Show Blog section on home page
 showallposts    = false # Set 'true' to list all posts on home page, or set 'false' to link to separate blog list page
 showlatest      = true # Show latest blog post summary

layouts/404.html

@@ -2,18 +2,18 @@
 
 <div class="section" id="top"><!-- Parent section -->
 
-    <div class="container hero is-medium has-text-centered fade-in one"><!-- Begin Title -->
+    <div class="container hero is-medium has-text-centered {{ if .Site.Params.fadein }} fade-in one {{ end }}"><!-- Begin Title -->
     <h1 class="bold-title is-1">404</h1>
     </div><!-- End Title -->
 
 <!-- Everything below fades in two! -->
-<div class="section fade-in two">
+<div class="section {{ if .Site.Params.fadein }} fade-in two {{ end }}">
 
     <div class="container"><!-- Begin Nav bar -->
     {{ partial "nav-single.html" . }}
     </div><!-- End Nav bar -->
 
-    <div class="container fade-in two top-pad"><!-- Begin blurb -->
+    <div class="container {{ if .Site.Params.fadein }} fade-in two {{ end }} top-pad"><!-- Begin blurb -->
         Oops! Either you've found a bug (in which case, <a href="mailto:{{ .Site.Params.email }}">please tell me</a>) or you're just making things up. This page doesn't exist!
     </div><!-- End blurb -->
 

layouts/_default/list.html

@@ -2,12 +2,12 @@
 
 <div class="section" id="top"><!-- Parent section -->
 
-    <div class="container hero fade-in one"><!-- Begin Title -->
+    <div class="container hero {{ if .Site.Params.fadein }} fade-in one {{ end }}"><!-- Begin Title -->
     <h1 class="bold-title is-1">{{ .Site.Params.firstname }}'s Blog</h1>
     </div><!-- End Title -->
 
     <!-- Everything below fades in two! -->
-    <div class="section no-padding fade-in two">
+    <div class="section no-padding {{ if .Site.Params.fadein }} fade-in two {{ end }}">
 
     <div class="container"><!-- Begin Nav bar -->
     {{ partial "nav-list.html" . }}

layouts/blog/single.html

@@ -2,18 +2,18 @@
 
 <div class="section" id="top"><!-- Parent section -->
 
-    <div class="container hero fade-in one"><!-- Begin Title -->
+    <div class="container hero {{ if .Site.Params.fadein }} fade-in one {{ end }}"><!-- Begin Title -->
     <h1 class="bold-title is-1">{{ .Site.Params.firstname }}'s Blog</h1>
     </div><!-- End Title -->
 
 <!-- Everything below fades in two! -->
-<div class="section fade-in two">
+<div class="section {{ if .Site.Params.fadein }} fade-in two {{ end }}">
 
     <div class="container"><!-- Begin Nav bar -->
     {{ partial "nav-single.html" . }}
     </div><!-- End Nav bar -->
 
-    <div class="container fade-in two"><!-- Begin blog title container -->
+    <div class="container {{ if .Site.Params.fadein }} fade-in two {{ end }}"><!-- Begin blog title container -->
         <h2 class="title is-1 top-pad strong-post-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
             <div class="post-data">
                 {{ .Date.Format .Site.Params.dateform }} |
@@ -48,7 +48,7 @@
 
     </div><!-- End blog title container -->
 
-    <div class="container markdown fade-in two top-pad"><!-- Begin blog post content -->
+    <div class="container markdown {{ if .Site.Params.fadein }} fade-in two {{ end }} top-pad"><!-- Begin blog post content -->
         {{ .Content }}
     </div><!-- End blog post content -->
 

layouts/index.html

@@ -16,16 +16,22 @@
     <div class="hero-body">
         <div class="container has-text-centered">
             <!-- Title and tagline -->
-            <h1 class="bold-title fade-in one">Hi, I'm {{ .Site.Params.firstname }}.</h1>
+            <h1 class="bold-title {{ if .Site.Params.fadein }}fade-in one{{ end }}">
-            <h3 class="subtitle is-3 fade-in two">{{ .Site.Params.tagline }}</h3>
+                Hi, I'm {{ .Site.Params.firstname }}.
+            </h1>
+            <h3 class="subtitle is-3 {{ if.Site.Params.fadein }} fade-in two{{ end }}">
+                {{ .Site.Params.tagline }}
+            </h3>
             <!-- End title and tagline -->
             <!-- Some social icons -->
-            <div class="fade-in three">{{ partial "social.html" . }}</div>
+            <div class="{{ if .Site.Params.fadein }}fade-in three{{ end }}">
+                {{ partial "social.html" . }}
+            </div>
             <!-- End top social icons -->
         </div>
     </div> <!-- Hero body title end -->
     <!-- Hero foot has nav bar -->
-    <div class="hero-foot fade-in three">
+    <div class="hero-foot {{ if .Site.Params.fadein }}fade-in three{{ end }}">
     <hr>
     <nav class="nav-center">
         <a class="nav-item" href="#about">About</a>  
@@ -43,7 +49,7 @@
 </div><!-- End of top section -->
 
 <!-- Everything below fades in three! -->
-<div class="section no-padding fade-in three">
+<div class="section no-padding {{ if .Site.Params.fadein }}fade-in three{{ end }}">
 
 <!-- Tell them all about it! -->
 <div class="section" id="about">