Add h4 to table of contents

[Downloads/TASmod] Update headings and add toc

Author: ScribbleTAS

content/downloads/playback/tasmod.md

@@ -6,6 +6,7 @@ description: "The main playback mod, currently only for version 1.12.2"
 weight: 02020100
 next: false
 prev: false
+toc: true
 ---
 
 {{<rawhtml>}}
@@ -16,17 +17,17 @@ A [Tool-Assisted Speedrun](https://tasvideos.org/WelcomeToTASVideos) mod for Min
 Adds tools such as input playback, slowdown and savestates for creating TASes,  
 which aim to beat the game as fast as possible.
 
-# Installation
+## Installation
 This mod uses the modloader [LegacyFabric](https://legacyfabric.net/), a fork of [Fabric](https://fabricmc.net/) for versions below 1.14.4.  
 **Does NOT need LegacyFabric-API**
-# Features  
-## Playback
+## Features  
+### Playback
 This mod can record and play back
 - The entire keyboard, minus TASmod keybinds (see below).
 - Gui-Screens like crafting, the pause menu and the main menu! (Except the keybinding screen)
 - Any screen size and window size (No warranties here...)
 
-### Commands
+#### Commands
 `/record` - Start a recording. This will record inputs to RAM. Closing the game will empty these inputs.  
 `/play` - Start to play back the stored inputs.  
 `/save <filename>` - Save stored inputs to a file.  
@@ -40,26 +41,26 @@ This mod can record and play back
 
 `/filecommand <filecommandname>` - Enables/Disables certain FileCommands in the TASfile, which are special lines in the TASfile that will trigger actions, when the playback reaches over that point.  
 `/folder <tasfiles|savestates>` - Opens the folder for tasfiles or savestates in the file explorer
-### Keybinds
+#### Keybinds
 <kbd>F10</kbd> - Stops either a playback or a recording.  
 
-## Savestate
-### Commands
+### Savestate
+#### Commands
 `/savestate` - Prints a full guide to the savestate command in chat.
-### Keybinds
+#### Keybinds
 <kbd>J</kbd> - Make a new savestate.  
 <kbd>K</kbd> - Load the most recent savestate.
 
-## Tickratechanger (Slowdown)
-### Commands
+### Tickratechanger (Slowdown)
+#### Commands
 `/tickrate <ticks/second>` - Changes the game speed. Default is 20, anthing below will slow the game down, anything above will speed it up.
-### Keybinds
+#### Keybinds
 <kbd>.</kbd> - Increases the tickrate in steps  
 <kbd>,</kbd> - Decreases the tickrate in steps  
 <kbd>F8</kbd> - Enter "Tickrate 0". The game is paused but you can still look around.  
 <kbd>F9</kbd> - While in tickrate 0, advance the tick by 1. By holding keyboardkeys, you can make inputs while tickadvancing.
 
-## Multiplayer support
+### Multiplayer support
 **Important:** This is **NOT** a clientside mod, a server side installation is required a.k.a This doesn't work on Hypixel, 2b2t etc. These servers will **NEVER** be supported.
 
 Record TASes with friends! Needs operator permissions to run tasmod related commands.  
@@ -69,10 +70,10 @@ Record TASes with friends! Needs operator permissions to run tasmod related comm
 /fullrecord, /fullplay and /restartandplay are not guaranteed to work in multiplayer at this time.
 {{</note>}}
 
-## HUD
+### HUD
 When ingame, hitting <kbd>F6</kbd> will show you options for customising your HUD, with monitoring options and more. Even more options are available when KillTheRNG is installed. 
 
-# Credits  
+## Credits  
 Author of the original prototype: [tr7zw](https://github.com/tr7zw/MC-TASmod)  
 Main Mod Author: Scribble  
 

hugo.toml

@@ -19,4 +19,6 @@ title = 'Home'
     noClasses = false
     tabWidth = 4
   [markup.goldmark]
-    renderer.unsafe = true
+    renderer.unsafe = true
+  [markup.tableOfContents]
+    endLevel = 4

static/js/toc-highlighter.js

@@ -1,7 +1,7 @@
 const observer = new IntersectionObserver(entries => {
 	entries.forEach(entry => {
 	  const id = entry.target.getAttribute('id');
-	  const element = document.querySelector(`nav li a[href="#${id}"]`)
+	  const element = document.querySelector(`#TableOfContents a[href="#${id}"]`)
 	  if (!element){
 		  return
 	  }
@@ -14,6 +14,6 @@ const observer = new IntersectionObserver(entries => {
 });
 
 // Track all sections that have an `id` applied
-document.querySelectorAll('h2[id], h3[id]').forEach((section) => {
+document.querySelectorAll('h2[id], h3[id], h4[id]').forEach((section) => {
 	observer.observe(section);
 });