Change nav bar names and icons

This change renames `Web Feed` to `Threats` and `Honeypot Logs` to `Logs` in the navigation bar. Apply visual tweaks to the nav bar.
2025-10-23 08:22:21 +00:00 · 2025-03-20 16:34:48 -07:00
parent 4cf8d15402
commit f6cd4c783e
7 changed files with 102 additions and 46 deletions
--- a/internal/threatfeed/templates/css/style.css
+++ b/internal/threatfeed/templates/css/style.css
@@ -44,7 +44,7 @@ article {
    padding: 3rem 5rem 3.5rem 5rem;
 }

-article + article {
+article+article {
    margin-top: 4rem;
 }

@@ -52,6 +52,8 @@ article + article {
 /* Nav */
 /* === */
 nav ul {
+    align-items: flex-end;
+    display: flex;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
@@ -70,7 +72,7 @@ nav li:last-child {

 a.logo {
    display: inline-block;
-    margin: 0.6rem 1rem 0.375rem 1.5rem;
+    margin: 0.6rem 1rem 0.3rem 1.5rem;
    padding: 0.3rem 0.5rem 0 0.5rem;
    position: relative;
    width: 210px;
@@ -104,16 +106,18 @@ a.no-hover::after {
 }

 nav .icon {
-    margin-right: 0.45rem;
-    vertical-align: middle;
+    margin-right: 0.4rem;
+    margin-top: 2px;
 }

 nav a {
+    align-items: center;
    border-radius: 7px;
    color: #889;
-    display: block;
-    margin: 0.6rem 0.5rem 0.5rem 0.5rem;
-    padding: 0.5rem 0.7rem 0.5rem 0.7rem;
+    display: inline-flex;
+    justify-content: center;
+    margin: 0.6rem 0.5rem 0.35rem 0.5rem;
+    padding: 0.5rem 0.7rem;
    position: relative;
    text-align: center;
    text-decoration: none;
@@ -138,14 +142,12 @@ nav li.selected a.logo:active {
    background-color: transparent;
 }

-nav li.selected .icon
-{
+nav li.selected .icon {
    color: #eee;
 }

 nav a:hover .icon,
-nav a:active .icon
-{
+nav a:active .icon {
    color: #fff;
 }

@@ -194,7 +196,7 @@ p.error {
 /* ===== */
 /* Lists */
 /* ===== */
-main li + li {
+main li+li {
    margin-top: 0.75rem;
 }

@@ -203,7 +205,7 @@ main ul {
    margin-bottom: 1rem;
 }

-main p + ul {
+main p+ul {
    margin-top: -1rem;
 }

@@ -463,6 +465,7 @@ table.logs {
    color: #48e3ff;
    overflow-wrap: anywhere;
 }
+
 .webfeed tbody tr:nth-child(odd) td:nth-child(1) {
    color: #aaffff;
 }
@@ -471,6 +474,7 @@ table.logs {
 .webfeed tbody td:nth-child(2) {
    color: #8b949e;
 }
+
 .webfeed tbody tr:nth-child(odd) td:nth-child(2) {
    color: #ccc;
 }
@@ -479,6 +483,7 @@ table.logs {
 .webfeed tbody td:nth-child(3) {
    color: #b8c1ff;
 }
+
 .webfeed tbody tr:nth-child(odd) td:nth-child(3) {
    color: #c8e1ff;
 }
@@ -488,6 +493,7 @@ table.logs {
    color: #ffff55;
    text-align: right
 }
+
 .webfeed tbody tr:nth-child(odd) td:nth-child(4) {
    color: #eedc82;
 }
@@ -500,6 +506,7 @@ table.logs {
    color: #8b949e;
    white-space: nowrap;
 }
+
 .logs-ssh tbody tr:nth-child(odd) td:nth-child(1) {
    color: #ccc;
 }
@@ -508,6 +515,7 @@ table.logs {
 .logs-ssh tbody td:nth-child(2) {
    color: #48e3ff;
 }
+
 .logs-ssh tbody tr:nth-child(odd) td:nth-child(2) {
    color: #aaffff;
 }
@@ -517,6 +525,7 @@ table.logs {
    color: #b8c1ff;
    overflow-wrap: anywhere;
 }
+
 .logs-ssh tbody tr:nth-child(odd) td:nth-child(3) {
    color: #c8e1ff;
 }
@@ -526,6 +535,7 @@ table.logs {
    color: #ffff55;
    overflow-wrap: anywhere;
 }
+
 .logs-ssh tbody tr:nth-child(odd) td:nth-child(4) {
    color: #eedc82;
 }
@@ -538,6 +548,7 @@ table.logs {
    color: #8b949e;
    white-space: nowrap;
 }
+
 .logs-http tbody tr:nth-child(odd) td:nth-child(1) {
    color: #ccc;
 }
@@ -546,6 +557,7 @@ table.logs {
 .logs-http tbody td:nth-child(2) {
    color: #48e3ff;
 }
+
 .logs-http tbody tr:nth-child(odd) td:nth-child(2) {
    color: #aaffff;
 }
@@ -554,6 +566,7 @@ table.logs {
 .logs-http tbody td:nth-child(3) {
    color: #b8c1ff;
 }
+
 .logs-http tbody tr:nth-child(odd) td:nth-child(3) {
    color: #c8e1ff;
 }
@@ -563,6 +576,7 @@ table.logs {
    color: #ffff55;
    overflow-wrap: anywhere;
 }
+
 .logs-http tbody tr:nth-child(odd) td:nth-child(4) {
    color: #eedc82;
 }
@@ -571,6 +585,7 @@ table.logs {
 /* Media Queries */
 /* ============= */
@media (max-width: 920px) {
+
    .webfeed td,
    .webfeed th {
        font-size: 1rem;
@@ -583,15 +598,18 @@ table.logs {
    }

    li.logo {
-        display: block;
        float: none;
        text-align: left;
    }

+    nav ul {
+        display: block;
+    }
+
    nav a {
        border-radius: 5px;
        margin: 0.325rem 0.2rem 0.325rem 1rem;
-        padding: 0.3rem 0.5rem 0.3rem 0.5rem;
+        padding: 0.3rem 0.5rem;
    }
 }

@@ -621,15 +639,16 @@ table.logs {
        margin-bottom: -1rem;
    }

-    .api-table > thead th {
+    .api-table>thead th {
        display: none;
    }
-    .api-table > tbody td {
+
+    .api-table>tbody td {
        display: block;
        padding: 0.3rem 0;
    }

-    .api-table tr > td:last-of-type {
+    .api-table tr>td:last-of-type {
        margin-bottom: 1.75rem;
        padding-bottom: 2rem;
    }
@@ -638,7 +657,7 @@ table.logs {
        position: relative;
        vertical-align: middle;
    }
-    
+
    .api-table [row-header]:before {
        content: attr(row-header);
        display: inline-block;
@@ -680,13 +699,12 @@ table.logs {

@media (max-width: 600px) {
    nav li {
-        display: block;
        float: none;
        text-align: left;
    }

    nav a {
-        display: inline-block;
+        display: inline-flex;
    }

    .webfeed td,
--- a/internal/threatfeed/templates/docs.html
+++ b/internal/threatfeed/templates/docs.html
@@ -21,15 +21,15 @@
                <li>
                    <a href="/webfeed">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
-                        </svg>Web Feed
+                            <path d="M12 2C17.5228 2 22 6.47715 22 12V15.7639C22 16.5215 21.572 17.214 20.8944 17.5528L18 19V20C18 21.5977 16.7511 22.9037 15.1763 22.9949L14.9499 23.0004C14.9718 22.8926 14.9868 22.7823 14.9943 22.67L15 22.5V22C15 20.9456 14.1841 20.0818 13.1493 20.0055L13 20H11C9.94564 20 9.08183 20.8159 9.00549 21.8507L9 22V22.5C9 22.6714 9.01725 22.8387 9.0501 23.0004L9 23C7.34315 23 6 21.6569 6 20V19L3.10557 17.5528C2.428 17.214 2 16.5215 2 15.7639V12C2 6.47715 6.47715 2 12 2ZM8 11C6.89543 11 6 11.8954 6 13C6 14.1046 6.89543 15 8 15C9.10457 15 10 14.1046 10 13C10 11.8954 9.10457 11 8 11ZM16 11C14.8954 11 14 11.8954 14 13C14 14.1046 14.8954 15 16 15C17.1046 15 18 14.1046 18 13C18 11.8954 17.1046 11 16 11Z"></path>
+                        </svg>Threats
                    </a>
                </li>
                <li>
                    <a href="/logs">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M4 3H20C20.5523 3 21 3.44772 21 4V11H3V4C3 3.44772 3.44772 3 4 3ZM3 13H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V13ZM7 16V18H10V16H7ZM7 6V8H10V6H7Z"></path>
-                        </svg>Honeypot Logs
+                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
+                        </svg>Logs
                    </a>
                </li>
                <li class="selected">
--- a/internal/threatfeed/templates/home.html
+++ b/internal/threatfeed/templates/home.html
@@ -21,15 +21,15 @@
                <li>
                    <a href="/webfeed">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
-                        </svg>Web Feed
+                            <path d="M12 2C17.5228 2 22 6.47715 22 12V15.7639C22 16.5215 21.572 17.214 20.8944 17.5528L18 19V20C18 21.5977 16.7511 22.9037 15.1763 22.9949L14.9499 23.0004C14.9718 22.8926 14.9868 22.7823 14.9943 22.67L15 22.5V22C15 20.9456 14.1841 20.0818 13.1493 20.0055L13 20H11C9.94564 20 9.08183 20.8159 9.00549 21.8507L9 22V22.5C9 22.6714 9.01725 22.8387 9.0501 23.0004L9 23C7.34315 23 6 21.6569 6 20V19L3.10557 17.5528C2.428 17.214 2 16.5215 2 15.7639V12C2 6.47715 6.47715 2 12 2ZM8 11C6.89543 11 6 11.8954 6 13C6 14.1046 6.89543 15 8 15C9.10457 15 10 14.1046 10 13C10 11.8954 9.10457 11 8 11ZM16 11C14.8954 11 14 11.8954 14 13C14 14.1046 14.8954 15 16 15C17.1046 15 18 14.1046 18 13C18 11.8954 17.1046 11 16 11Z"></path>
+                        </svg>Threats
                    </a>
                </li>
                <li>
                    <a href="/logs">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M4 3H20C20.5523 3 21 3.44772 21 4V11H3V4C3 3.44772 3.44772 3 4 3ZM3 13H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V13ZM7 16V18H10V16H7ZM7 6V8H10V6H7Z"></path>
-                        </svg>Honeypot Logs
+                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
+                        </svg>Logs
                    </a>
                </li>
                <li>
--- a/internal/threatfeed/templates/logs-error.html
+++ b/internal/threatfeed/templates/logs-error.html
@@ -21,15 +21,15 @@
                <li>
                    <a href="/webfeed">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
-                        </svg>Web Feed
+                            <path d="M12 2C17.5228 2 22 6.47715 22 12V15.7639C22 16.5215 21.572 17.214 20.8944 17.5528L18 19V20C18 21.5977 16.7511 22.9037 15.1763 22.9949L14.9499 23.0004C14.9718 22.8926 14.9868 22.7823 14.9943 22.67L15 22.5V22C15 20.9456 14.1841 20.0818 13.1493 20.0055L13 20H11C9.94564 20 9.08183 20.8159 9.00549 21.8507L9 22V22.5C9 22.6714 9.01725 22.8387 9.0501 23.0004L9 23C7.34315 23 6 21.6569 6 20V19L3.10557 17.5528C2.428 17.214 2 16.5215 2 15.7639V12C2 6.47715 6.47715 2 12 2ZM8 11C6.89543 11 6 11.8954 6 13C6 14.1046 6.89543 15 8 15C9.10457 15 10 14.1046 10 13C10 11.8954 9.10457 11 8 11ZM16 11C14.8954 11 14 11.8954 14 13C14 14.1046 14.8954 15 16 15C17.1046 15 18 14.1046 18 13C18 11.8954 17.1046 11 16 11Z"></path>
+                        </svg>Threats
                    </a>
                </li>
                <li class="selected">
                    <a href="/logs">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M4 3H20C20.5523 3 21 3.44772 21 4V11H3V4C3 3.44772 3.44772 3 4 3ZM3 13H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V13ZM7 16V18H10V16H7ZM7 6V8H10V6H7Z"></path>
-                        </svg>Honeypot Logs
+                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
+                        </svg>Logs
                    </a>
                </li>
                <li>
--- a/internal/threatfeed/templates/logs-http.html
+++ b/internal/threatfeed/templates/logs-http.html
@@ -21,15 +21,15 @@
                <li>
                    <a href="/webfeed">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
-                        </svg>Web Feed
+                            <path d="M12 2C17.5228 2 22 6.47715 22 12V15.7639C22 16.5215 21.572 17.214 20.8944 17.5528L18 19V20C18 21.5977 16.7511 22.9037 15.1763 22.9949L14.9499 23.0004C14.9718 22.8926 14.9868 22.7823 14.9943 22.67L15 22.5V22C15 20.9456 14.1841 20.0818 13.1493 20.0055L13 20H11C9.94564 20 9.08183 20.8159 9.00549 21.8507L9 22V22.5C9 22.6714 9.01725 22.8387 9.0501 23.0004L9 23C7.34315 23 6 21.6569 6 20V19L3.10557 17.5528C2.428 17.214 2 16.5215 2 15.7639V12C2 6.47715 6.47715 2 12 2ZM8 11C6.89543 11 6 11.8954 6 13C6 14.1046 6.89543 15 8 15C9.10457 15 10 14.1046 10 13C10 11.8954 9.10457 11 8 11ZM16 11C14.8954 11 14 11.8954 14 13C14 14.1046 14.8954 15 16 15C17.1046 15 18 14.1046 18 13C18 11.8954 17.1046 11 16 11Z"></path>
+                        </svg>Threats
                    </a>
                </li>
                <li class="selected">
                    <a href="/logs">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M4 3H20C20.5523 3 21 3.44772 21 4V11H3V4C3 3.44772 3.44772 3 4 3ZM3 13H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V13ZM7 16V18H10V16H7ZM7 6V8H10V6H7Z"></path>
-                        </svg>Honeypot Logs
+                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
+                        </svg>Logs
                    </a>
                </li>
                <li>
--- a/internal/threatfeed/templates/logs-ssh.html
+++ b/internal/threatfeed/templates/logs-ssh.html
@@ -21,15 +21,15 @@
                <li>
                    <a href="/webfeed">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
-                        </svg>Web Feed
+                            <path d="M12 2C17.5228 2 22 6.47715 22 12V15.7639C22 16.5215 21.572 17.214 20.8944 17.5528L18 19V20C18 21.5977 16.7511 22.9037 15.1763 22.9949L14.9499 23.0004C14.9718 22.8926 14.9868 22.7823 14.9943 22.67L15 22.5V22C15 20.9456 14.1841 20.0818 13.1493 20.0055L13 20H11C9.94564 20 9.08183 20.8159 9.00549 21.8507L9 22V22.5C9 22.6714 9.01725 22.8387 9.0501 23.0004L9 23C7.34315 23 6 21.6569 6 20V19L3.10557 17.5528C2.428 17.214 2 16.5215 2 15.7639V12C2 6.47715 6.47715 2 12 2ZM8 11C6.89543 11 6 11.8954 6 13C6 14.1046 6.89543 15 8 15C9.10457 15 10 14.1046 10 13C10 11.8954 9.10457 11 8 11ZM16 11C14.8954 11 14 11.8954 14 13C14 14.1046 14.8954 15 16 15C17.1046 15 18 14.1046 18 13C18 11.8954 17.1046 11 16 11Z"></path>
+                        </svg>Threats
                    </a>
                </li>
                <li class="selected">
                    <a href="/logs">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M4 3H20C20.5523 3 21 3.44772 21 4V11H3V4C3 3.44772 3.44772 3 4 3ZM3 13H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V13ZM7 16V18H10V16H7ZM7 6V8H10V6H7Z"></path>
-                        </svg>Honeypot Logs
+                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
+                        </svg>Logs
                    </a>
                </li>
                <li>
@@ -49,7 +49,7 @@
                <tr><th>Time<th>Source IP<th>Username<th>Password</tr>
            </thead>
            <tbody>
-                {{range .}}<tr><td>{{.Time.Format "2006-01-02 15:04:05"}}<td>{{.SourceIP}}<td>{{.Details.Username}}<td>{{.Details.Password}}</tr>
+                {{range .}}<tr><td class="time">{{.Time.Format "2006-01-02 15:04:05"}}<td>{{.SourceIP}}<td>{{.Details.Username}}<td>{{.Details.Password}}</tr>
                {{end}}
            </tbody>
        </table>
@@ -57,5 +57,43 @@
        <p class="no-results">No log data found</p>
        {{end}}
    </main>
+
+    <script>
+        function formatTimestamps() {
+            const timeCells = document.querySelectorAll('.time');
+            const isMobile = window.innerWidth <= 600;
+
+            timeCells.forEach(cell => {
+                // Store the original timestamp if it's not already in a data attribute
+                if (!cell.hasAttribute('data-original')) {
+                cell.setAttribute('data-original', cell.textContent.trim());
+                }
+
+                const originalTimestamp = cell.getAttribute('data-original');
+                const date = new Date(originalTimestamp);
+
+                // Format the date and time to "YYYY-MM-DD HH:MM"
+                const formattedDate = date.getFullYear() + '-' + 
+                                    String(date.getMonth() + 1).padStart(2, '0') + '-' + 
+                                    String(date.getDate()).padStart(2, '0');
+                const formattedTime = String(date.getHours()).padStart(2, '0') + ':' + 
+                                    String(date.getMinutes()).padStart(2, '0');
+
+                const formattedTimestamp = `${formattedDate} ${formattedTime}`;
+
+                // If on mobile, show the new formatted timestamp
+                if (isMobile) {
+                cell.textContent = formattedTimestamp; // Show shortened format
+                } else {
+                // On desktop, show the full timestamp
+                cell.textContent = originalTimestamp; // Restore the original full timestamp
+                }
+            });
+        }
+
+        // Run the function on page load and when resizing
+        window.addEventListener('load', formatTimestamps);
+        window.addEventListener('resize', formatTimestamps);
+    </script>
 </body>
 </html>
--- a/internal/threatfeed/templates/logs.html
+++ b/internal/threatfeed/templates/logs.html
@@ -21,15 +21,15 @@
                <li>
                    <a href="/webfeed">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
-                        </svg>Web Feed
+                            <path d="M12 2C17.5228 2 22 6.47715 22 12V15.7639C22 16.5215 21.572 17.214 20.8944 17.5528L18 19V20C18 21.5977 16.7511 22.9037 15.1763 22.9949L14.9499 23.0004C14.9718 22.8926 14.9868 22.7823 14.9943 22.67L15 22.5V22C15 20.9456 14.1841 20.0818 13.1493 20.0055L13 20H11C9.94564 20 9.08183 20.8159 9.00549 21.8507L9 22V22.5C9 22.6714 9.01725 22.8387 9.0501 23.0004L9 23C7.34315 23 6 21.6569 6 20V19L3.10557 17.5528C2.428 17.214 2 16.5215 2 15.7639V12C2 6.47715 6.47715 2 12 2ZM8 11C6.89543 11 6 11.8954 6 13C6 14.1046 6.89543 15 8 15C9.10457 15 10 14.1046 10 13C10 11.8954 9.10457 11 8 11ZM16 11C14.8954 11 14 11.8954 14 13C14 14.1046 14.8954 15 16 15C17.1046 15 18 14.1046 18 13C18 11.8954 17.1046 11 16 11Z"></path>
+                        </svg>Threats
                    </a>
                </li>
                <li class="selected">
                    <a href="/logs">
                        <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
-                            <path d="M4 3H20C20.5523 3 21 3.44772 21 4V11H3V4C3 3.44772 3.44772 3 4 3ZM3 13H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V13ZM7 16V18H10V16H7ZM7 6V8H10V6H7Z"></path>
-                        </svg>Honeypot Logs
+                            <path d="M21.0082 3C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM20 5H4V19H20V5ZM18 15V17H6V15H18ZM12 7V13H6V7H12ZM18 11V13H14V11H18ZM10 9H8V11H10V9ZM18 7V9H14V7H18Z"></path>
+                        </svg>Logs
                    </a>
                </li>
                <li>