From eea899462d042d52b4827a314ce690d1651a79fa Mon Sep 17 00:00:00 2001
From: Tom Smeding <tom@tomsmeding.com>
Date: Tue, 7 Apr 2026 20:08:09 +0200
Subject: Event hotlinking

---
 pages/log.mustache | 2 +-
 pages/style.css    | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

(limited to 'pages')

diff --git a/pages/log.mustache b/pages/log.mustache
index 1257d7e..8068e26 100644
--- a/pages/log.mustache
+++ b/pages/log.mustache
@@ -49,7 +49,7 @@
       <table id="events"><tbody>
         {{#events}}
           <tr{{#classlist}} class="{{.}}"{{/classlist}}>
-            <td>{{datetime}}</td>
+            <td><a href="/log/{{alias}}?eid={{linkid}}#ev-{{linkid}}" name="ev-{{linkid}}">{{datetime}}</a></td>
             <td>{{#nickwrap1}}<span class="nickwrap">{{nickwrap1}}</span>{{/nickwrap1}}{{nick}}{{#nickwrap2}}<span class="nickwrap">{{nickwrap2}}</span>{{/nickwrap2}}</td>
             <td>{{message}}</td>
           </tr>
diff --git a/pages/style.css b/pages/style.css
index 611af1f..6838e8d 100644
--- a/pages/style.css
+++ b/pages/style.css
@@ -4,6 +4,7 @@ body {
   --header-bg-color: #ddd;
   --footer-text-color: #333;
   --footer-bg-color: #eee;
+  --highlight-bg-color: #dadaf8;
   --meta-color: #777;
   --join-color: #66c;
   --leave-color: #b66;
@@ -17,8 +18,9 @@ body {
     --font-color: #ddd;
     --header-bg-color: #282828;
     --bg-color: #1d1d1d;
-    --footer-bg-color: #333;
     --footer-text-color: #eee;
+    --footer-bg-color: #333;
+    --highlight-bg-color: #236;
     --meta-color: #888;
     --join-color: #7777c7;
     --leave-color: #b05757;
@@ -119,6 +121,10 @@ table#events {
   margin-bottom: 20px;
 }
 
+table#events tr.highlight {
+  background-color: var(--highlight-bg-color);
+}
+
 table#events td {
   padding: 2px;
   vertical-align: top;
-- 
cgit v1.3