Monorepo for Aesthetic.Computer aesthetic.computer
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

bills: add machine status and hardware wishlist

+66 -22
+66 -22
system/public/bills.aesthetic.computer/index.html
··· 486 486 487 487 <!-- Alerts --> 488 488 <div class="alerts"> 489 - <div class="alert alert-ok"> 490 - <div class="alert-dot green"></div> 491 - <div class="alert-text"><strong>DigitalOcean restored</strong> — paid and all droplets back online. Thanks Casey!</div> 489 + <div class="alert"> 490 + <div class="alert-dot red"></div> 491 + <div class="alert-text"><strong>Netlify CRITICAL</strong> — billing period ends ~Mar 27. Fix payment NOW or aesthetic.computer goes down.</div> 492 + </div> 493 + <div class="alert"> 494 + <div class="alert-dot red"></div> 495 + <div class="alert-text"><strong>Shopify offline</strong> — shop.aesthetic.computer is down. Product pages, /api/shop, and carousel broken.</div> 492 496 </div> 493 497 <div class="alert"> 494 498 <div class="alert-dot red"></div> 495 499 <div class="alert-text"><strong>GitHub overdue</strong> — ~$500 unpaid. <a href="https://github.com/organizations/justanothersystem/billing/history">billing history</a></div> 496 500 </div> 497 - <div class="alert alert-warn"> 498 - <div class="alert-dot gold"></div> 499 - <div class="alert-text"><strong>Netlify past due</strong> — 25 days until aesthetic.computer is disabled.</div> 501 + <div class="alert alert-ok"> 502 + <div class="alert-dot green"></div> 503 + <div class="alert-text"><strong>DigitalOcean restored</strong> — paid and all droplets back online. Thanks Casey!</div> 500 504 </div> 501 505 </div> 502 506 ··· 606 610 <div class="stats"> 607 611 <div class="stat-box"> 608 612 <div class="stat-label">overdue</div> 609 - <div class="stat-value" style="color: var(--red);">~$500</div> 613 + <div class="stat-value" style="color: var(--red);">~$519</div> 614 + <div class="stat-sub">GitHub ~$500 + Netlify $19</div> 610 615 </div> 611 616 <div class="stat-box"> 612 617 <div class="stat-label">monthly</div> 613 618 <div class="stat-value" style="color: var(--gold);">~$151</div> 614 619 </div> 615 620 <div class="stat-box"> 616 - <div class="stat-label">can save</div> 617 - <div class="stat-value" style="color: var(--green);">$107</div> 621 + <div class="stat-label">offline</div> 622 + <div class="stat-value" style="color: var(--red);">2</div> 623 + <div class="stat-sub">Shopify + Netlify (critical)</div> 618 624 </div> 619 625 <div class="stat-box"> 620 - <div class="stat-label">minimum</div> 621 - <div class="stat-value" style="color: var(--cyan);">~$44</div> 626 + <div class="stat-label">can save</div> 627 + <div class="stat-value" style="color: var(--green);">$107</div> 622 628 </div> 623 629 </div> 624 630 ··· 633 639 <div class="service-map"> 634 640 <div class="svc income"><div class="svc-name">keeps</div><div class="svc-cost">tezos</div></div> 635 641 <div class="svc income"><div class="svc-name">gives</div><div class="svc-cost">stripe</div></div> 642 + <div class="svc down"><div class="svc-name">shopify</div><div class="svc-cost">offline</div></div> 636 643 <div class="svc ok"><div class="svc-name">oven</div><div class="svc-cost">$48/mo</div></div> 637 644 <div class="svc ok"><div class="svc-name">silo</div><div class="svc-cost">$24/mo</div></div> 638 645 <div class="svc ok"><div class="svc-name">help</div><div class="svc-cost">$24/mo</div></div> ··· 641 648 <div class="svc ok"><div class="svc-name">legacy</div><div class="svc-cost">$12/mo</div></div> 642 649 <div class="svc ok"><div class="svc-name">redis</div><div class="svc-cost">$15/mo</div></div> 643 650 <div class="svc ok"><div class="svc-name">spaces</div><div class="svc-cost">$5/mo</div></div> 644 - <div class="svc warn"><div class="svc-name">netlify</div><div class="svc-cost">$19/mo</div></div> 651 + <div class="svc down"><div class="svc-name">netlify</div><div class="svc-cost">$19/mo</div></div> 645 652 <div class="svc free"><div class="svc-name">cloudflare</div><div class="svc-cost">free</div></div> 646 653 <div class="svc free"><div class="svc-name">auth0</div><div class="svc-cost">free</div></div> 647 654 <div class="svc free"><div class="svc-name">firebase</div><div class="svc-cost">free</div></div> ··· 655 662 <table> 656 663 <thead><tr><th>status</th><th>service</th><th>monthly</th><th class="hide-mobile">notes</th></tr></thead> 657 664 <tbody> 665 + <tr><td><span class="pill pill-red">critical</span></td><td>Netlify</td><td class="money">$19</td><td class="hide-mobile">Pro plan — period ends ~Mar 27, site at risk</td></tr> 666 + <tr><td><span class="pill pill-red">offline</span></td><td>Shopify</td><td class="money">$0</td><td class="hide-mobile">shop.aesthetic.computer down — store closed</td></tr> 667 + <tr><td><span class="pill pill-red">overdue</span></td><td>GitHub</td><td class="money">~$500</td><td class="hide-mobile">Prior months (Codespaces/Copilot)</td></tr> 658 668 <tr><td><span class="pill pill-green">active</span></td><td>DigitalOcean</td><td class="money">~$132</td><td class="hide-mobile">Paid — all droplets restored</td></tr> 659 - <tr><td><span class="pill pill-gold">past due</span></td><td>Netlify</td><td class="money">$19</td><td class="hide-mobile">Pro plan — 25 days until disabled</td></tr> 660 - <tr><td><span class="pill pill-red">overdue</span></td><td>GitHub</td><td class="money">~$500</td><td class="hide-mobile">Prior months (Codespaces/Copilot)</td></tr> 661 - <tr><td><span class="pill pill-green">active</span></td><td>MongoDB</td><td class="money">$0</td><td class="hide-mobile">Atlas → DO silo — restored</td></tr> 669 + <tr><td><span class="pill pill-green">active</span></td><td>MongoDB</td><td class="money">$0</td><td class="hide-mobile">Self-hosted on DO silo — restored</td></tr> 662 670 <tr><td><span class="pill pill-cyan">free</span></td><td>Cloudflare</td><td class="money">$0</td><td class="hide-mobile">8 zones, 2 Workers</td></tr> 663 671 <tr><td><span class="pill pill-green">active</span></td><td>Firebase / GCP</td><td class="money">$0–50</td><td class="hide-mobile">Free auth + Nanos VMs (unknown)</td></tr> 664 672 <tr><td><span class="pill pill-cyan">free</span></td><td>Auth0</td><td class="money">$0</td><td class="hide-mobile">Free tier (7K users)</td></tr> ··· 672 680 673 681 <!-- DigitalOcean --> 674 682 <details> 675 - <summary>digitalocean — $132/mo (paid, active)</summary> 683 + <summary>digitalocean — ~$132/mo (paid, active)</summary> 676 684 <div class="detail-body"> 677 685 <h3 style="margin-top: 0;">droplets</h3> 678 686 <table> ··· 743 751 <!-- Actions --> 744 752 <h2>priority actions</h2> 745 753 746 - <h3>urgent</h3> 754 + <h3>urgent — before april</h3> 747 755 <div class="card"> 748 - <p><strong>1.</strong> Fix Netlify payment — site dies in 25 days</p> 749 - <p><strong>2.</strong> <s>Pay DigitalOcean $412.34</s> — DONE</p> 756 + <p><strong>1.</strong> Fix Netlify payment NOW — period ends ~Mar 27, aesthetic.computer at risk</p> 757 + <p><strong>2.</strong> Resolve Shopify — shop.aesthetic.computer offline, /api/shop broken, product carousel dead</p> 750 758 <p><strong>3.</strong> Pay GitHub ~$500 — <a href="https://github.com/organizations/justanothersystem/billing/history">billing history</a></p> 751 759 </div> 752 760 753 - <h3>check soon</h3> 761 + <h3>machine state — updated mar 23, 2026</h3> 762 + <table> 763 + <thead><tr><th>machine</th><th>type</th><th>state</th><th class="hide-mobile">notes</th></tr></thead> 764 + <tbody> 765 + <tr><td>jeffrey-windows</td><td>workstation</td><td><span class="pill pill-green">fine</span></td><td class="hide-mobile">Primary machine is healthy.</td></tr> 766 + <tr><td>jeffrey-macbook</td><td>laptop</td><td><span class="pill pill-red">degraded</span></td><td class="hide-mobile">Screen broke; very difficult to use.</td></tr> 767 + <tr><td>x1-nano-g2</td><td>laptop</td><td><span class="pill pill-red">unstable</span></td><td class="hide-mobile">Random shutdowns tied to NVMe issues.</td></tr> 768 + <tr><td>jas-fedora (x1 nano gen 1?)</td><td>laptop</td><td><span class="pill pill-red">offline</span></td><td class="hide-mobile">Broken shift key + smashed power port; out of commission.</td></tr> 769 + <tr><td>mac-mini</td><td>server</td><td><span class="pill pill-cyan">not mine</span></td><td class="hide-mobile">Build server; not a personal laptop.</td></tr> 770 + <tr><td>legacy-2016 / session-server / silo</td><td>vps</td><td><span class="pill pill-purple">servers</span></td><td class="hide-mobile">Infrastructure hosts, not personal laptops.</td></tr> 771 + </tbody> 772 + </table> 773 + 774 + <h3>wishlist — replacement hardware</h3> 775 + <div class="card"> 776 + <p><strong>goal:</strong> Recover reliable daily laptop workflow after MacBook + ThinkPad failures.</p> 777 + </div> 778 + <table> 779 + <thead><tr><th>item</th><th>target spec</th><th>est. one-time</th><th class="hide-mobile">pricing notes</th></tr></thead> 780 + <tbody> 781 + <tr><td>macbook-neo</td><td>A18 Pro, 13-inch, 512GB SSD, Touch ID model</td><td class="money">~$799</td><td class="hide-mobile">Apple lists MacBook Neo from $599; 512GB target budgeted above base.</td></tr> 782 + <tr><td>framework-12</td><td>DIY i5-1334U, 32GB DDR5, 1TB NVMe, Linux (no Windows license)</td><td class="money">~$1300</td><td class="hide-mobile">Framework config math: $699 base + $405 (32GB) + $196 (1TB).</td></tr> 783 + <tr style="color: var(--pink);"><td>wishlist subtotal</td><td>before tax/accessories</td><td class="money">~$2099</td><td class="hide-mobile">Funding target for replacements.</td></tr> 784 + <tr><td>wishlist target (+10%)</td><td>tax + adapters + setup margin</td><td class="money">~$2310</td><td class="hide-mobile">10% buffer on subtotal for checkout reality.</td></tr> 785 + </tbody> 786 + </table> 787 + <div class="card"> 788 + <p><strong>sources:</strong> <a href="https://www.apple.com/shop/buy-mac">apple.com/shop/buy-mac</a> · <a href="https://www.apple.com/macbook-neo/specs/">apple.com/macbook-neo/specs</a> · <a href="https://frame.work/products/laptop12-diy-intel-13gen/configuration/new">frame.work laptop 12 configurator</a></p> 789 + </div> 790 + 791 + <h3>completed</h3> 792 + <div class="card"> 793 + <p><s><strong>Pay DigitalOcean $412.34</strong></s> — DONE (Thanks Casey!)</p> 794 + </div> 795 + 796 + <h3>check in april</h3> 754 797 <div class="card"> 755 798 <p><strong>4.</strong> GCP/Nanos billing — <a href="https://console.cloud.google.com">console.cloud.google.com</a></p> 756 - <p><strong>5.</strong> Domain renewal dates — check 8 domains</p> 799 + <p><strong>5.</strong> Domain renewal dates — check 8 domains for upcoming expirations</p> 757 800 <p><strong>6.</strong> Anthropic spend — <a href="https://console.anthropic.com">console.anthropic.com</a></p> 801 + <p><strong>7.</strong> Evaluate cost reduction plan — legacy-2016 + Redis + downgrades (~$107/mo savings)</p> 758 802 </div> 759 803 760 804 <div class="footer"> ··· 957 1001 { month: 'Dec 25', cost: 182.40 }, 958 1002 { month: 'Jan 26', cost: 110.40 }, 959 1003 { month: 'Feb 26', cost: 132.36 }, 960 - { month: 'Mar 26', cost: 11.14, partial: true }, 1004 + { month: 'Mar 26', cost: 132, partial: true }, 961 1005 ]; 962 1006 963 1007 const svg = document.getElementById('timeline');