Monorepo for Aesthetic.Computer
aesthetic.computer
bills: add machine status and hardware wishlist
+66
-22
+66
-22
system/public/bills.aesthetic.computer/index.html
+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');