Make the animated loading an option in config file

Karol Kania

04.02.2020 392ab0f42f5edf5340c1c3243a45bbc395b0f569

Make the animated loading an option in config file

 exampleSite/config.toml

@@ -24,6 +24,7 @@
customJs = []
mainSections = ["post"]
images = ["images/site-feature-image.png"]
animatedLoading = true
# Google Site Verification
#googleSiteVerify = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"


 layouts/_default/list.html

@@ -1,5 +1,5 @@
{{ define "main" }}
    <div class="archive animated fadeInDown">
    <div class="archive {{ with .Site.Params.animatedLoading }} animated fadeInDown {{ end }}">
        <ul class="list-with-title">
            {{ range .Data.Pages.GroupByDate "2006" }}
                <div class="listing-title">{{ .Key }}</div>

 layouts/_default/single.html

@@ -1,5 +1,5 @@
{{ define "main" }}
    <div class="post animated fadeInDown">
    <div class="post {{ with .Site.Params.animatedLoading }} animated fadeInDown {{ end }}">
        <div class="post-content">

            <div class="post-title">

 layouts/index.html

@@ -1,7 +1,7 @@
{{ define "main" }}
    {{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
    {{ range $paginator.Pages }}
        <div class="post animated fadeInDown">
        <div class="post {{ with .Site.Params.animatedLoading }} animated fadeInDown {{ end }}">
            <div class="post-title">
                <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a>
                </h3>

 layouts/partials/navbar.html

@@ -1,4 +1,4 @@
<div class="page-top animated fadeInDown">
<div class="page-top {{ with .Site.Params.animatedLoading }} animated fadeInDown {{ end }}">
    <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>

 layouts/partials/sidebar.html

@@ -1,4 +1,4 @@
<div class="sidebar animated fadeInDown">
<div class="sidebar {{ with .Site.Params.animatedLoading }} animated fadeInDown {{ end }}">
    <div class="logo-title">
        <div class="title">
            <img src="{{ .Site.Params.profilePicture | absURL }}" alt="profile picture">