make headers in lore page clickable

me/lore/index.html

@@ -91,7 +91,7 @@
     </div>
     <p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span style="padding-left:11px;">cat index.html</span></p>
     <section>
-        <h1>lore</h1>
+        <h1><a href="#lore">lore</a></h1>
         <h4>like. of ruben. the synth, yknow</h4>
         <p>general "documentation" of my synth characters and extra details and such dumped into this page, so kinda like some glorified fact sheet i suppose.</p>
         <p>if it's not obvious, my synth doesn't exactly follow the <a href="https://synthspecies.com/wiki/Main_Page">"canon" lore</a> of synths. anything not mentioned or described here however should be assumed to be like the original synth.</p>
@@ -110,7 +110,7 @@
     </div>
     <p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span style="padding-left:11px;">cat history</span></p>
     <section>
-        <h2>creation, some history</h2>
+        <h2><a href="#history">creation, some history</a></h2>
         <p><small>the "history" is entirely optional if preferred, and isn't required/always 100% followed.</small></p>
         <p>ruben was made by [creator], originally as a utility to help around his lab. his original state of mind was made by using a model trained from [creator]'s mind, so he shares a good amount of traits and knowledge with [creator].</p>
         <p>their time together was quite short, as after a short while [creator] started experiencing severe depression before shortly after commiting suicide, leaving ruben to take care of everything and suffer. he took heavy mental damage from this with his mind rewired from it, and tried his best to take [creator]'s place, but eventually realized it was too much of a task for himself to carry, and decided to find a way to leave the lab, and make a brand new life entirely on his own.</p>
@@ -128,7 +128,7 @@
     </div>
     <p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span style="padding-left:11px;">cat features</span></p>
     <section>
-        <h2>features (general)</h2>
+        <h2><a href="#features">features (general)</a></h2>
         <p>ruben is fat. a chubby synth. he prefers himself that way.</p>
         <p>his frame is colored mostly with different shades of grey, with highlights and accents of a minty green.</p>
         <p>his head is mostly the visor on the front, with the sort of "jagged mouth" style from the visor. around the front where the pointy "teeth" parts are emits a sleek glow. that part of the visor can also be manipulated to however he feels, to change shape or pointiness of the "teeth". his nostrils are displayed on the visor on the very front, which are accurately placed to where he can smell. <small>don't ask how. he just can.</small></p>
@@ -180,7 +180,7 @@
     </div>
     <p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span style="padding-left:11px;">cat personality</span></p>
     <section>
-        <h2>personality</h2>
+        <h2><a href="#personality">personality</a></h2>
         <p>usually embarassed, quite asocial and always freezes up and feels the need to sob to himself whenever put in the situtation to talk to someone even for just a simple question. only feels comfortable around friends or creatures he thinks are cool. always in between of "wanting to meet more creatures and make friends" but also "afraid of being around others, always assumuing others secretly hate him".</p>
         <p>known to have random mental episodes of all sorts, but friends around him usually know how to deal with it and help him get out of those states. sometimes tends to stay quiet about it, as he "doesn't know what's causing this".</p>
         <p>tries to stay helpful and hopeful for everyone, but it gets tiring trying to do that.</p>