Upload embed.js

templates/embed.js

@@ -0,0 +1,46 @@
+(() => {
+  const API = "/api/debt";
+  const CLS = "ntd-debt-clock";
+
+  function mount(el) {
+    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())
+      .then((d) => {
+        let debt = d.startingDebt;
+        const rate = d.ratePerSecond;
+        let last = performance.now();
+
+        function tick(now) {
+          const dt = (now - last) / 1000;
+          last = now;
+          debt += rate * dt;
+          el.textContent = "$" + debt.toLocaleString(undefined, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+          });
+          requestAnimationFrame(tick);
+        }
+
+        requestAnimationFrame(tick);
+      })
+      .catch(() => {
+        el.textContent = "N/A";
+      });
+  }
+
+  document.querySelectorAll("." + CLS).forEach(mount);
+})();