From f057ea29d624cadc6b01c33bea61f150b052de62 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Wed, 15 Jul 2026 17:52:20 +0200
Subject: [PATCH] QoL enhacement

---
 public/s/css/f0ckm.css         | 11 +++++++++++
 public/s/js/f0ckm.js           |  9 +++++++++
 views/item-partial-legacy.html |  4 ++--
 views/item-partial-modern.html |  2 +-
 4 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index ea65033..0255f6f 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -13454,6 +13454,17 @@ textarea#profile_description {
   letter-spacing: 0.5px;
 }
 
+.timestamp-link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.timestamp-link:hover {
+  text-decoration: underline;
+  color: var(--accent);
+}
+
+
 .user-infobox-description {
   font-size: 0.9em;
   line-height: 1.5;
diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js
index c675821..9af707a 100644
--- a/public/s/js/f0ckm.js
+++ b/public/s/js/f0ckm.js
@@ -848,6 +848,15 @@ window.cancelAnimFrame = (function () {
     }
   });
 
+  // Prevent left-click navigation on timestamp links
+  document.addEventListener('click', (e) => {
+    if (e.target.closest('.timestamp-link')) {
+      e.preventDefault();
+      e.stopPropagation();
+      e.stopImmediatePropagation();
+    }
+  }, true);
+
   // Modal Logic (Login, Forgot, Reset, Register)
   const loginBtn = document.getElementById('nav-login-btn');
   const loginModal = document.getElementById('login-modal');
diff --git a/views/item-partial-legacy.html b/views/item-partial-legacy.html
index f8d05b7..9ba7d38 100644
--- a/views/item-partial-legacy.html
+++ b/views/item-partial-legacy.html
@@ -102,7 +102,7 @@
                             <div class="user-infobox-username-container">
                                 <a id="a_username" data-username="{{ item.username || '' }}" data-author-id="{{ item.author_id || '' }}" href="/user/{{ (item.username || '').toLowerCase() }}" tooltip="ID: {{ item.author_id }}" class="user-infobox-username">{!! item.author_display_name || item.username !!}</a>
                             </div>
-                            <span class="user-infobox-timestamp"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{item.timestamp.timeago }}</time></span>
+                            <span class="user-infobox-timestamp"><a href="/{{ item.id }}" class="timestamp-link"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{item.timestamp.timeago }}</time></a></span>
                         </div>
                         <div class="user-infobox-description">
                             {!! item.author_description || '' !!}
@@ -117,7 +117,7 @@
                     @if(!user_alternative_infobox) — [<a id="a_username" data-username="{{ item.username || '' }}" @if(session) data-author-id="{{ item.author_id || '' }}" @endif href="/user/{{ (item.username || '').toLowerCase() }}" @if(session && item.author_id) tooltip="ID: {{ item.author_id }}" @endif @if(item.author_color) style="color: {{ item.author_color }}" @endif>{!! item.author_display_name || item.username || 'unknown' !!}</a>] @endif
                     @if(item.is_oc)@if(!user_alternative_infobox) — @endif<span class="oc-badge" tooltip="Original Content">OC</span>@endif
                 </span>
-                @if(!user_alternative_infobox) — <span class="badge badge-dark"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{item.timestamp.timeago }}</time></span>@if(halls_enabled && item.primaryHall) — @endif @endif
+                @if(!user_alternative_infobox) — <span class="badge badge-dark"><a href="/{{ item.id }}" class="timestamp-link"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{item.timestamp.timeago }}</time></a></span>@if(halls_enabled && item.primaryHall) — @endif @endif
                 @if(halls_enabled && item.primaryHall)
                 <span class="badge hall-badge-wrap">
                     <a href="/h/{{ item.primaryHall.slug }}" class="hall-badge-primary"><i class="fa-solid fa-layer-group"></i> {{ item.primaryHall.name }}</a>@if(item.otherHalls && item.otherHalls.length)<span class="hall-overflow-pill">+{{ item.otherHalls.length }}<span class="hall-overflow-tooltip">@each(item.otherHalls as oh)<a href="/h/{{ oh.slug }}">{{ oh.name }}</a>@endeach</span></span>@endif
diff --git a/views/item-partial-modern.html b/views/item-partial-modern.html
index 7d5c13c..5b9ba69 100644
--- a/views/item-partial-modern.html
+++ b/views/item-partial-modern.html
@@ -127,7 +127,7 @@
                     <a href="/h/{{ item.primaryHall.slug }}" class="hall-badge-primary"><i class="fa-solid fa-layer-group"></i> {{ item.primaryHall.name }}</a>@if(item.otherHalls && item.otherHalls.length)<span class="hall-overflow-pill">+{{ item.otherHalls.length }}<span class="hall-overflow-tooltip">@each(item.otherHalls as oh)<a href="/h/{{ oh.slug }}">{{ oh.name }}</a>@endeach</span></span>@endif
                 </span> —
                 @endif
-                <span class="badge badge-dark"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{item.timestamp.timeago }}</time></span>
+                <span class="badge badge-dark"><a href="/{{ item.id }}" class="timestamp-link"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{item.timestamp.timeago }}</time></a></span>
             <div class="gapRight">
                 @if(session)
                 @if(user_has_favorited)