Better Toc and add gotop link

composer.json

@@ -1,6 +1,6 @@
 {
     "require": {
         "erusev/parsedown": "^1.7",
-        "keinos/parsedown-toc": "dev-master"
+        "hoegh/parsedown-toc": "^1.3"
     }
 }

css/main.css

@@ -8,16 +8,20 @@
             "menu main toc"
             "footer footer footer";
     }
-
-    .toc>* {
-        position: fixed;
 }
+
+html {
+    scroll-behavior: smooth;
   }
 
 body {
     max-width: 1000px;
 }
 
+.backTop {
+    content: "test";
+}
+
 .menu {
     grid-area: menu;
     font-size: .9rem;
@@ -30,6 +34,7 @@ body {
 .toc {
     grid-area: toc;
     font-size: .9rem;
+    overflow: scroll;
 }
 
 .toc ul {

index.php

@@ -26,13 +26,16 @@ if (empty($file) || !file_exists('content/' . urldecode($dir) . '/' . urldecode(
 $Parsedown = new ParsedownToc();
 
 $content = file_get_contents('content/' . urldecode($dir) . '/' . urldecode($file) . '.md');
+$options = array('selectors' => array('h2', 'h3'));
 
-$Parsedown = new ParsedownToc();
+$Parsedown = new ParsedownToc($options);
 $body      = $Parsedown->text($content);
 $toc       = $Parsedown->contentsList();
 
 $body = str_replace("[ ]", '<input type="checkbox" disabled>', $body);
 $body = str_replace("[x]", '<input type="checkbox" checked disabled>', $body);
+$body = str_replace("</h2>", ' <a href="#" class="backTop">⬆️</a></h2>', $body);
+$body = str_replace("</h3>", ' <a href="#" class="backTop">⬆️</a></h3>', $body);
 
 require 'tpl/header.html';
 require 'tpl/aside.html';