add toc

static/css/main.css

@@ -70,7 +70,7 @@ a:not(.icon):focus {
   color: #fff;
 }
 
-.icon:hover {
+a.icon:hover {
   transform: translateY(-5px);
   transition: transform .3s ease-in-out;
 }
@@ -178,6 +178,16 @@ main {
   padding: 2px 8px;
 }
 
+details.toc ul {
+  list-style-type: none;
+  padding-inline-start: 1em;
+  margin: 0;
+}
+
+details.toc ul>li {
+  margin: 1em 0;
+}
+
 @keyframes showup {
   from {
     opacity: 0;
@@ -238,4 +248,4 @@ main {
 
 ::-webkit-scrollbar-thumb:active {
   background-color: rgb(128 128 128 / 100%);
-}
+}

static/js/main.js

@@ -14,5 +14,8 @@ window.addEventListener('DOMContentLoaded', function () {
     classList.add(newTheme);
     localStorage.theme = newTheme;
     themeSwitcher.innerHTML = text;
-  })
+  });
+
+
+  
 });