From e8bd5793c6ec6b13ec8ef8f127cd7f3ac44758e0 Mon Sep 17 00:00:00 2001
From: Phantop <phantop@tuta.io>
Date: Tue, 8 Jul 2025 19:27:27 -0400
Subject: [PATCH] fluxwidget: per feed links

---
 fluxwidget/script.js |  7 +++++--
 fluxwidget/style.css | 40 ++++++++++++++++++++++------------------
 2 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/fluxwidget/script.js b/fluxwidget/script.js
index 55bce78..a6b625f 100644
--- a/fluxwidget/script.js
+++ b/fluxwidget/script.js
@@ -20,13 +20,16 @@ window.onload = async function run() {
   for (const [id, count] of unreads) {
     const icon = await api(url, key, `feeds/${id}/icon`)
     const container = document.createElement("div")
+    const feedLink = document.createElement("a")
+    feedLink.href = `${url}/feed/${id}/entries`
     const img = document.createElement("img")
     const num = document.createElement("b")
     img.src = `data:${icon.data}`
     if (count < 10) { num.textContent = count }
     else { num.textContent = String.fromCharCode(count + 55) }
-    container.appendChild(img)
-    container.appendChild(num)
+    feedLink.appendChild(img)
+    feedLink.appendChild(num)
+    container.appendChild(feedLink)
     link.appendChild(container)
   }
 }
diff --git a/fluxwidget/style.css b/fluxwidget/style.css
index 4aa43c0..bc8ee03 100644
--- a/fluxwidget/style.css
+++ b/fluxwidget/style.css
@@ -1,27 +1,31 @@
-div {
-    border-radius: 1.5em;
-    border: mediumpurple solid;
-    display: inline-flex;
-    margin-bottom: 1em;
-    margin-right: .6em;
-}
-div * {
-    font-size: 4em;
-    height: 1em;
-    padding: .3em;
-}
-a, html, body {
+body {
     background-color: black;
-    color: white;
-    font-family: monospace;
     height: 100%;
     margin: 0;
     padding: 0;
     width: 100%;
 }
-a {
+body > a {
     display: block;
-    padding-left: 1em;
-    padding-top: 2em;
+    height: 100%;
+    margin-top: 1em;
+    margin-left: .6em;
+}
+div {
+    display: inline-flex;
+    margin-top: 1em;
+    margin-left: .6em;
+}
+div > a {
+    border-radius: 1.5em;
+    border: mediumpurple solid;
+    color: white;
+    font-family: monospace;
+    display: inherit;
     text-decoration: inherit;
 }
+div > a * {
+    font-size: 4em;
+    height: 1em;
+    padding: .3em;
+}