feat: added table of contents

Author: ErikBjare

Gemfile

@@ -1,16 +1,14 @@
 source "https://rubygems.org/"
 
 gem 'jekyll', '~>4.0'
-gem 'jekyll-sitemap'
-gem 'jekyll-compose'
 
 group :jekyll_plugins do
   gem 'jekyll-last-modified-at'
-
   gem "jekyll-redirect-from", "~> 0.16.0"
-
   gem 'jekyll-pug'
-
   gem 'jekyll-feed'
+  gem 'jekyll-sitemap'
+  gem 'jekyll-compose'
+  gem 'jekyll-toc'
 end
 

Gemfile.lock

@@ -48,6 +48,9 @@ GEM
       sass-embedded (~> 1.54)
     jekyll-sitemap (1.4.0)
       jekyll (>= 3.7, < 5.0)
+    jekyll-toc (0.18.0)
+      jekyll (>= 3.9)
+      nokogiri (~> 1.12)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
     kramdown (2.4.0)
@@ -61,6 +64,10 @@ GEM
     memoist (0.16.2)
     mercenary (0.4.0)
     method-not-implemented (1.0.1)
+    mini_portile2 (2.8.4)
+    nokogiri (1.15.4)
+      mini_portile2 (~> 2.8.2)
+      racc (~> 1.4)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     posix-spawn (0.3.15)
@@ -70,6 +77,7 @@ GEM
       memoist (~> 0.15)
       method-not-implemented (~> 1.0, >= 1.0.1)
       regexp-match-polyfill (~> 1.0, >= 1.0.2)
+    racc (1.7.1)
     rake (13.0.6)
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
@@ -97,6 +105,7 @@ DEPENDENCIES
   jekyll-pug
   jekyll-redirect-from (~> 0.16.0)
   jekyll-sitemap
+  jekyll-toc
 
 BUNDLED WITH
    2.1.0

_config.yml

@@ -40,3 +40,4 @@ plugins:
  - jekyll-pug
  - jekyll-feed
  - jekyll-sitemap
+ - jekyll-toc

_includes/post.html

@@ -17,8 +17,17 @@ <h1 class="card-title"><a href="{{ page.url }}">{{ page.title }}</a></h1>
         </div>
     </header>
 
+    {% if page.toc %}
+    <details class="toc small">
+        <summary class="py-2 font-weight-bold">Table of Contents</summary>
+        <div class="mt-2">
+            {{ include.content | toc_only }}
+        </div>
+    </details>
+    {% endif %}
+
     <div class="post-content" itemprop="articleBody">
-        {{ include.content }}
+        {{ include.content | inject_anchors }}
     </div>
 
     <div class="footer">

_posts/2023-08-30-future-of-time-tracking.md

@@ -4,6 +4,7 @@ title: "The Future of Time Tracking: AI, Privacy, and Personalization"
 date: 2023-08-30 15:57 +0200
 author: "Erik Bjäreholt"
 author_twitter: "ErikBjare"
+toc: true
 ---
 
 ## Introduction

_sass/_layout.scss

@@ -185,3 +185,10 @@
         }
     }
 }
+
+.toc {
+    border: 1px solid $grey-color-light;
+    border-collapse: collapse;
+    border-radius: 3px;
+    margin: $spacing-unit 0;
+}