blog/themes/tastytea/layouts/partials/footer.html

59 lines
1.7 KiB
HTML

{{ if .Params.comtodon }}
<link rel="stylesheet" href="/comtodon.css"/>
<h2 id="comments">Comments</h2>
<noscript>Comments work only with JavaScript enabled.</noscript>
<div class="comtodon" data-domain="{{ .Site.Params.comtodon.domain }}" data-status="{{ .Params.comtodon }}" {{ with .Site.Params.comtodon.moderator }}data-moderator="{{ . }}"{{ end }}></div>
<script src="/comtodon.js" defer></script>
{{- end }}
<div class="footer-content">
<div class="pure-menu pure-menu-horizontal">
<ul class="pure-menu-list">
{{- range .Site.Menus.footer }}
<li class="pure-menu-item">
{{- if .URL }}
<a class="pure-menu-link" href="{{ .URL }}">{{ .Name }}</a>
{{- else }}
{{ .Name }}
{{- end }}
</li>
{{- end }}
{{- with .Site.RSSLink }}
<li class="pure-menu-item">
<a href="{{ . }}" class="pure-menu-link">RSS</a>
</li>
{{- end }}
</ul>
</div>
{{- with .Site.Copyright }}
<div class="pure-menu pure-menu-horizontal">
<ul class="pure-menu-list">
<li class="pure-menu-item pure-menu-disabled">
&copy; {{ now.Format "2006" }} &mdash; {{ . }}
</li>
</ul>
</div>
{{- end }}
</div>
<script>
function setElementsClass(selector, value) {
Array.prototype.forEach.call(
document.querySelectorAll(selector),
function(elem) { elem.className = value; }
);
}
setElementsClass('img', 'pure-img');
setElementsClass('table', 'pure-table');
function onResize() {
setElementsClass(
'.pure-menu', document.documentElement.clientWidth >= 568 ?
'pure-menu pure-menu-horizontal' : 'pure-menu'
);
}
onResize();
window.addEventListener('resize', onResize);
});
</script>