Skip to content

Instantly share code, notes, and snippets.

@MathewRowell2
MathewRowell2 / trmnl_spending.json
Last active May 18, 2026 06:05
CC Tracker — TRMNL weekly spending display
{
"markup": "<div style=\"font-family:sans-serif;padding:10px 14px;font-size:13px;width:780px;height:460px;box-sizing:border-box;overflow:hidden;\">\n\n<!-- Header: weather center, date right -->\n<div style=\"display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000;padding-bottom:6px;margin-bottom:6px;\">\n <div style=\"font-size:15px;font-weight:bold;letter-spacing:1px;\">WEEKLY SPEND <span style=\"font-size:11px;font-weight:normal;\">May 11 &ndash; May 18</span></div>\n <div style='text-align:center;'><div style='font-size:20px;font-weight:bold;'>&#8593;63&deg;F / 17&deg;C &nbsp;&nbsp; &#8595;42&deg;F / 6&deg;C</div><div style='font-size:11px;'>Overcast</div></div>\n</div>\n\n<div style=\"display:flex;align-items:baseline;gap:12px;margin-bottom:5px;\">\n <span style=\"font-size:34px;font-weight:bold;line-height:1;\">$1,228</span>\n <span style=\"font-size:13px;\">&#9650; $478 over $750</span>\n</div>\n\n<div style=\"display:flex;align-items:center;gap:8px;margin-bott