Monorepo for Aesthetic.Computer
aesthetic.computer
misc: ac-desktop autodeploy, slides keymap polish, lacma pdf rev, web menuband i18n
- ac-electron/ac-desktop: new `autodeploy` subcommand that probes knot SSH on an interval, then runs push → publish → install once the network cooperates (airline-wifi resilience).
- slides/notepat-keymap/template.html: PALS watermark composited ON TOP of the Jeffrey portrait in the corner; QR row goes side-by-side with implementations instead of stacked; smaller QRs to fit the new row.
- grants/lacma-2026/lacma-2026.pdf: revised draft.
- system/public/menuband/index.html: EN/ES language-switch chip pair (rounded glass capsule, top-right) — companion to the slab/menuband Localization scaffold.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
+317
-52
+63
ac-electron/ac-desktop
+63
ac-electron/ac-desktop
···
15
15
# ac-desktop open Launch the installed app
16
16
# ac-desktop kill Quit running instances
17
17
# ac-desktop icons Regenerate tray + app icons
18
+
# ac-desktop autodeploy [--interval=SECS] Retry push + publish + install until network cooperates
18
19
# ac-desktop doctor Check signing creds, electron, dist, installed app
19
20
#
20
21
# Subcommands delegate to existing scripts (dev.fish, install.fish, release.fish,
···
291
292
ok "Icons rebuilt under build/icons/"
292
293
}
293
294
295
+
cmd_autodeploy() {
296
+
require_mac
297
+
cd_repo
298
+
local interval=120
299
+
for arg in "$@"; do
300
+
case "$arg" in
301
+
--interval=*) interval="${arg#--interval=}" ;;
302
+
esac
303
+
done
304
+
hdr "AUTODEPLOY — retry push + publish + install until reachable"
305
+
log "Probe interval: ${interval}s. Ctrl-C to stop."
306
+
log "Will: 1) git push origin main 2) ac-desktop publish 3) ac-desktop install"
307
+
echo ""
308
+
309
+
# Step 1: push to knot. We don't merge/force — just retry until knot's
310
+
# SSH is reachable. (knot.aesthetic.computer:22 is what airline wifi
311
+
# typically blocks.)
312
+
while true; do
313
+
log "[1/3] Probing knot SSH…"
314
+
if timeout 15 ssh -o BatchMode=yes -o ConnectTimeout=10 \
315
+
git@knot.aesthetic.computer 2>&1 \
316
+
| grep -qE "(does not provide shell access|Welcome|gitea|git)"; then
317
+
ok "knot reachable"
318
+
break
319
+
fi
320
+
# Some hosts hang up cleanly with no banner — accept that too if SSH exited 0.
321
+
timeout 15 ssh -o BatchMode=yes -o ConnectTimeout=10 \
322
+
git@knot.aesthetic.computer true >/dev/null 2>&1 && { ok "knot reachable (silent)"; break; }
323
+
warn "knot not reachable yet — sleeping ${interval}s"
324
+
sleep "${interval}"
325
+
done
326
+
327
+
log "Pushing to origin/main…"
328
+
if ! git push origin main; then
329
+
err "push failed — bailing. Resolve manually then rerun: ac-desktop autodeploy"
330
+
exit 1
331
+
fi
332
+
ok "pushed"
333
+
334
+
# Step 2: publish (signs + notarizes + uploads). Will fail without
335
+
# internet to Apple TSA / notary service / releases bucket — retry the
336
+
# whole thing if so.
337
+
while true; do
338
+
log "[2/3] Running publish…"
339
+
if PYTHON=/opt/homebrew/bin/python3.12 npm_config_python=/opt/homebrew/bin/python3.12 \
340
+
npm run publish:mac; then
341
+
ok "published"
342
+
break
343
+
fi
344
+
warn "publish failed (likely network) — sleeping ${interval}s and retrying"
345
+
sleep "${interval}"
346
+
done
347
+
348
+
# Step 3: install the now-published version.
349
+
log "[3/3] Installing published version locally…"
350
+
fish ./install.fish --force || warn "install step failed — try manually: ac-desktop install --force"
351
+
352
+
ok "autodeploy complete"
353
+
cmd_status
354
+
}
355
+
294
356
cmd_doctor() {
295
357
cd_repo
296
358
hdr "DOCTOR"
···
338
400
open|launch) cmd_open "$@" ;;
339
401
kill|stop|quit) cmd_kill "$@" ;;
340
402
icons) cmd_icons "$@" ;;
403
+
autodeploy|adeploy) cmd_autodeploy "$@" ;;
341
404
doctor|check) cmd_doctor "$@" ;;
342
405
*)
343
406
err "Unknown subcommand: ${CMD}"
grants/lacma-2026/lacma-2026.pdf
grants/lacma-2026/lacma-2026.pdf
This is a binary file and will not be displayed.
+38
-31
slides/notepat-keymap/template.html
+38
-31
slides/notepat-keymap/template.html
···
189
189
190
190
.below-bottom {
191
191
display: flex;
192
-
flex-direction: column;
193
-
gap: 14px;
192
+
flex-direction: row;
193
+
align-items: flex-start;
194
+
gap: 28px;
194
195
margin-top: 18px;
195
196
border-top: 2px solid #ddd;
196
197
padding-top: 16px;
197
198
}
198
-
.below-bottom .row {
199
-
display: flex;
200
-
align-items: center;
201
-
gap: 24px;
202
-
}
203
-
.impls { flex: 1; }
199
+
.impls { flex: 1; min-width: 0; }
204
200
.impls .impl-list {
205
201
list-style: none;
206
202
padding: 0; margin: 0;
···
229
225
letter-spacing: 0.02em;
230
226
}
231
227
232
-
.qrs { display: flex; gap: 22px; }
228
+
.qrs { display: flex; gap: 22px; flex-shrink: 0; }
233
229
.qrs .qr { display: flex; flex-direction: column; align-items: center; gap: 7px; }
234
-
.qrs .qr img { width: 180px; height: 180px; image-rendering: pixelated; border: 1px solid #ddd; border-radius: 8px; background: #fff; }
235
-
.qrs .qr .label { font-family: "SF Mono", Menlo, monospace; font-size: 17px; color: #111; font-weight: 700; }
230
+
.qrs .qr img { width: 150px; height: 150px; image-rendering: pixelated; border: 1px solid #ddd; border-radius: 8px; background: #fff; }
231
+
.qrs .qr .label { font-family: "SF Mono", Menlo, monospace; font-size: 15px; color: #111; font-weight: 700; }
236
232
237
-
/* PALS watermark + Jeffrey portrait + brand. Stacked images in the
238
-
top-right corner, text label to their left. */
233
+
/* PALS watermark composited ON TOP of the Jeffrey portrait, in the
234
+
top-right corner with text label to their left. The portrait sits
235
+
behind so pals reads as a stamped mark over jeffrey's face. */
239
236
.brand-block {
240
237
position: absolute;
241
238
top: 18px;
···
243
240
display: flex; align-items: flex-start; gap: 20px;
244
241
}
245
242
.brand-block .marks {
246
-
display: flex; flex-direction: column; gap: 4px; align-items: center;
243
+
position: relative;
244
+
width: 160px; height: 160px;
247
245
}
248
-
.brand-block .marks #pals { width: 124px; height: 124px; opacity: 0.95; }
249
246
.brand-block .marks #jeffrey {
250
-
width: 124px; height: 124px;
251
-
border-radius: 6px;
247
+
position: absolute;
248
+
inset: 0;
249
+
width: 160px; height: 160px;
250
+
border-radius: 8px;
252
251
object-fit: cover;
253
252
object-position: center top;
254
253
border: 2px solid #ddd;
255
-
/* Pull up into the pals SVG's empty padding so the two marks
256
-
visually stack flush. */
257
-
margin-top: -22px;
254
+
z-index: 1;
255
+
}
256
+
.brand-block .marks #pals {
257
+
position: absolute;
258
+
left: 50%;
259
+
top: 50%;
260
+
transform: translate(-50%, -50%);
261
+
width: 150px; height: 150px;
262
+
opacity: 0.95;
263
+
z-index: 2;
264
+
/* white halo so the silhouette stays legible against the photo */
265
+
filter: drop-shadow(0 0 6px rgba(255,255,255,0.95))
266
+
drop-shadow(0 0 2px rgba(255,255,255,1));
258
267
}
259
268
.brand-block .brand-text {
260
269
display: flex; flex-direction: column; gap: 6px;
···
288
297
<div class="author">by <b>@jeffrey</b></div>
289
298
</div>
290
299
<div class="marks">
291
-
<img id="pals" alt="">
292
300
<img id="jeffrey" alt="@jeffrey">
301
+
<img id="pals" alt="">
293
302
</div>
294
303
</div>
295
304
</div>
···
405
414
<li><b>Remote</b><span class="where">phone</span></li>
406
415
</ul>
407
416
</div>
408
-
<div class="row">
409
-
<div class="qrs">
410
-
<div class="qr">
411
-
<img id="qr1" alt="notepat.com">
412
-
<div class="label">https://notepat.com</div>
413
-
</div>
414
-
<div class="qr">
415
-
<img id="qr2" alt="prompt.ac/menuband">
416
-
<div class="label">https://prompt.ac/menuband</div>
417
-
</div>
417
+
<div class="qrs">
418
+
<div class="qr">
419
+
<img id="qr1" alt="notepat.com">
420
+
<div class="label">notepat.com</div>
421
+
</div>
422
+
<div class="qr">
423
+
<img id="qr2" alt="prompt.ac/menuband">
424
+
<div class="label">prompt.ac/menuband</div>
418
425
</div>
419
426
</div>
420
427
</div>