support table of contents.

3 files changed, 45 insertions, 0 deletions

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 91a6855..eba5873 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -20,6 +20,7 @@
     <link rel='stylesheet' href='{{ "css/style.css" | relURL }}' type='text/css' media='all' />
     <link rel='stylesheet' href='{{ "css/custom.css" | relURL }}' type='text/css' media='all' />
     <link rel='stylesheet' href='{{ "css/syntax.css" | relURL }}' type='text/css' media='all' />
+    <link rel='stylesheet' href='{{ "css/toc.css" | relURL }}' type='text/css' media='all' />
     {{ template "_internal/google_analytics.html" . }}
     {{ template "_internal/opengraph.html" . }}
     {{ template "_internal/twitter_cards.html" . }}
diff --git a/layouts/shortcodes/toc.html b/layouts/shortcodes/toc.html
new file mode 100644
index 0000000..6c6e9ca
--- /dev/null
+++ b/layouts/shortcodes/toc.html
@@ -0,0 +1,13 @@
+<div class="toc-box">
+    <div class="toc-label">
+    {{ if eq .Site.LanguageCode "ja" }}
+        {{ printf "目次"}}
+    {{ else }}
+        {{ printf "Contents"}}
+    {{ end }}
+    </div>
+    <div class="toc-chapter">
+    {{- .Page.TableOfContents -}}
+    </div>
+</div>
+
diff --git a/static/css/toc.css b/static/css/toc.css
new file mode 100644
index 0000000..c633923
--- /dev/null
+++ b/static/css/toc.css
@@ -0,0 +1,31 @@
+/* Table of Contents Style */
+
+.toc-box{
+    border: 1px solid #000000;
+    padding: 1em;
+    width:max-content;
+    font-size: 95%;
+}
+
+.toc-label{
+    text-align: center;
+    margin-top: 0px;
+    padding: 0px 6px 0 6px;
+    font-weight: bold;
+}
+
+.toc-chapter #TableOfContents ul > li  {
+    display: block;
+    text-align: left;
+    list-style-type: none;
+}
+
+.toc-chapter #TableOfContents ul >li >ul >li {
+    padding-left: 1em;
+    list-style-type: none;
+}
+
+.toc-chapter #TableOfContents ul >li >ul >li >ul >li {
+    padding-left: 1em;
+    list-style-type: none;
+}