some style update

index.html

@@ -30,10 +30,18 @@
     <h1>// Hex Studios</h1>
     <i>Developer, biker, musician, engineer, and an unapologetic centrist in the deep red south. The real @hexstudios.</i>
 
+    <div id="links-section">
+        <h2>Links</h2>
+        <ul>
+            <li><a href="https://youtube.com/c/hexstudios">YouTube</a></li>
+            <li><a href="https://bellsworne.com">My company - Bellsworne</a></li>
+        </ul>
+    </div>
+
     <div id="sticky-posts-section">
         <h2>Pinned posts</h2>
         <ul>
-            <li><a href="https://hexstudios.co/post.html?file=about.md">About</a></li>
+            <li><a href="https://hexstudios.co/post.html?file=about.md">About | 2026-08-13</a></li>
         </ul>
     </div>
 
@@ -57,7 +65,7 @@
                 posts.forEach(post => {
                     const li = document.createElement('li');
                     const a = document.createElement('a');
-                a.textContent = post.title;
+                    a.textContent = post.title + " | " + post.date;
                     a.href = post.type === 'html'
                     ? 'posts/' + post.file
                     : 'post.html?file=' + encodeURIComponent(post.file);

styles/main.css

@@ -62,15 +62,23 @@ hr {
 
 /* post lists on the main page */
 #posts-section ul,
-#sticky-posts-section ul {
+#sticky-posts-section ul,
+#links-section ul {
   list-style: none;
   padding: 0;
 }
 #posts-section li,
-#sticky-posts-section li {
+#sticky-posts-section li,
+#links-section li {
   margin: 0.5em 0;
 }
 
+#posts-section li::before,
+#sticky-posts-section li::before,
+#links-section li::before {
+    content: "> ";
+}
+
 /* post.html */
 .back-link {
   display: inline-block;