add header for comment sections of webmentions

1 files changed, 21 insertions, 0 deletions

diff --git a/micro.pinapelz.moe/posts/2025-12-02-china-town-fair/index.html b/micro.pinapelz.moe/posts/2025-12-02-china-town-fair/index.html
index 88ce868..691974c 100644
--- a/micro.pinapelz.moe/posts/2025-12-02-china-town-fair/index.html
+++ b/micro.pinapelz.moe/posts/2025-12-02-china-town-fair/index.html
@@ -217,6 +217,17 @@
 }
 
  
+.wm-comments-header {
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--titlecolor);
+  margin-bottom: 0.5rem;
+  margin-top: 1rem;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+ 
 .wm-regular {
   display: flex;
   flex-direction: column;
@@ -289,6 +300,10 @@
   .wm-reaction-title {
     font-size: 1rem;
   }
+
+  .wm-comments-header {
+    font-size: 1rem;
+  }
 }
 </style>
 
@@ -412,6 +427,12 @@ async function loadMentions() {
   const regularMentionsToShow = [...replies, ...regularMentions];
 
   if (regularMentionsToShow.length > 0) {
+    
+    const commentsHeader = document.createElement("div");
+    commentsHeader.className = "wm-comments-header";
+    commentsHeader.textContent = "Comments";
+    container.appendChild(commentsHeader);
+
     const regularDiv = document.createElement("div");
     regularDiv.className = "wm-regular";