hugo-theme-zzo/layouts/_default/list.html

60 lines
2.1 KiB
HTML

{{ define "main" }}
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
<script src="{{ $enquire.RelPermalink }}"></script>
<main class="{{ if $.Param "enableSidebar" }}main-main{{ else }}main{{ end }}">
{{ partial "body/breadcrumb" . }}
<article class="list">
<header class="list__header">
<h4 class="list__header--title h5">{{.Title}}</h1>
</header>
<div class="list__header--desc p2">
{{ .Content }}
</div>
<div class="summary__container">
{{ $paginator := .Paginate (where .Pages "Type" .Type) }}
{{ range $paginator.Pages }}
{{ .Render "summary" }}
{{ end }}
</div>
</article>
{{ partial "pagination/pagination" . }}
</main>
{{ if $.Param "enableSidebar" }}
<aside class="main-side">
{{ partial "sidebar/sidebar-list" . }}
</aside>
{{ end }}
<script>
enquire.register("screen and (max-width: 769px)", {
match: function () {
if (document.getElementsByTagName('main')[0]) {
document.getElementsByTagName('main')[0].className = "main";
}
if (document.getElementsByTagName('aside')[0]) {
document.getElementsByTagName('aside')[0].className = "hide";
}
},
unmatch: function () {
if (document.getElementsByTagName('main')[0]) {
document.getElementsByTagName('main')[0].className = "main-main";
}
if (document.getElementsByTagName('aside')[0]) {
document.getElementsByTagName('aside')[0].className = "main-side";
}
document.getElementsByClassName('navbar__burger')[0].classList.remove('is-active');
document.getElementsByClassName('navbar__menu')[0].classList.remove('is-active');
document.getElementsByClassName('mobile-search')[0].classList.add('hide');
},
setup: function () { },
deferSetup: true,
destroy: function () { },
});
</script>
{{ partial "script/list-script" . }}
{{ end }}