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

Templatize sidebar

Browse Source
This commit is contained in:
lucperkins
2018-08-04 14:34:54 +02:00
parent 0c3f810731
commit cedb8aa29f
3 changed files with 84 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
layouts/partials/footer.html
View File

@@ -2,6 +2,8 @@
{{- $logo := index $footer "logo" }}
{{- $productLinks := index $footer "product" }}
{{- $docLinks := index $footer "docs" }}
{{- $socialMedia := index $footer "socialmedia" }}
{{- $bulmaLogo := index $footer "bulmalogo" }}
<footer class="footer footer-dark">
<div class="container">
<div class="columns">
@@ -64,27 +66,19 @@
<h3>Follow Us</h3>
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item" href="https://github.com/#">
<span class="icon"><i class="fa fa-github"></i></span>
</a>
<a class="level-item" href="https://dribbble.com/#">
<span class="icon"><i class="fa fa-dribbble"></i></span>
</a>
<a class="level-item" href="https://fb.com/#">
<span class="icon"><i class="fa fa-facebook"></i></span>
</a>
<a class="level-item" href="https://twitter.com/#">
<span class="icon"><i class="fa fa-twitter"></i></span>
</a>
<a class="level-item" href="https://bitbucket.org/#">
<span class="icon"><i class="fa fa-bitbucket"></i></span>
{{- range $socialMedia }}
<a class="level-item" href="{{ .link }}">
<span class="icon"><i class="fa fa-{{ .icon }}"></i></span>
</a>
{{- end }}
</div>
</nav>
{{- if $bulmaLogo }}
<a href="https://bulma.io" target="_blank">
<img src="{{ "/images/logos/made-with-bulma.png" | relURL }}" alt="Made with Bulma" width="128" height="24">
</a>
{{- end }}
</div>
</div>
</div>

62
layouts/partials/sidebar.html
View File

@@ -1,36 +1,32 @@
{{- $sidebar := .Site.Params.sidebar }}
{{- $logo := index $sidebar "logo" }}
{{- $sections := index $sidebar "sections" }}
<div class="sidebar">
<div class="sidebar-header">
<img src="{{ "/images/logos/fresh-square.svg" | relURL }}">
<a class="sidebar-close" href="javascript:void(0);"><i data-feather="x"></i></a>
</div>
<div class="inner">
<ul class="sidebar-menu">
<li><span class="nav-section-title"></span></li>
<li class="have-children"><a href="#"><span class="fa fa-user"></span>User</a>
<ul>
<li><a href="#">Profile</a></li>
<li><a href="#">Account</a></li>
<li><a href="#">Settings</a></li>
</ul>
</li>
<li class="have-children"><a href="#"><span class="fa fa-envelope"></span>Messages</a>
<ul>
<li><a href="#">Inbox</a></li>
<li><a href="#">Compose</a></li>
</ul>
</li>
<li class="have-children"><a href="#"><span class="fa fa-image"></span>Images</a>
<ul>
<li><a href="#">Library</a></li>
<li><a href="#">Upload</a></li>
</ul>
</li>
<li class="have-children"><a href="#"><span class="fa fa-cog"></span>Settings</a>
<ul>
<li><a href="#">User settings</a></li>
<li><a href="#">App settings</a></li>
</ul>
</li>
<div class="sidebar-header">
<img src="{{ printf "/images/logos/%s.svg" $logo | relURL }}">
<a class="sidebar-close" href="javascript:void(0);">
<i data-feather="x"></i>
</a>
</div>
<div class="inner">
<ul class="sidebar-menu">
{{- range $sections }}
<li class="have-children">
<a href="#">
<span class="fa fa-{{ .icon }}"></span>
{{ .title }}
</a>
<ul>
{{- range .links }}
<li>
<a href="{{ .url }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
</li>
{{- end }}
</ul>
</div>
</div>