More customizing 🤘 (#33)

* Use sidebar param to show or hide sidebar toggle

* Make all sections optional

* Make footer quicklinks customizable

* Let customize the header image and link
This commit is contained in:
Stefan M
2018-11-06 16:36:38 +01:00
committed by Luc Perkins
parent b5e7a67d6a
commit 3b52fc46e4
4 changed files with 70 additions and 62 deletions

View File

@@ -1,10 +1,8 @@
{{- $footer := .Site.Params.footer }}
{{- $logo := index $footer "logo" }}
{{- $productLinks := index $footer "product" }}
{{- $docLinks := index $footer "docs" }}
{{- $blogrollLinks:= index $footer "blogroll" }}
{{- $socialMedia := index $footer "socialmedia" }}
{{- $bulmaLogo := index $footer "bulmalogo" }}
{{- $footer := .Site.Params.footer }}
{{- $logo := index $footer "logo" }}
{{- $quickLinks := index $footer "quicklinks" }}
{{- $socialMedia := index $footer "socialmedia" }}
{{- $bulmaLogo := index $footer "bulmalogo" }}
<footer class="footer footer-dark">
<div class="container">
<div class="columns">
@@ -13,54 +11,24 @@
<img src="{{ printf "/images/logos/%s" $logo | relURL }}">
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Product</h3>
{{- range $quickLinks }}
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>{{ .title }}</h3>
</div>
<ul class="link-list">
{{- range .links }}
<li>
<a href="{{ .link }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
<ul class="link-list">
{{- range $productLinks }}
<li>
<a href="{{ .link }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Docs</h3>
</div>
<ul class="link-list">
{{- range $docLinks }}
<li>
<a href="{{ .link }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Blogroll</h3>
</div>
<ul class="link-list">
{{- range $blogrollLinks }}
<li>
<a href="{{ .link }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
</div>
{{- end }}
<div class="column">
<div class="footer-column">
<div class="footer-header">