prime8dev

commit 5cf9620370532ec0a210de7771fdbb108c68e011
parent 74d5904e55ac6fc49716383eca1b6f9f23136913
Author: Damian Myrda <damian@prime8.dev>
Date:   Wed, 21 Oct 2026 18:34:25 +0000

feat(web): ssh command bottom left, drop status bar clock

Diffstat:
M
internal/web/scripts/modules/layout.js
 | 
33
---------------------------------
M
internal/web/styles/footer.css
 | 
8
--------
M
internal/web/templates/partials/footer.gohtml
 | 
3
+--

3 files changed, 1 insertion(+), 43 deletions(-)
diff --git a/internal/web/scripts/modules/layout.js b/internal/web/scripts/modules/layout.js
@@ -11,7 +11,6 @@ const HOLD_DURATION = 450;
 const FADE_DURATION = 300;
 
 let bootPlayed = false;
-let statusTimer = 0;
 let unsubscribeWakaFooter = null;
 
 export async function initLayout() {
@@ -20,7 +19,6 @@ export async function initLayout() {
 
   await playBootAnimation();
 
-  startStatusClock();
   initSSHCopy();
 
   if (!wakaEnabled) return;
@@ -108,37 +106,6 @@ async function playBootAnimation() {
   bootPlayed = true;
 }
 
-function updateStatusTime() {
-  const el = document.getElementById("status-time");
-  if (!el) return;
-
-  const now = new Date();
-  const time = now.toLocaleTimeString();
-  const date = formatStatusDate(now);
-  el.textContent = `${date} ${time}`;
-}
-
-function formatStatusDate(date) {
-  const year = String(date.getFullYear());
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-}
-
-function startStatusClock() {
-  if (statusTimer) {
-    clearTimeout(statusTimer);
-  }
-
-  const tick = () => {
-    updateStatusTime();
-    const delay = 1000 - (Date.now() % 1000) || 1000;
-    statusTimer = window.setTimeout(tick, delay);
-  };
-
-  tick();
-}
-
 async function loadWakaFooter(data = null) {
   const link = document.getElementById("wakatime-link");
   if (!link) return;
diff --git a/internal/web/styles/footer.css b/internal/web/styles/footer.css
@@ -11,10 +11,6 @@
   z-index: 100;
 }
 
-#statusbar .time {
-  color: var(--cyan);
-}
-
 #statusbar .spacer {
   flex: 1;
 }
@@ -53,7 +49,3 @@
 #statusbar .ssh.copied {
   color: var(--green);
 }
-
-#statusbar .wakatime {
-  margin-left: 12px;
-}
diff --git a/internal/web/templates/partials/footer.gohtml b/internal/web/templates/partials/footer.gohtml
@@ -1,8 +1,7 @@
 {{define "footer"}}
 <footer id="statusbar">
-  <span class="time" id="status-time"></span>
-  <span class="spacer"></span>
   <button type="button" class="ssh" data-ssh-copy title="copy to clipboard"><span class="ssh-dollar">$</span> <span data-ssh-command>ssh prime8.dev</span><span class="ssh-hint">[copy]</span></button>
+  <span class="spacer"></span>
   {{with wakaTimeUser}}
   <a class="wakatime" id="wakatime-link" href="https://wakatime.com/@{{.}}" target="_blank" rel="noopener noreferrer">Loading...</a>
   {{end}}