Add footer menu
This commit is contained in:
parent
4ef9ef2046
commit
44ee910e2b
4 changed files with 12 additions and 3 deletions
|
@ -170,7 +170,7 @@ categories:
|
||||||
tags:
|
tags:
|
||||||
- "Tag"
|
- "Tag"
|
||||||
- "Another tag"
|
- "Another tag"
|
||||||
menu: main # Add page to a main menu
|
menu: main # Add page to a menu. Options: main, footer
|
||||||
---
|
---
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
{{- partial "footer_social.html" . }}
|
{{- partial "footer_social.html" . }}
|
||||||
|
{{- partial "footer_menu.html" . }}
|
||||||
<div class="footer__copyright">© {{ now.Format "2006" }} {{ .Site.Title }}. <span class="footer__copyright-credits">{{ T "footer_credits" | safeHTML }}</span></div>
|
<div class="footer__copyright">© {{ now.Format "2006" }} {{ .Site.Title }}. <span class="footer__copyright-credits">{{ T "footer_credits" | safeHTML }}</span></div>
|
||||||
</footer>
|
</footer>
|
7
layouts/partials/footer_menu.html
Normal file
7
layouts/partials/footer_menu.html
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
{{- with .Site.Menus.footer }}
|
||||||
|
<div class="footer__links{{ if $.Site.Params.social }} mt{{ end }}">
|
||||||
|
{{ range $key, $value := . }}
|
||||||
|
{{- if ne $key 0 }} • {{ end }}<a class="footer__link" href="{{ $value.URL }}">{{ $value.Name }}</a>
|
||||||
|
{{- end }}
|
||||||
|
</div>
|
||||||
|
{{- end }}
|
|
@ -911,6 +911,7 @@ mark {
|
||||||
margin: .3125rem 0 0;
|
margin: .3125rem 0 0;
|
||||||
font-size: .8125rem;
|
font-size: .8125rem;
|
||||||
color: #888;
|
color: #888;
|
||||||
|
text-align: center;
|
||||||
border-top: 2px solid #333;
|
border-top: 2px solid #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -940,8 +941,8 @@ mark {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer__copyright {
|
.footer__links {
|
||||||
text-align: center;
|
margin-bottom: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 480px) {
|
@media screen and (min-width: 480px) {
|
||||||
|
|
Loading…
Reference in a new issue