93 lines
3.5 KiB
HTML
93 lines
3.5 KiB
HTML
{{ define "main" }}
|
|
|
|
<main class="single__main {{ if or ($.Param "enableToc") ($.Param "toc") }}{{ if $.Param "hideToc" }}main{{ else if eq ($.Param "tocPosition") "outer" }}main{{ else }}main-main{{ end }}{{ else }}main{{ end }}">
|
|
{{ if $.Param "enableBreadcrumb" }}
|
|
{{ partial "body/breadcrumb" . }}
|
|
{{ end }}
|
|
<div class="single">
|
|
<h2 class="single__title">{{ .Title }}</h2>
|
|
<div class="single__meta">
|
|
{{ partial "body/infos" . }}
|
|
{{ partial "body/tags" . }}
|
|
</div>
|
|
<article class="single__contents" data-dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">
|
|
{{ partial "body/toc" . }}
|
|
{{ .Content }}
|
|
</article>
|
|
{{ partial "body/share" . }}
|
|
{{ partial "body/donation" . }}
|
|
{{ partial "body/whoami" . }}
|
|
{{ partial "body/related" . }}
|
|
{{ partial "pagination/pagination-single" . }}
|
|
{{ partial "comments/comments.html" . }}
|
|
{{ partial "body/photoswipe" . }}
|
|
|
|
<div class="hide">
|
|
{{ partial "search/site-search" . }}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
{{ if and (or ($.Param "enableToc") ($.Param "toc")) (ne ($.Param "tocPosition") "outer") }}
|
|
<aside class="single__side {{ if or ($.Param "enableToc") ($.Param "toc") }}main-side{{ end }}">
|
|
{{ partial "sidebar/sidebar-single" . }}
|
|
</aside>
|
|
{{ end }}
|
|
<script>
|
|
{{ $enableToc:= $.Param "enableToc" }}
|
|
{{ $toc:= $.Param "toc" }}
|
|
{{ $tocPosition:= $.Param "tocPosition" }}
|
|
|
|
var enableToc = JSON.parse({{ $enableToc | jsonify }});
|
|
var toc = JSON.parse({{ $toc | jsonify }});
|
|
var tocPosition = JSON.parse({{ $tocPosition | jsonify }});
|
|
|
|
var singleMainElem = document.querySelector('.single__main');
|
|
var singleSideElem = document.querySelector('.single__side');
|
|
|
|
enquire.register("screen and (max-width: 769px)", {
|
|
match: function () {
|
|
if ((enableToc || toc) && tocPosition !== "outer") {
|
|
if (singleMainElem && singleSideElem) {
|
|
singleMainElem.classList.remove('main-main');
|
|
singleMainElem.classList.add('main');
|
|
singleSideElem.classList.remove('main-side');
|
|
singleSideElem.classList.add('hide');
|
|
}
|
|
} else if (tocPosition === "outer") {
|
|
if (singleMainElem && !singleMainElem.classList.contains('main-main')) {
|
|
singleMainElem.classList.remove('main-main');
|
|
singleMainElem.classList.add('main');
|
|
}
|
|
if (singleSideElem && !singleSideElem.classList.contains('hide')) {
|
|
singleSideElem.classList.add('hide');
|
|
}
|
|
}
|
|
},
|
|
unmatch: function () {
|
|
if ((enableToc || toc) && tocPosition !== "outer") {
|
|
singleMainElem.classList.remove('main');
|
|
singleMainElem.classList.add('main-main');
|
|
singleSideElem.classList.remove('hide');
|
|
singleSideElem.classList.add('main-side');
|
|
} else if (tocPosition === "outer") {
|
|
if (singleMainElem && !singleMainElem.classList.contains('main-main')) {
|
|
singleMainElem.classList.remove('main-main');
|
|
singleMainElem.classList.add('main');
|
|
}
|
|
if (singleSideElem && !singleSideElem.classList.contains('hide')) {
|
|
singleSideElem.classList.add('hide');
|
|
}
|
|
}
|
|
|
|
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/single-script" . }}
|
|
{{ end }} |