Add bar_with_2_columns footer type

2 files changed, 55 insertions, 0 deletions

diff --git a/README.md b/README.md
index 47f0e72..1317a70 100644
--- a/README.md
+++ b/README.md
@@ -33,6 +33,13 @@ Within your `config.toml` add the according parameter you want the theme to use.
 
 The theme will look for the theme parts in *layouts/partials/navs/*, *layouts/partials/headers/*, and *layouts/partials/footers/* accordingly. For instance, with `nav = "simple"`, it will look for *layouts/partials/navs/simple.html*.
 
+### Supported footer styles
+
+The following footer styles are included:
+
+* `simple`, just a copyright statement and the option to have a limited number of links in the footer. Links are taken from .Params.footerLinks.
+* `bar_with_2_columns`, a gray bar at the bottom with two columns (left aligned and right aligned). Links are taken from .Params.footerLinksColumn1 and .Params.footerLinksColumn2.
+
 ## Breadcrumbs
 
 By default a breadcrumb bar is shown at the top of each page other than Home. You can disable showing the breadcrumb bar at a site or page level by setting `showBreadcrumbs` to `false`.
diff --git a/layouts/partials/footers/bar_with_2_columns.html b/layouts/partials/footers/bar_with_2_columns.html
new file mode 100644
index 0000000..1018af8
--- /dev/null
+++ b/layouts/partials/footers/bar_with_2_columns.html
@@ -0,0 +1,48 @@
+<footer class="mt-5 p-5 text-muted bg-secondary small">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-md-4">
+        <ul class="nav flex-column">
+          {{- range $link, $name := .Site.Params.footerLinksColumn1 }}
+          <li class="nav-item">
+            <a class="nav-link text-light" href="{{ $link }}">{{ $name }}</a>
+          </li>
+          {{- end }}
+        </ul>
+      </div>
+      <div class="col-md-4 text-right">
+        <ul class="nav flex-column">
+          {{- range $link, $name := .Site.Params.footerLinksColumn2 }}
+          <li class="nav-item">
+            <a class="nav-link text-light" href="{{ $link }}">{{ $name }}</a>
+          </li>
+          {{- end }}
+        </ul>
+      </div>
+    </div>
+    <div class="row justify-content-center mt-3">
+      <div class="col-md-4 text-center text-light">
+        <p class="mb-1 small">&copy;
+      {{- if .Site.Params.since }}
+        {{ .Site.Params.since }} -
+      {{- end }}
+      {{ .Site.LastChange.Format "2006" }}
+
+      {{- if .Site.Author.name }}
+        {{- if .Site.Author.website }}
+          <a href="{{ .Site.Author.website }}">{{ .Site.Author.name }}</a>
+        {{- else }}
+          {{ .Site.Author.name }}
+        {{- end }}
+      {{- end }}
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+
+{{- partial "footer_custom.html" . }}