hugo/panaetius-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updating TOC

Browse Source
This commit is contained in:
Daniel Tomlinson
2020-07-22 03:18:04 +01:00
parent 5f25e8b2b0
commit e0e96bf8bb
1 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
layouts/post/single.html
View File

@@ -3,13 +3,13 @@
</div> </div>
<main class="content-page container-fluid pt-7 pb-5"> <main class="content-page container-fluid pt-7 pb-5">
{{ $page := . }} {{ $page := . }}
<div class="row"> <div class="row justify-content-around">
<div class="col-lg-8"> <div class="col-lg-7" style="background-color: white;">
{{- with .Resources.Match "images/banner.svg" -}} {{- with .Resources.Match "images/banner.svg" -}}
{{ range . }} {{ range . }}
<div class="row justify-content-center mb-3"> <div class="row justify-content-center mb-3">
<div class="col-lg-10"> <div class="col-lg-10">
<img data-src="{{ .RelPermalink }}" class="img-fluid rounded mx-auto d-block" alt="{{ $page.Title }}" data-aos="zoom-in"> <img data-src="{{ .RelPermalink }}" class="img-fluid rounded mx-auto d-block mt-3" alt="{{ $page.Title }}" data-aos="zoom-in">
</div> </div>
</div> </div>
{{- end -}} {{- end -}}
@@ -70,20 +70,28 @@
</article> </article>
</div> </div>
<div class="col-lg-2" style="background-color: white;">
<div class="sticky-top" style="top: 56px;">
<p class="text-uppercase text-muted pt-2">On this page</p>
<div class="toc-contents">
{{ .TableOfContents }}
</div>
</div>
</div>
<div class="col-12 col-lg-9"> <div class="col-12 col-lg-9">
{{ partial "related.html" $page }} {{ partial "related.html" $page }}
</div> </div>
<div id="" class="col-lg-2 toc-sidebar d-none d-md-block"> {{/* <div id="" class="col-lg-2 toc-sidebar d-none d-md-block">
<aside> <aside>
<h5 class="text-center text-uppercase">Table of contents</h5> <h5 class="text-center text-uppercase">Table of contents</h5>
<div class="toc-contents"> <div class="toc-contents">
{{ .TableOfContents }} {{ .TableOfContents }}
</div> </div>
</aside> </aside>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<img src="/images/icons/Wizard.png" style="width: 50%;" /> <img src="/images/icons/Wizard.png" style="width: 50%;" />
</div> </div>
</div> </div> */}}
</div> </div>
</main> </main>