much better sections

2 files changed, 52 insertions, 49 deletions

diff --git a/dacctal/faq/index.html b/dacctal/faq/index.html
index 50bc31a..7bb08b0 100644
--- a/dacctal/faq/index.html
+++ b/dacctal/faq/index.html
@@ -12,8 +12,8 @@
     <p>once you go dacctal, you never go bacctal. c ‿c</p>
     <br>
 
-    <details class="subtitle">
-      <summary>What I use</summary>
+    <details id="what_i_use" class="subtitle">
+      <summary><a href="#what_i_use">#</a> what_i_use</summary>
       <div class="entries">
         <section class="block">
           <h3>Q: Distro?</h3>
@@ -77,10 +77,9 @@
         </section>
       </div>
     </details>
-    <br>
 
-    <details class="subtitle">
-      <summary>Misc</summary>
+    <details id="misc" class="subtitle">
+      <summary><a href="#misc">#</a> misc</summary>
       <div class="entries">
         <section class="block">
           <h3>Q: Cat?</h3>
diff --git a/dacctal/index.html b/dacctal/index.html
index ef73f47..d38a65a 100644
--- a/dacctal/index.html
+++ b/dacctal/index.html
@@ -12,67 +12,71 @@
     <p>once you go dacctal, you never go bacctal. c ‿c</p>
     <br>
 
-    <details class="subtitle">
-      <summary>Watch My Content!</summary>
+    <details id="my_content" class="subtitle">
+      <summary><a href="#my_content">#</a> my_content</summary>
       <div class="entries">
         <section class="block">
           <h3><a href="https://youtube.com/@dacctal">YouTube</a></h3>
           <h4>[ https://youtube.com/@dacctal ]</h4>
-          <p>> main channel</p>
+          <p>&gt; main channel</p>
         </section>
-        <br>
 
         <section class="block">
           <h3><a href="https://odysee.com/@dacctal">Odysee</a></h3>
           <h4>[ https://odysee.com/@dacctal ]</h4>
-          <p>> libre channel</p>
+          <p>&gt; libre channel</p>
         </section>
       </div>
     </details>
-    <br>
-
-    <h2>Contact Me</h2>
-
-    <section class="block">
-      <h3><a href="xmpp:dacctal@symlinx.net">XMPP</a></h3>
-      <h4>[ dacctal@symlinx.net ]</h4>
-      <p>> contact me here</p>
-    </section>
-    <br>
 
-    <h2>Get Info</h2>
-
-    <section class="block">
-      <h3><a href="./sources">Video Sources</a></h3>
-      <h4>[ <span class="color_blue">-</span><span class="color_green">></span>█ / dacctal / sources ]</h4>
-      <p>> citations for videos</p>
-    </section>
-    <br>
+    <details id="contact_me" class="subtitle">
+      <summary><a href="#contact_me">#</a> contact_me</summary>
+      <div class="entries">
+        <section class="block">
+          <h3><a href="xmpp:dacctal@symlinx.net">XMPP</a></h3>
+          <h4>[ dacctal@symlinx.net ]</h4>
+          <p>&gt; contact me here</p>
+        </section>
+      </div>
+    </details>
 
-    <section class="block">
-      <h3><a href="./faq">FAQ</a></h3>
-      <h4>[ <span class="color_blue">-</span><span class="color_green">></span>█ / dacctal / faq ]</h4>
-      <p>> get answers to your questions</p>
-    </section>
-    <br>
+    <details id="get_info" class="subtitle">
+      <summary><a href="#get_info">#</a> get_info</summary>
+      <div class="entries">
+        <section class="block">
+          <h3><a href="./sources">Video Sources</a></h3>
+          <h4>[ <span class="color_blue">-</span><span class="color_green">></span>█ / dacctal / sources ]</h4>
+          <p>&gt; citations for videos</p>
+        </section>
 
-    <h2>Want to support me?</h2>
+        <section class="block">
+          <h3><a href="./faq">FAQ</a></h3>
+          <h4>[ <span class="color_blue">-</span><span class="color_green">></span>█ / dacctal / faq ]</h4>
+          <p>&gt; get answers to your questions</p>
+        </section>
+      </div>
+    </details>
 
-    <section class="block">
-      <h3>Monero</h3>
-      <p>[ <span class="color_green">86GKqqdZ4WEVreB6HX7oTq6shx4WvYG8zhbEh7j7tbngFkjt8XZgy6Sbq5vExrm9ckC47ByGmLHwxHrApXjQyecjPY7fHWy</span> ]</p>
-      <p>> best option for privacy</p>
-      <p>> no perks</p>
-      <br>
+    <details id="support_me" class="subtitle">
+      <summary><a href="#support_me">#</a> support_me</summary>
+      <div class="entries">
+        <section class="block">
+          <h3>Monero</h3>
+          <p>[ <span class="color_green">86GKqqdZ4WEVreB6HX7oTq6shx4WvYG8zhbEh7j7tbngFkjt8XZgy6Sbq5vExrm9ckC47ByGmLHwxHrApXjQyecjPY7fHWy</span> ]</p>
+          <p>&gt; best option for privacy</p>
+          <p>&gt; no perks</p>
+        </section>
 
-      <h3><a href="https://patreon.com/dacctal">Patreon</a></h3>
-      <p>> bad for privacy</p>
-      <p>> perks:</p>
-      <p>--> vote on videos</p>
-      <p>--> exclusive mumble vcs</p>
-      <p>--> [ optional ] shoutout in outro</p>
-    </section>
-    <br>
+        <section class="block">
+          <h3><a href="https://patreon.com/dacctal">Patreon</a></h3>
+          <p>&gt; bad for privacy</p>
+          <p>&gt; perks:</p>
+          <p>--&gt; vote on videos</p>
+          <p>--&gt; exclusive mumble vcs</p>
+          <p>--&gt; [ optional ] shoutout in outro</p>
+        </section>
+      </div>
+    </details>
 
   </body>
 </html>