Here is a script to create a clickable table of contents in bomb manual

[zeki]

If you're like me you have trouble getting to the right page on time. I made a bookmarklet script using javascript that creates a simple table of contents that you can click to instantly navigate to any module.

Obviously its not perfect but it does its job

How to use:

Create a bookmark on the bomb defusal manual page. Right click the bookmark to edit it, and replace the URL with the script code (copy paste). Save it. Now, whenever you are on the bomb defusal manual and you click the bookmark, it will run the script.

Here is the script:

javascript:document.getElementById('ManualContent').style.paddingLeft = '240px';var tocHTML = '<div id="toc"><div class="tocbutton" data-target="wires">Simple Wires</div><div class="tocbutton" data-target="button">Button</div><div class="tocbutton" data-target="symbols">Symbols (Keypads)</div><div class="tocbutton" data-target="simon">Simon Says</div><div class="tocbutton" data-target="who">Who First</div><div class="tocbutton" data-target="memory">Memory (Numpad)</div><div class="tocbutton" data-target="morse">Morsecode</div><div class="tocbutton" data-target="compwires">Complicated Wires</div><div class="tocbutton" data-target="wireseq">Wire Sequences</div><div class="tocbutton" data-target="mazes">Mazes</div><div class="tocbutton" data-target="passwords">Passwords</div></div>';document.body.innerHTML += tocHTML;var toc = document.getElementById('toc');toc.style.display = 'inline-block';toc.style.position = 'fixed';toc.style.top = '0';toc.style.left = '0';toc.style.width = '240px';toc.style.padding = '20px 0';toc.style.height = 'calc(100vh - 40px)';toc.style.backgroundColor = '#f0f0f0';toc.style.borderRight = '2px solid #000';var tocbutton = document.getElementsByClassName('tocbutton');for(var i in tocbutton)if(tocbutton.style){tocbutton.style.display = 'inline-block';tocbutton.style.width = '200px';tocbutton.style.padding = '15px 20px';tocbutton.style.cursor = 'pointer';tocbutton.addEventListener('click', function(e){window.location.hash = '#' + e.target.dataset.target;});tocbutton.onmouseenter = function(){this.style.backgroundColor = '#fff';};tocbutton.addEventListener('mouseout',function(){this.style.backgroundColor = '#f0f0f0';});}var h2 = document.getElementsByTagName('h2');idtable = ['nothing', 'wires', 'button', 'symbols', 'simon', 'who', 'memory', 'morse', 'compwires', 'wireseq', 'mazes', 'passwords'];for(var i in h2){h2.id = idtable;}void(0);