infrastructure/hugo-fresh
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

More customizing 🤘 (#33)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

74
layouts/partials/footer.html
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">

16
layouts/partials/navbar-clone.html
View File

@@ -1,11 +1,16 @@
{{- $navbar := .Site.Params.navbar }}
{{- $navbar := .Site.Params.navbar }}
{{- $sidebarVisible := .Site.Params.sidebar }}
{{- $navbarLogo := .Site.Params.navbarlogo }}
<nav id="navbar-clone" class="navbar is-fresh is-transparent" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="https://cssninja.io">
<img src="{{ "images/logos/fresh-alt.svg" | relURL }}" alt="" width="112" height="28">
{{- if $navbarLogo}}
<a class="navbar-item" href="{{ $navbarLogo.link }}">
<img src="{{ printf "/images/%s" $navbarLogo.image | relURL }}" alt="" width="112" height="28">
</a>
{{- end}}
{{- if $sidebarVisible }}
<a class="navbar-item is-hidden-desktop is-hidden-tablet">
<div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
<svg width="1000px" height="1000px">
@@ -16,6 +21,7 @@
<button id="menu-icon-trigger" class="menu-icon-trigger"></button>
</div>
</a>
{{- end }}
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="cloned-navbar-menu">
<span aria-hidden="true"></span>
@@ -26,6 +32,7 @@
<div id="cloned-navbar-menu" class="navbar-menu is-fixed">
{{- if $sidebarVisible }}
<div class="navbar-start">
<a class="navbar-item is-hidden-mobile">
<div id="cloned-menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
@@ -38,6 +45,7 @@
</div>
</a>
</div>
{{- end }}
<div class="navbar-end">
{{- range $navbar }}
@@ -70,4 +78,4 @@
</div>
</div>
</div>
</nav>
</nav>

16
layouts/partials/navbar.html
View File

@@ -1,11 +1,16 @@
{{- $navbar := .Site.Params.navbar }}
{{- $navbar := .Site.Params.navbar }}
{{- $sidebarVisible := .Site.Params.sidebar }}
{{- $navbarLogo := .Site.Params.navbarlogo }}
<nav class="navbar is-fresh is-transparent no-shadow" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="https://cssninja.io">
<img src="{{ "/images/logos/fresh-alt.svg" | absURL }}" alt="" width="112" height="28">
{{- if $navbarLogo}}
<a class="navbar-item" href="{{ $navbarLogo.link }}">
<img src="{{ printf "/images/%s" $navbarLogo.image | relURL }}" alt="" width="112" height="28">
</a>
{{- end}}
{{- if $sidebarVisible }}
<a class="navbar-item is-hidden-desktop is-hidden-tablet">
<div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
<svg width="1000px" height="1000px">
@@ -16,6 +21,7 @@
<button id="menu-icon-trigger" class="menu-icon-trigger"></button>
</div>
</a>
{{- end }}
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
<span aria-hidden="true"></span>
@@ -26,6 +32,7 @@
<div id="navbar-menu" class="navbar-menu is-static">
{{- if $sidebarVisible }}
<div class="navbar-start">
<a class="navbar-item is-hidden-mobile">
<div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
@@ -38,6 +45,7 @@
</div>
</a>
</div>
{{- end }}
<div class="navbar-end">
{{- range $navbar }}
@@ -70,4 +78,4 @@
</div>
</div>
</div>
</nav>
</nav>