added ID h4 for each now

now.css

@@ -19,6 +19,7 @@ div.now {
 .now h2,
 .thread h2 {
   margin: 0 10px;
+  width: calc(100% - 90px);
 }
 .now h2,
 .thread h2 {
@@ -30,6 +31,16 @@ div.now {
   font-size: small;
   color: var(--subtitle);
 }
+.now .postID,
+.thread-update .postID {
+  position: absolute;
+  margin: 5px;
+  top: 10px;
+  right: 15px;
+
+  font-size: small;
+  color: var(--subtitle);
+}
 .now hgroup,
 .thread hgroup {
   margin: 10px 0;
@@ -57,6 +68,7 @@ div.now {
   list-style-type: none;
 }
 .thread-update li {
+  position: relative;
   margin: 10px 0;
   margin-left: 2%;
   padding: 10px;

now.html

@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="now.css" />
     <script src="res/asset-js-audio.js"></script>
+    <script src="res/asset-js-now.js"></script>
 
     <link
       rel="icon"
@@ -142,6 +143,7 @@
           <h1>Hello!</h1>
           <h2>Losing Momentum Happens</h2>
           <h3>2025-03-13T15:00Z</h3>
+          <h4 class="postID"></h4>
         </hgroup>
         <p>
           While I didn't stop maintaining habits, I haven't posted here nearly
@@ -171,6 +173,7 @@
           <h1>Enjoy Art!!!</h1>
           <h2>You shed pieces of joy whenever art is ignored</h2>
           <h3>2025-03-07T21:00Z</h3>
+          <h4 class="postID"></h4>
         </hgroup>
         <p>
           My life has been undeniably improved the moment I decided all art is
@@ -185,6 +188,7 @@
           <h1>Huge Project Progress</h1>
           <h2>Music Making Machine!</h2>
           <h3>2025-03-06</h3>
+          <h4 class="postID"></h4>
         </hgroup>
         <p>
           I made some incredible progress on 3 tracks I've been working on for
@@ -221,6 +225,7 @@
           <h1>Consistency is Easy</h1>
           <h2>Thinking About it Is When You Make Excuses</h2>
           <h3>2025-03-05T20:00Z</h3>
+          <h4 class="postID"></h4>
         </hgroup>
         <p>
           Just doing the thing to maintain a habit is actually easy and simple,
@@ -247,6 +252,7 @@
             >) editing and maintanence
           </h2>
           <h3>2025-03-04</h3>
+          <h4 class="postID"></h4>
         </hgroup>
         <p>
           Had my first playthrough of
@@ -275,6 +281,7 @@
             <h1>'Chest'</h1>
             <h2>A Preview</h2>
             <h3>2025-02-28T10:30Z</h3>
+            <h4 class="postID"></h4>
           </hgroup>
           <audio preload="none" controls="">
             <source src="res/prvw-mus-2025-02-28-chest.ogg" type="audio/ogg" />
@@ -303,6 +310,7 @@
               <h1>'Chest' Update</h1>
               <h2>With new but <em>non-final</em> lyrics</h2>
               <h3>2025-03-02T11:30Z</h3>
+              <h4 class="postID"></h4>
             </hgroup>
             <audio preload="none" controls="">
               <source
@@ -352,6 +360,7 @@
           <h1>Persistence</h1>
           <h2>Maintenance and Growth</h2>
           <h3>2025-02-27T07:00Z</h3>
+          <h4 class="postID"></h4>
         </hgroup>
         <p>Keeping the momentum. Feeling proud. Continue.</p>
       </section>
@@ -361,6 +370,7 @@
           <h1>'Structure of Reality'</h1>
           <h2>Maintenance and Growth</h2>
           <h3>2025-02-25T13:30Z</h3>
+          <h4 class="postID"></h4>
         </hgroup>
         <p>Who do I want to continue to be, who do I want to become. Devote.</p>
       </section>
@@ -370,6 +380,7 @@
           <h1>Music and Code</h1>
           <h2>Self-Referential Post - Woohoo!</h2>
           <h3>2025-02-24T21:00Z</h3>
+          <h4 class="postID"></h4>
         </hgroup>
         <p>
           Making this page and Listening to

res/asset-js-now.js

@@ -0,0 +1,24 @@
+function nowPostID() {
+  // Thread Parents
+  let IDs = document.getElementsByClassName("now");
+
+  for (let i = 0; i < IDs.length; i++) {
+    IDs[i].getElementsByTagName("h4")[0].innerHTML = "#" + IDs[i].id;
+  }
+
+  // Thread Children
+  IDs = document.getElementsByClassName("thread-update");
+
+  for (let i = 0; i < IDs.length; i++) {
+    for (let k = 0; k < IDs[i].getElementsByTagName("li").length; k++) {
+      IDs[i]
+        .getElementsByTagName("li")
+        [k].getElementsByTagName("h4")[0].innerHTML =
+        "#" + IDs[i].getElementsByTagName("li")[k].id;
+    }
+  }
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+  nowPostID(document.body);
+});