Update static/embed.js

static/embed.js

@@ -1,21 +1,21 @@
 (() => {
-  const API = "https://ntdservices-debt-clock.hf.space/api/debt";
+  const API = "/api/debt";
   const CLS = "ntd-debt-clock";
 
   function mount(el) {
-Object.assign(el.style, {
-  font: "900 6rem monospace",         // increased size
-  color: "#fff",                       // white text
-  background: "transparent",
-  padding: "0",
-  borderRadius: "0",
-  boxShadow: "none",
-  whiteSpace: "nowrap",
-  position: "absolute",
-  top: "42%",                          // Y-position inside the sign
-  left: "41%",                         // X-position inside the sign
-  transform: "translate(-50%, -50%)",
-});
+    Object.assign(el.style, {
+      font: "bold 2.5rem monospace",
+      color: "#0f0",
+      background: "#000a",
+      padding: "12px 20px",
+      borderRadius: "8px",
+      boxShadow: "0 0 10px #0f0",
+      whiteSpace: "nowrap",
+      position: "absolute",
+      top: "10%",
+      left: "50%",
+      transform: "translateX(-50%)",
+    });
 
     fetch(API)
       .then((r) => r.json())
@@ -28,7 +28,10 @@ Object.assign(el.style, {
           const dt = (now - last) / 1000;
           last = now;
           debt += rate * dt;
-          el.textContent = "$" + Math.round(debt).toLocaleString();
+          el.textContent = "$" + debt.toLocaleString(undefined, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+          });
           requestAnimationFrame(tick);
         }