Monorepo for Aesthetic.Computer
aesthetic.computer
feat: add Liberapay donation widget to SCORE.md and give page
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+144
-1
+1
-1
SCORE.md
+1
-1
SCORE.md
···
2
2
3
3
As implemented in this monorepo through the direction of [@jeffrey](https://prompt.ac/@jeffrey) ([ORCID](https://orcid.org/0009-0007-4460-4913)).
4
4
5
-
<a href="https://github.com/sponsors/whistlegraph"><img src="https://img.shields.io/github/sponsors/whistlegraph?style=for-the-badge&logo=github&label=Sponsor&color=ff6b9d" alt="Sponsor whistlegraph"></a> <a href="https://give.aesthetic.computer"><img src="https://img.shields.io/badge/give-aesthetic.computer-ff6b9d?style=for-the-badge" alt="Give"></a> <a href="https://bills.aesthetic.computer"><img src="https://img.shields.io/badge/bills-transparent%20costs-4ecdc4?style=for-the-badge" alt="Bills"></a>
5
+
<a href="https://github.com/sponsors/whistlegraph"><img src="https://img.shields.io/github/sponsors/whistlegraph?style=for-the-badge&logo=github&label=Sponsor&color=ff6b9d" alt="Sponsor whistlegraph"></a> <a href="https://liberapay.com/aesthetic.computer/donate"><img src="https://img.shields.io/liberapay/receives/aesthetic.computer?style=for-the-badge&logo=liberapay&label=Liberapay&color=f6c915" alt="Donate on Liberapay"></a> <a href="https://give.aesthetic.computer"><img src="https://img.shields.io/badge/give-aesthetic.computer-ff6b9d?style=for-the-badge" alt="Give"></a> <a href="https://bills.aesthetic.computer"><img src="https://img.shields.io/badge/bills-transparent%20costs-4ecdc4?style=for-the-badge" alt="Bills"></a>
6
6
7
7
<img width="200" src="https://assets.aesthetic.computer/aesthetic-inc/pals.png">
8
8
+143
system/public/give.aesthetic.computer/index.html
+143
system/public/give.aesthetic.computer/index.html
···
866
866
.curr-link.active[data-curr="dkk"] { color: var(--cyan); }
867
867
.curr-link.active[data-curr="crypto"] { color: #a78bfa; }
868
868
.curr-link.active[data-curr="paypal"] { color: #0070ba; }
869
+
.curr-link.active[data-curr="liberapay"] { color: #f6c915; }
869
870
870
871
@media (max-width: 600px) {
871
872
body {
···
2458
2459
.paypal-email:hover .paypal-copy-hint {
2459
2460
color: var(--green);
2460
2461
opacity: 1;
2462
+
}
2463
+
2464
+
/* Liberapay section */
2465
+
.liberapay-compact .gift-visual {
2466
+
display: none;
2467
+
}
2468
+
2469
+
.liberapay-header {
2470
+
display: flex;
2471
+
align-items: center;
2472
+
gap: 0.5em;
2473
+
padding: 0.6em 1em;
2474
+
background: linear-gradient(135deg, rgba(246, 201, 21, 0.25) 0%, rgba(200, 160, 0, 0.15) 100%);
2475
+
border: 1px solid var(--box-border);
2476
+
border-radius: 0;
2477
+
}
2478
+
2479
+
.liberapay-logo-tiny {
2480
+
width: 24px;
2481
+
height: 24px;
2482
+
}
2483
+
2484
+
.liberapay-title {
2485
+
font-family: 'YWFTProcessing-Regular', sans-serif;
2486
+
font-size: 1em;
2487
+
color: #f6c915;
2488
+
}
2489
+
2490
+
.liberapay-subtitle {
2491
+
font-family: var(--mono);
2492
+
font-size: 0.8em;
2493
+
color: var(--dim);
2494
+
margin-left: 0.8em;
2495
+
}
2496
+
2497
+
.liberapay-controls {
2498
+
padding: 2em 4em;
2499
+
background: linear-gradient(180deg, rgba(246, 201, 21, 0.1) 0%, rgba(200, 160, 0, 0.15) 100%);
2500
+
border: 1px solid var(--box-border);
2501
+
border-top: none;
2502
+
border-radius: 0 0 8px 8px;
2503
+
display: flex;
2504
+
flex-direction: column;
2505
+
align-items: center;
2506
+
justify-content: center;
2507
+
gap: 1.5em;
2508
+
width: 100%;
2509
+
box-sizing: border-box;
2510
+
}
2511
+
2512
+
.liberapay-compact {
2513
+
display: flex;
2514
+
flex-direction: column;
2515
+
align-items: stretch;
2516
+
}
2517
+
2518
+
.liberapay-compact .liberapay-header {
2519
+
width: 100%;
2520
+
border-radius: 0;
2521
+
}
2522
+
2523
+
.liberapay-link-btn {
2524
+
display: inline-flex;
2525
+
align-items: center;
2526
+
justify-content: center;
2527
+
gap: 0.6em;
2528
+
padding: 0.9em 1.8em;
2529
+
background: linear-gradient(135deg, #f6c915 0%, #d4a800 100%);
2530
+
color: #1a1a2e;
2531
+
text-decoration: none;
2532
+
border-radius: 24px;
2533
+
font-family: 'YWFTProcessing-Regular', sans-serif;
2534
+
font-size: 1.1em;
2535
+
font-weight: 600;
2536
+
transition: all 0.2s ease;
2537
+
box-shadow: 0 3px 10px rgba(246, 201, 21, 0.3);
2538
+
}
2539
+
2540
+
.liberapay-link-btn:hover {
2541
+
background: linear-gradient(135deg, #ffd630 0%, #e0b500 100%);
2542
+
transform: translateY(-2px);
2543
+
box-shadow: 0 6px 20px rgba(246, 201, 21, 0.4);
2544
+
}
2545
+
2546
+
.liberapay-link-btn:active {
2547
+
transform: translateY(0);
2548
+
}
2549
+
2550
+
.liberapay-desc {
2551
+
font-size: 0.85em;
2552
+
color: var(--dim);
2553
+
text-align: center;
2554
+
max-width: 360px;
2555
+
}
2556
+
2557
+
@media (max-width: 480px) {
2558
+
.liberapay-controls {
2559
+
padding: 1.2em 0.8em;
2560
+
}
2561
+
.liberapay-subtitle {
2562
+
display: none;
2563
+
}
2461
2564
}
2462
2565
2463
2566
.crypto-slider {
···
6197
6300
body.light-mode .curr-link.active[data-curr="dkk"] { color: var(--cyan); }
6198
6301
body.light-mode .curr-link.active[data-curr="crypto"] { color: #7c3aed; }
6199
6302
body.light-mode .curr-link.active[data-curr="paypal"] { color: #0070ba; }
6303
+
body.light-mode .curr-link.active[data-curr="liberapay"] { color: #d4a800; }
6304
+
6305
+
/* Light mode: Liberapay section */
6306
+
body.light-mode .liberapay-header {
6307
+
background: linear-gradient(135deg, rgba(246, 201, 21, 0.12) 0%, rgba(200, 160, 0, 0.08) 100%);
6308
+
}
6309
+
6310
+
body.light-mode .liberapay-controls {
6311
+
background: linear-gradient(180deg, rgba(246, 201, 21, 0.05) 0%, rgba(200, 160, 0, 0.08) 100%);
6312
+
}
6313
+
6314
+
body.light-mode .liberapay-title {
6315
+
color: #d4a800;
6316
+
}
6200
6317
6201
6318
/* Light mode: Language dropdown */
6202
6319
body.light-mode .lang-dropdown {
···
6800
6917
<span class="curr-link" data-curr="dkk"><span class="curr-flag">💶</span><span class="curr-text">DKK</span></span>
6801
6918
<span class="curr-link" data-curr="crypto"><span class="curr-flag">🔗</span><span class="curr-text">CRYPTO</span></span>
6802
6919
<span class="curr-link" data-curr="paypal"><span class="curr-flag">🅿️</span><span class="curr-text">PAYPAL</span></span>
6920
+
<span class="curr-link" data-curr="liberapay"><span class="curr-flag">🪙</span><span class="curr-text">LIBERAPAY</span></span>
6803
6921
</div>
6804
6922
</div>
6805
6923
···
7011
7129
<span class="paypal-copy-hint">→ copy</span>
7012
7130
</div>
7013
7131
</div>
7132
+
</div>
7133
+
</div>
7134
+
</div>
7135
+
<div class="currency-picker" data-for="liberapay" style="display: none;">
7136
+
<div class="gift-widget liberapay liberapay-compact" data-currency="liberapay">
7137
+
<div class="liberapay-header">
7138
+
<img src="https://aesthetic.computer/purple-pals.svg" class="liberapay-logo-tiny" alt="">
7139
+
<span class="liberapay-title">🪙 LIBERAPAY</span>
7140
+
<span class="liberapay-subtitle">Recurring donations on Liberapay</span>
7141
+
</div>
7142
+
<div class="liberapay-controls">
7143
+
<a href="https://liberapay.com/aesthetic.computer/donate" target="_blank" rel="noopener" class="liberapay-link-btn">
7144
+
<span data-lang="en">Give on Liberapay</span>
7145
+
<span data-lang="da">Giv via Liberapay</span>
7146
+
<span data-lang="de">Geben via Liberapay</span>
7147
+
<span data-lang="es">Dar via Liberapay</span>
7148
+
<span data-lang="zh">通过Liberapay捐赠</span>
7149
+
</a>
7150
+
<span class="liberapay-desc">
7151
+
<span data-lang="en">open source platform for recurring donations — no fees taken by Liberapay</span>
7152
+
<span data-lang="da">open source platform for tilbagevendende donationer — ingen gebyrer fra Liberapay</span>
7153
+
<span data-lang="de">Open-Source-Plattform für wiederkehrende Spenden — keine Gebühren von Liberapay</span>
7154
+
<span data-lang="es">plataforma de código abierto para donaciones recurrentes — sin comisiones de Liberapay</span>
7155
+
<span data-lang="zh">开源定期捐赠平台 — Liberapay不收取任何费用</span>
7156
+
</span>
7014
7157
</div>
7015
7158
</div>
7016
7159
</div>