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

Adding TOC

Browse Source
This commit is contained in:
Daniel Tomlinson
2020-06-08 03:34:08 +01:00
parent ffb038929c
commit d369ecf296
2 changed files with 34 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
layouts/post/single.html
View File

@@ -1,11 +1,11 @@
{{ define "main" }}
<main class="content-page container pt-7 pb-5">
<main class="content-page container-fluid pt-7 pb-5">
{{ $page := . }}
<div class="row">
<div class="col">
<div class="col-lg-8">
<article>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="col-lg-9">
<div class="meta text-muted mb-3">
<p class="created text-muted text-uppercase font-weight-bold mb-1">{{ $page.Date.Format "January 2, 2006" }}</p>
<span class="mr-2"><i class="fas fa-book-open mr-2"></i>{{ $page.WordCount }} words</span>
@@ -30,7 +30,7 @@
{{- with $page.Params.tags -}}
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="col-lg-9">
<div class="tags my-3">
{{- range . -}}
<a class="badge badge-pill badge-light border mr-2" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">
@@ -41,9 +41,8 @@
</div>
</div>
{{- end -}}
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="col-lg-9">
<div class="content">
{{ $page.Content }}
</div>
@@ -52,15 +51,9 @@
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
{{ template "_internal/disqus.html" . }}
</div>
</div>
{{- if .Site.Params.commento.enable -}}
<div class="row justify-content-center my-3">
<div class="col-lg-8">
<div class="col-lg-6">
<div id="commento"></div>
<script src="{{ .Site.Params.commento.url }}"></script>
</div>
@@ -68,6 +61,12 @@
{{- end -}}
</article>
</div>
<div id="" class="col-lg-2 toc-sidebar">
<aside>
<h5 class="text-center">Table of contents</h5>
{{ .TableOfContents }}
</aside>
</div>
</div>
{{ partial "related.html" $page }}

15
src/scss/toc.scss Normal file
View File

@@ -0,0 +1,15 @@
div.toc-sidebar {
position: fixed;
right: 0;
background-color: rgb(245,245,245);
height: 100%;
margin-top: -500%;
padding-top: 500%;
padding-bottom: 500%;
margin-right: 5%;
& li {
list-style: none;
padding-bottom: 5px;
}
}