From b9f31ccc30952ee74f17b642314940f93f4e62d4 Mon Sep 17 00:00:00 2001 From: 2ro <17595647+2ro@users.noreply.github.com> Date: Tue, 7 Jul 2026 00:36:52 -0400 Subject: [PATCH] pay: Apple-style centered Goblin Pay lockup at panel top Replace the left-aligned wordmark + redundant "Pay with Goblin" heading with a single centered lockup (the white goblin+Pay wordmark) as the page h1, with generous whitespace and no other heading text. The lockup already reads "Goblin Pay", so the separate heading is dropped; its alt carries the heading for assistive tech. Rendered height 34px. Asset is the existing static/goblinpay-wordmark.svg (byte-identical to the design-bundle Goblin-Pay-W.svg), already routed and embedded. --- static/style.css | 8 ++++++-- templates/pay.html | 3 +-- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/static/style.css b/static/style.css index f264c1e..f9aa389 100644 --- a/static/style.css +++ b/static/style.css @@ -31,8 +31,12 @@ main { main.admin { max-width: 60rem; } -.brand { display: block; } -.brandmark { height: 30px; width: auto; display: block; margin: 0 0 1.25rem; } +/* Apple-Pay-style header: the white Goblin Pay lockup, centered with generous + whitespace, is the only branding. No separate heading text (the lockup itself + reads "Goblin Pay"), keeping the sheet clean and uncluttered. The lockup is + the page's h1; its alt carries the heading for assistive tech. */ +.brand { margin: 0.25rem 0 1.75rem; text-align: center; line-height: 0; } +.brandmark { height: 34px; width: auto; display: inline-block; } h1 { font-size: 1.5rem; margin: 0 0 0.5rem; } h2 { font-size: 1.05rem; margin: 1.75rem 0 0.5rem; color: var(--dim); text-transform: uppercase; letter-spacing: 0.04em; } diff --git a/templates/pay.html b/templates/pay.html index d71ecba..d0a5476 100644 --- a/templates/pay.html +++ b/templates/pay.html @@ -9,8 +9,7 @@
- GoblinPay -

Pay with Goblin

+

Pay with Goblin

{{ info.amount_display }}

{% if is_confirmed %}