diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 4b39e60..4167651 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -273,6 +273,14 @@ p a, blockquote a { min-width: 0; } +/* ---- Nuxt UI placeholder contrast ---- + Default Nuxt UI placeholder uses `text-dimmed` (#a6a09b) which fails WCAG + AA on cream and white backgrounds (≈2.4:1). Override globally to --text-dim + so USelect/USelectMenu placeholders meet the 4.5:1 ratio. */ +[data-slot="placeholder"] { + color: var(--text-dim); +} + /* ---- SHARED USelectMenu STYLES ---- Apply via: Classes are global (not scoped) because Nuxt UI portals the popup content to body. */ diff --git a/app/pages/index.vue b/app/pages/index.vue index d813d33..de89b01 100644 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -131,12 +131,10 @@ const DEFAULT_WIKI_FEATURE_TITLE = "What is a cooperative studio?"; const { data: wikiFeature } = await useFetch( "/api/site-content/homepage.wiki_feature", - { default: () => ({ title: "", body: "" }) } + { default: () => ({ title: "", body: "" }) }, ); -const hasCustomWikiFeature = computed( - () => !!wikiFeature.value?.body?.trim() -); +const hasCustomWikiFeature = computed(() => !!wikiFeature.value?.body?.trim()); const customWikiParagraphs = computed(() => { const body = wikiFeature.value?.body?.trim() || ""; @@ -166,7 +164,7 @@ const circleData = [ label: "Practitioner", metaphor: "The alcove", blurb: - "Where experience is shared and knowledge given back. You're here to teach, advise, mentor, and help shape the program itself. Alumni welcome.", + "Where experience is shared and knowledge given back. You're here to support newcomers, help shape the Cooperative Foundations program, and find peers.", }, ]; diff --git a/app/pages/join.vue b/app/pages/join.vue index 32cc816..1a88b43 100644 --- a/app/pages/join.vue +++ b/app/pages/join.vue @@ -64,26 +64,37 @@

Pay what you can

- Baby Ghosts Studio Development Fund is a registered Canadian charity. - Members who file Canadian taxes can claim their contributions. - We'll help you set up tax receipts once you've joined. + Baby Ghosts Studio Development Fund is a registered Canadian + charity. Members who file Canadian taxes can claim their + contributions. We'll help you set up tax receipts once you've + joined.

Pay what you can. If you can pay more, you're making room for @@ -118,7 +129,7 @@ type="text" placeholder="Your name" required - > + />

@@ -129,7 +140,7 @@ type="email" placeholder="you@example.com" required - > + />
@@ -141,7 +152,7 @@ type="radio" name="circle" value="community" - > + />
-
+
-

{{ guidanceLabel }}

+

+ {{ guidanceLabel }} +

- You'll be charged ${{ firstCharge }} today (${{ form.contributionAmount }}/month × 12). + You'll be charged ${{ firstCharge }} today + (${{ form.contributionAmount }}/month × 12).

- Then ${{ firstCharge }} every {{ cadence === 'annual' ? 'year' : 'month' }}, until you cancel. + Then + ${{ firstCharge }} every + {{ cadence === "annual" ? "year" : "month" }}, until you cancel.

-