feat: ✨ added TOC :D

www/static/styles/toc.css

@@ -1,10 +1,25 @@
+
 .table_of_contents {
   position: sticky;
   float: left;
   
-  top: 3em;
+  top: 0px;
   
-  width: 20em;
+  width: calc(var(--content-margin) - 2em);
+  margin-left: 2em;
+  
+  padding-top: 0.8em;
+  padding-right: 0.5em;
+  
+  padding-bottom: 0.5em;
+  border-radius: 0 0em 0em 0.5em;
+  
+  box-shadow: -0.2em 0.2em 0.2em black;
+  
+  --toc-fg: #cecece;
+  --toc-bg: #EE901544;
+  
+  background-color: var(--bg_2);
   
   & a {
     display: inline-block;
@@ -19,23 +34,29 @@
     padding-right: 0.2em;
     padding-bottom: 0.2em;
     
-    border-radius: 0.2em;
+
+    
+    color: var(--toc-fg) !important;
   }
   
   & .active {
-    background-color: var(--highlight_1);
-    color: var(--bg_1);
+    background-color: var(--toc-bg);
+    border-bottom: 1px solid var(--highlight_1);
+    
+    transition: all 0.2s;
   }
   
   & ol {
     padding-left: 0.5em;
     
     list-style: none;
-    
-    border-left: 1px solid #FFFFFF44;
   }
   
   & li {
+    border-radius: 0.2em;
+    border-bottom: 1px solid transparent;
+    
     margin-bottom: 0.2em;
+    transition: all 1s;
   }
 }