remove inline css

themes/DeepThought/sass/deep-thought.sass

@@ -525,13 +525,16 @@ body[theme="dark"]
 section
     flex: 1
 
-
 img[theme="dark"],
 picture[theme="dark"],
 video[theme="dark"],
 pre[theme="dark"]
     filter: invert(1) hue-rotate(180deg)
 
+.menu
+  position: sticky 
+  top: 48px
+
 #image-gay
   width: auto
   height: auto

themes/DeepThought/static/js/site.js

@@ -11,8 +11,7 @@
 
   function isVisible(tocIndex) {
     const current = navSections[tocIndex];
-    const next = tocIndex < tocItems.length - 1 ? navSections[tocIndex + 1]
-      : document.querySelectorAll("section.section").item(1);
+    const next = tocIndex < tocItems.length - 1 ? navSections[tocIndex + 1] : document.querySelector("section.section").nextElementSibling;
 
     const c = current.getBoundingClientRect();
     const n = next.getBoundingClientRect();

themes/DeepThought/templates/page.html

@@ -45,7 +45,7 @@
       </div>
       {% if page.extra.toc %}
       <div class="column is-2 is-hidden-mobile">
-        <aside class="menu" style="position: sticky; top: 48px">
+        <aside class="menu">
           <p class="heading has-text-weight-bold">Contents</p>
           <ul class="menu-list">
             {% for h1 in page.toc %}