Change ToC

public/contact.html

@@ -10,7 +10,9 @@
 <h1>/blankx/contact.html</h1>
 <p class='green'>Now with <a href='https://github.com/ForkAwesome/Fork-Awesome'>Fork Awesome</a></p>
 <br>
+<div id='tocid' class='tocclass' width=100%>
 <iframe width=100% height=10% src='toc.html'></iframe>
+</div>
 <br>
 <noscript>
 <p class='red'>Warning: Javascript is disabled, so you can't use the built in chat</p>
@@ -52,5 +54,6 @@ window.intergramCustomizations = {
 };
 </script>
 <script id="intergram" type="text/javascript" src="https://www.intergram.xyz/js/widget.js"></script>
+<script src='toc.js'></script>
 </body>
 </html>

public/get-keys.html

@@ -9,7 +9,9 @@
 <h1>/blankx/get-keys.html</h1>
 <p class='green'>I don't know what a "static site generator" is</p>
 <br>
+<div id='tocid' class='tocclass' width=100%>
 <iframe width=100% height=10% src='toc.html'></iframe>
+</div>
 <br>
 <h2>The keyserver way:</h2>
 <ul>
@@ -66,5 +68,6 @@
 <li><code>gpg --import keyname</code>, like <code>gpg --import blankX.asc</code></li>
 </ul>
 <!-- </div> -->
+<script src='toc.js'></script>
 </body>
 </html>

public/index.css

@@ -64,3 +64,8 @@ div.container {
 p.black {
 	color: black;
 }
+div.tocclass, iframe {
+/*	display: flex;
+	box-sizing: border-box; */
+	width: 100%;
+}

public/index.html

@@ -9,11 +9,14 @@
 <h1>/blankx/index.html</h1>
 <p class='green'>Now simpler!</p>
 <br>
-<iframe width=100% height=10% src='toc.html'></iframe>
+<div id='tocid' class='tocclass' width=100%>
+<iframe width=100% height=50% src='toc.html'></iframe>
+</div>
 <br>
 <p>I'm <code>blank.age</code> years old. I love Linux, hate Windows, cake day (birthday) is at February 23. Did you know that this website support <a href='http://atrey.karlin.mff.cuni.cz/~clock/twibright/links'><code>links</code></a>?</p>
 <p>I don't know what to put here :laughing: <!-- I want this website to support links --> I meant to copy <a href='https://webionite.com'>webionite.com</a>'s text but, at the time of writing, I don't have internet.</p>
 <i class='white'>[please add icons or something]</i>
 </div>
+<script src='toc.js'></script>
 </body>
 </html>

public/redir/blankx

@@ -10,8 +10,11 @@
 <h1>/blankx/redir/blankx</h1>
 <p class='green'>OwO redirect</p>
 <br>
+<div id='tocid' class='tocclass' width=100%>
 <iframe width=100% height=10% src='../toc.html'></iframe>
+</div>
 <br>
 <p>Redirecting to <a href='https://gitlab.com/blankx/blankx.gitlab.io'>https://gitlab.com/blankx/blankx.gitlab.io</a> in 5 seconds.</p>
+<script src='toc.js'></script>
 </body>
 </html>

public/redir/command-runner

@@ -10,8 +10,11 @@
 <h1>/blankx/redir/command-runner</h1>
 <p class='green'>OwO redirect</p>
 <br>
+<div id='tocid' class='tocclass' width=100%>
 <iframe width=100% height=10% src='../toc.html'></iframe>
+</div>
 <br>
 <p>Redirecting to <a href='https://gitlab.com/blankx/command-runner-bot'>https://gitlab.com/blankx/command-runner-bot</a> in 5 seconds.</p>
+<script src='toc.js'></script>
 </body>
 </html>

public/redir/controller

@@ -10,8 +10,11 @@
 <h1>/blankx/redir/controller</h1>
 <p class='green'>OwO redirect</p>
 <br>
+<div id='tocid' class='tocclass' width=100%>
 <iframe width=100% height=10% src='../toc.html'></iframe>
+</div>
 <br>
 <p>Redirecting to <a href='https://gitlab.com/blankx/controller-thingy'>https://gitlab.com/blankx/controller-thingy</a> in 5 seconds.</p>
+<script src='toc.js'></script>
 </body>
 </html>

public/redir/dotfiles

@@ -10,8 +10,11 @@
 <h1>/blankx/redir/dotfiles</h1>
 <p class='green'>OwO redirect</p>
 <br>
+<div id='tocid' class='tocclass' width=100%>
 <iframe width=100% height=10% src='../toc.html'></iframe>
+</div>
 <br>
 <p>Redirecting to <a href='https://gitlab.com/blankx/dotfiles'>https://gitlab.com/blankx/dotfiles</a> in 5 seconds.</p>
+<script src='toc.js'></script>
 </body>
 </html>

public/redir/gpgp

@@ -10,8 +10,11 @@
 <h1>/blankx/redir/gpgp</h1>
 <p class='green'>OwO redirect</p>
 <br>
+<div id='tocid' class='tocclass' width=100%>
 <iframe width=100% height=10% src='../toc.html'></iframe>
+</div>
 <br>
 <p>Redirecting to <a href='https://gitlab.com/blankx/gpgp'>https://gitlab.com/blankx/gpgp</a> in 5 seconds.</p>
+<script src='toc.js'></script>
 </body>
 </html>

public/template.html

@@ -9,8 +9,11 @@
 <h1>/blankx/template.html</h1>
 <p class='green'>A template which makes it easier for me to add more pages</p>
 <br>
+<div id='tocid' class='tocclass' width=100%>
 <iframe width=100% height=10% src='toc.html'></iframe>
+</div>
 <br>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+<script src='toc.js'></script>
 </body>
 </html>

public/toc.js

@@ -0,0 +1 @@
+document.getElementById("tocid").innerHTML = "<p>sensible-browser /blankx/{{<a href='index.html'>index</a>,<a href='contact.html'>contact</a>,<a href='get-keys.html'>get-keys</a>,<a href='template.html'>template</a>,<a href='404.html'>404</a>,<a href='403.html'>403</a>,<a href='toc.html'>toc</a>}.html,redir/{<a href='redir/blankx'>blankx</a>,<a href='redir/dotfiles'>dotfiles</a>,<a href='redir/gpgp'>gpgp</a>,<a href='redir/controller'>controller</a>,<a href='redir/command-runner'>command-runner</a>},<a href='keybase.txt'>keybase.txt</a>}</p>";