{{ 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 }}