Monorepo for Aesthetic.Computer
aesthetic.computer
bills: elevate priorities and clarify current funding goal
+160
-57
+160
-57
system/public/bills.aesthetic.computer/index.html
+160
-57
system/public/bills.aesthetic.computer/index.html
···
358
358
.card p { font-size: 0.82em; line-height: 1.8; }
359
359
.card p strong { color: var(--pink); }
360
360
361
+
/* Current goal banner */
362
+
.goal-focus {
363
+
margin-bottom: 1em;
364
+
padding: 1em;
365
+
border: 1px solid var(--pink);
366
+
background: linear-gradient(135deg, rgba(255, 107, 157, 0.16), rgba(78, 205, 196, 0.12));
367
+
box-shadow: 0 0 0 1px rgba(255, 107, 157, 0.1) inset;
368
+
}
369
+
.goal-kicker {
370
+
font-size: 0.7em;
371
+
text-transform: uppercase;
372
+
letter-spacing: 0.08em;
373
+
color: var(--cyan);
374
+
}
375
+
.goal-title {
376
+
margin-top: 0.25em;
377
+
font-family: 'YWFT Processing', 'Berkeley Mono Variable', monospace;
378
+
font-size: 1.35em;
379
+
line-height: 1.2;
380
+
color: var(--pink);
381
+
}
382
+
.goal-amount {
383
+
margin-top: 0.18em;
384
+
font-size: 2em;
385
+
color: var(--green);
386
+
font-variant-numeric: tabular-nums;
387
+
}
388
+
.goal-sub {
389
+
margin-top: 0.35em;
390
+
font-size: 0.84em;
391
+
line-height: 1.6;
392
+
}
393
+
.goal-split {
394
+
margin-top: 0.8em;
395
+
display: grid;
396
+
grid-template-columns: repeat(3, minmax(0, 1fr));
397
+
gap: 0.45em;
398
+
}
399
+
.goal-item {
400
+
padding: 0.55em;
401
+
border: 1px solid var(--box-border);
402
+
background: rgba(0, 0, 0, 0.15);
403
+
}
404
+
.goal-item-label {
405
+
font-size: 0.68em;
406
+
text-transform: uppercase;
407
+
letter-spacing: 0.05em;
408
+
color: var(--dim);
409
+
}
410
+
.goal-item-value {
411
+
margin-top: 0.15em;
412
+
font-size: 1.2em;
413
+
font-variant-numeric: tabular-nums;
414
+
}
415
+
.goal-item-note {
416
+
margin-top: 0.15em;
417
+
font-size: 0.72em;
418
+
color: var(--dim);
419
+
}
420
+
.goal-item-mac .goal-item-value { color: var(--pink); }
421
+
.goal-item-framework .goal-item-value { color: var(--cyan); }
422
+
.goal-item-buffer .goal-item-value { color: var(--gold); }
423
+
424
+
body.light-mode .goal-item {
425
+
background: rgba(255, 255, 255, 0.55);
426
+
}
427
+
361
428
/* Collapsible */
362
429
details { margin-bottom: 0.5em; }
363
430
···
454
521
.net-flow { grid-template-columns: 1fr; gap: 0.3em; padding: 0.8em; }
455
522
.flow-op { font-size: 1em; }
456
523
.flow-value { font-size: 1.4em; }
524
+
.goal-title { font-size: 1.1em; }
525
+
.goal-amount { font-size: 1.55em; }
526
+
.goal-split { grid-template-columns: 1fr; }
457
527
table { font-size: 0.78em; }
458
528
td, th { padding: 0.25em 0.35em; }
459
529
.service-map { grid-template-columns: repeat(3, 1fr); }
···
498
568
<div class="alert-dot red"></div>
499
569
<div class="alert-text"><strong>GitHub overdue</strong> — ~$500 unpaid. <a href="https://github.com/organizations/justanothersystem/billing/history">billing history</a></div>
500
570
</div>
571
+
<div class="alert">
572
+
<div class="alert-dot red"></div>
573
+
<div class="alert-text"><strong>Claude Code Max locked out</strong> — $100 overdue and tooling access is blocked.</div>
574
+
</div>
501
575
<div class="alert alert-ok">
502
576
<div class="alert-dot green"></div>
503
577
<div class="alert-text"><strong>DigitalOcean restored</strong> — paid and all droplets back online. Thanks Casey!</div>
···
525
599
</div>
526
600
</div>
527
601
602
+
<hr class="section-divider">
603
+
604
+
<!-- Actions -->
605
+
<h2>priority actions</h2>
606
+
607
+
<div class="goal-focus">
608
+
<div class="goal-kicker">Current goal</div>
609
+
<div class="goal-title">replace broken laptops and restore reliable daily development</div>
610
+
<div class="goal-amount">$2,310 target</div>
611
+
<p class="goal-sub">Money given right now goes directly to these replacements and setup costs.</p>
612
+
<div class="goal-split">
613
+
<div class="goal-item goal-item-mac">
614
+
<div class="goal-item-label">macbook-neo</div>
615
+
<div class="goal-item-value">$799</div>
616
+
<div class="goal-item-note">A18 Pro, 13-inch, 512GB</div>
617
+
</div>
618
+
<div class="goal-item goal-item-framework">
619
+
<div class="goal-item-label">framework-12</div>
620
+
<div class="goal-item-value">$1,300</div>
621
+
<div class="goal-item-note">i5, 32GB RAM, 1TB NVMe</div>
622
+
</div>
623
+
<div class="goal-item goal-item-buffer">
624
+
<div class="goal-item-label">tax + setup buffer</div>
625
+
<div class="goal-item-value">$211</div>
626
+
<div class="goal-item-note">Adapters, tax, setup margin</div>
627
+
</div>
628
+
</div>
629
+
</div>
630
+
631
+
<h3>urgent — before april</h3>
632
+
<div class="card">
633
+
<p><strong>1.</strong> Fix Netlify payment NOW — period ends ~Mar 27, aesthetic.computer at risk</p>
634
+
<p><strong>2.</strong> Resolve Shopify — shop.aesthetic.computer offline, /api/shop broken, product carousel dead</p>
635
+
<p><strong>3.</strong> Pay GitHub ~$500 — <a href="https://github.com/organizations/justanothersystem/billing/history">billing history</a></p>
636
+
<p><strong>4.</strong> Restore Claude Code Max access — $100 overdue and currently locked out</p>
637
+
</div>
638
+
639
+
<h3>machine state — updated mar 23, 2026</h3>
640
+
<table>
641
+
<thead><tr><th>machine</th><th>type</th><th>state</th><th class="hide-mobile">notes</th></tr></thead>
642
+
<tbody>
643
+
<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>
644
+
<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>
645
+
<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>
646
+
<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>
647
+
<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>
648
+
<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>
649
+
</tbody>
650
+
</table>
651
+
652
+
<h3>where your money goes right now</h3>
653
+
<div class="card">
654
+
<p><strong>transparent breakdown:</strong> Donations are prioritized for replacement laptops first so development can stay online.</p>
655
+
</div>
656
+
<table>
657
+
<thead><tr><th>item</th><th>target spec</th><th>est. one-time</th><th class="hide-mobile">pricing notes</th></tr></thead>
658
+
<tbody>
659
+
<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>
660
+
<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>
661
+
<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>
662
+
<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>
663
+
</tbody>
664
+
</table>
665
+
<div class="card">
666
+
<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>
667
+
</div>
668
+
669
+
<h3>completed</h3>
670
+
<div class="card">
671
+
<p><s><strong>Pay DigitalOcean $412.34</strong></s> — DONE (Thanks Casey!)</p>
672
+
</div>
673
+
674
+
<h3>check in april</h3>
675
+
<div class="card">
676
+
<p><strong>5.</strong> GCP/Nanos billing — <a href="https://console.cloud.google.com">console.cloud.google.com</a></p>
677
+
<p><strong>6.</strong> Domain renewal dates — check 8 domains for upcoming expirations</p>
678
+
<p><strong>7.</strong> Anthropic spend — <a href="https://console.anthropic.com">console.anthropic.com</a></p>
679
+
<p><strong>8.</strong> Evaluate cost reduction plan — legacy-2016 + Redis + downgrades (~$107/mo savings)</p>
680
+
</div>
681
+
682
+
<hr class="section-divider">
683
+
528
684
<!-- ═══════════════════════════════════════════════════ -->
529
685
<!-- INCOME -->
530
686
<!-- ═══════════════════════════════════════════════════ -->
···
610
766
<div class="stats">
611
767
<div class="stat-box">
612
768
<div class="stat-label">overdue</div>
613
-
<div class="stat-value" style="color: var(--red);">~$519</div>
614
-
<div class="stat-sub">GitHub ~$500 + Netlify $19</div>
769
+
<div class="stat-value" style="color: var(--red);">~$619</div>
770
+
<div class="stat-sub">GitHub ~$500 + Netlify $19 + Claude $100</div>
615
771
</div>
616
772
<div class="stat-box">
617
773
<div class="stat-label">monthly</div>
···
640
796
<div class="svc income"><div class="svc-name">keeps</div><div class="svc-cost">tezos</div></div>
641
797
<div class="svc income"><div class="svc-name">gives</div><div class="svc-cost">stripe</div></div>
642
798
<div class="svc down"><div class="svc-name">shopify</div><div class="svc-cost">offline</div></div>
799
+
<div class="svc down"><div class="svc-name">claude-max</div><div class="svc-cost">$100 due + locked</div></div>
643
800
<div class="svc ok"><div class="svc-name">oven</div><div class="svc-cost">$48/mo</div></div>
644
801
<div class="svc ok"><div class="svc-name">silo</div><div class="svc-cost">$24/mo</div></div>
645
802
<div class="svc ok"><div class="svc-name">help</div><div class="svc-cost">$24/mo</div></div>
···
665
822
<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
823
<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
824
<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>
825
+
<tr><td><span class="pill pill-red">locked</span></td><td>Claude Code Max</td><td class="money">$100</td><td class="hide-mobile">Subscription overdue; account access currently blocked</td></tr>
668
826
<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>
669
827
<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>
670
828
<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>
···
745
903
</table>
746
904
</div>
747
905
</details>
748
-
749
-
<hr class="section-divider">
750
-
751
-
<!-- Actions -->
752
-
<h2>priority actions</h2>
753
-
754
-
<h3>urgent — before april</h3>
755
-
<div class="card">
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>
758
-
<p><strong>3.</strong> Pay GitHub ~$500 — <a href="https://github.com/organizations/justanothersystem/billing/history">billing history</a></p>
759
-
</div>
760
-
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>
797
-
<div class="card">
798
-
<p><strong>4.</strong> GCP/Nanos billing — <a href="https://console.cloud.google.com">console.cloud.google.com</a></p>
799
-
<p><strong>5.</strong> Domain renewal dates — check 8 domains for upcoming expirations</p>
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>
802
-
</div>
803
906
804
907
<div class="footer">
805
908
<span id="footer-date">...</span>