jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Copy and layout improvements.

Browse source
This commit is contained in:
Jennie Robinson Faber 2026-04-16 21:11:05 +01:00
parent 39eb9e039a
commit 02222a5c16
20 changed files with 464 additions and 652 deletions
Download patch file Download diff file Expand all files Collapse all files

68
app/pages/join.vue
View file

@ -63,19 +63,12 @@
<ParchmentInset>
<h2>How membership works</h2>
<ul>
<li>
Full access to the knowledge commons, events, Slack community, and
peer support
</li>
<li>One member, one vote in all decisions</li>
<li>Your circle is where you are in your journey, not rank</li>
<li>
Your contribution is what you can afford ($0--50+/month, separate
from your circle)
</li>
<li>
Higher contributions create solidarity spots for those who need them
</li>
<li>Full access to the knowledge commons, Slack, and peer support</li>
<li>Free access to all Ghost Guild events</li>
<li>One member, one vote</li>
<li>Your circle reflects where you are, not rank</li>
<li>Pay what you can ($0&ndash;$50+/month, separate from circle)</li>
<li>Higher contributions create solidarity spots for others</li>
</ul>
</ParchmentInset>
@ -172,7 +165,7 @@
type="text"
placeholder="Your name"
required
/>
>
</div>
<div class="form-group">
<label class="form-label" for="join-email">Email Address</label>
@ -183,7 +176,7 @@
type="email"
placeholder="you@example.com"
required
/>
>
</div>
<div class="form-group">
<label class="form-label">Circle</label>
@ -195,7 +188,7 @@
type="radio"
name="circle"
value="community"
/>
>
<label for="circle-community">
<span
class="circle-label-name"
@ -212,7 +205,7 @@
type="radio"
name="circle"
value="founder"
/>
>
<label for="circle-founder">
<span
class="circle-label-name"
@ -229,7 +222,7 @@
type="radio"
name="circle"
value="practitioner"
/>
>
<label for="circle-practitioner">
<span
class="circle-label-name"
@ -245,21 +238,18 @@
<label class="form-label" for="join-contribution"
>Monthly Contribution</label
>
<select
<USelectMenu
id="join-contribution"
v-model="form.contributionTier"
class="form-select"
>
<option value="0">$0/mo -- I need support right now</option>
<option value="5">$5/mo -- I can contribute</option>
<option value="15">
$15/mo -- I can sustain the community (suggested)
</option>
<option value="30">$30/mo -- I can support others too</option>
<option value="50">
$50/mo -- I want to sponsor multiple members
</option>
</select>
:items="contributionItems"
value-key="value"
:search-input="false"
class="zine-select"
:ui="{
content: 'tz-content',
item: 'tz-item',
}"
/>
</div>
<div class="form-group">
<button
@ -434,6 +424,15 @@ const circleOptions = getCircleOptions();
// Contribution options from central config
const contributionOptions = getContributionOptions();
// Minimal labels for the dropdown (tier descriptions live in the left column).
const contributionItems = [
{ value: "0", label: "$0/mo" },
{ value: "5", label: "$5/mo" },
{ value: "15", label: "$15/mo (suggested)" },
{ value: "30", label: "$30/mo" },
{ value: "50", label: "$50/mo" },
];
// Initialize composables
const {
initializeHelcimPay,
@ -671,11 +670,12 @@ onUnmounted(() => {
position: relative;
}
:deep(.parchment-inset ul li::before) {
content: "--";
content: "›";
position: absolute;
left: 0;
color: var(--candle-dim);
opacity: 0.5;
color: var(--candle-faint);
font-size: 14px;
line-height: 1.4;
}
.parchment-link {