quartz/layouts/index.html
2022-07-14 13:42:19 +01:00

69 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="{{ .Lang }}">
{{ partial "head.html" . }}
<body class="singlePage">
{{partial "search.html" .}}
{{if $.Site.Data.config.enableColumnLayout}}
<div r-c join> <!-- r-c = Responsive Columns with flexbox -->
<main data-lg1-2 data-lg2 data-m2 data-sm1 data-xs1>
{{else}}
<main class="singlePage-oldLayout">
{{end}}
<!-- Begin actual content -->
{{partial "header.html" .}}
<article>
{{partial "toc.html" .}}
{{partial "textprocessing.html" . }}
{{if $.Site.Data.config.enableRecentNotes}}
{{partial "recent.html" . }}
{{end}}
</article>
{{if not $.Site.Data.config.enableColumnLayout}}
{{partial "footerIndex.html" .}}
{{partial "contact.html" .}}
{{end}}
</main>
{{if $.Site.Data.config.enableColumnLayout}}
<nav data-sm1-2 data-md1-2 data-lg1-4 data-lg1 data-m1 data-sm2 data-xs3>
<div class="sticky page-end vertical">
<h3> Menu</h3>
<div class="menu-toc">
<ol class="tree">
{{partial "menu-hugo.html" .}}
</ol>
</div>
</div>
</nav>
<aside data-sm1-2 data-md1-2 data-lg1-4 data-lg3 data-m3 data-sm3 data-xs2>
<div class="sticky">
<div class="page-end vertical">
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">&times;</span>
<div id="graph-container-modal"></div>
</div>
</div>
</div>
{{partial "footer.html" .}}
</div>
</aside>
</div>
<footer r-c data-join> <!-- r-c = Responsive Columns with flexbox -->
<div c1-1> <!-- c1-1 = 1 column of width 1/1 = 100% -->
{{partial "contact.html" .}}
</div>
</footer>
{{end}}
</body>
</html>