Compare commits
No commits in common. "5a69d6ab75cc34569b7937df44b793f09132a186" and "a9acc4c2dc3dab76a6e48f7975540fd89db51ddb" have entirely different histories.
5a69d6ab75
...
a9acc4c2dc
31 changed files with 69 additions and 206 deletions
|
|
@ -158,7 +158,7 @@ const slackLinks = computed(() => {
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.board-post {
|
.board-post {
|
||||||
border: 1px dashed var(--border);
|
border: 1px dashed var(--border);
|
||||||
padding: 20px 24px;
|
padding: 18px 22px;
|
||||||
background: var(--surface);
|
background: var(--surface);
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
-webkit-column-break-inside: avoid;
|
-webkit-column-break-inside: avoid;
|
||||||
|
|
@ -219,7 +219,7 @@ const slackLinks = computed(() => {
|
||||||
|
|
||||||
.post-title {
|
.post-title {
|
||||||
font-family: "Brygada 1918", serif;
|
font-family: "Brygada 1918", serif;
|
||||||
font-size: 18px;
|
font-size: 19px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--text-bright);
|
color: var(--text-bright);
|
||||||
margin: 0 0 12px;
|
margin: 0 0 12px;
|
||||||
|
|
|
||||||
|
|
@ -138,7 +138,7 @@ function handleSubmit() {
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.post-form {
|
.post-form {
|
||||||
border: 1px dashed var(--border);
|
border: 1px dashed var(--border);
|
||||||
padding: 16px 16px;
|
padding: 14px 16px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -147,7 +147,7 @@ function handleSubmit() {
|
||||||
}
|
}
|
||||||
.form-title {
|
.form-title {
|
||||||
font-family: "Brygada 1918", serif;
|
font-family: "Brygada 1918", serif;
|
||||||
font-size: 16px;
|
font-size: 15px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--text-bright);
|
color: var(--text-bright);
|
||||||
}
|
}
|
||||||
|
|
@ -183,7 +183,7 @@ function handleSubmit() {
|
||||||
color: var(--text-faint);
|
color: var(--text-faint);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
letter-spacing: 0;
|
letter-spacing: 0;
|
||||||
font-size: 10px;
|
font-size: 9px;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -48,7 +48,7 @@ defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
.circle-option {
|
.circle-option {
|
||||||
border: 1px dashed var(--border);
|
border: 1px dashed var(--border);
|
||||||
padding: 12px 12px;
|
padding: 14px 12px;
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.15s;
|
transition: all 0.15s;
|
||||||
|
|
@ -83,7 +83,7 @@ defineEmits(['update:modelValue'])
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle-tag {
|
.circle-tag {
|
||||||
font-size: 10px;
|
font-size: 9px;
|
||||||
letter-spacing: 0.06em;
|
letter-spacing: 0.06em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
|
|
|
||||||
|
|
@ -104,7 +104,7 @@ const formatDate = (dateStr) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.em-circle {
|
.em-circle {
|
||||||
font-size: 10px;
|
font-size: 9px;
|
||||||
letter-spacing: 0.06em;
|
letter-spacing: 0.06em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@ defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.filter-bar {
|
.filter-bar {
|
||||||
padding: 16px 28px;
|
padding: 14px 32px;
|
||||||
border-bottom: 1px dashed var(--border);
|
border-bottom: 1px dashed var(--border);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -12,8 +12,8 @@
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="absolute top-2 right-2 p-1 rounded-full transition-colors"
|
class="absolute top-2 right-2 p-1 text-white rounded-full transition-colors"
|
||||||
style="background: var(--ember); color: var(--parch-text)"
|
style="background: var(--ember)"
|
||||||
@click="removeImage"
|
@click="removeImage"
|
||||||
>
|
>
|
||||||
<Icon name="heroicons:x-mark" class="w-4 h-4" />
|
<Icon name="heroicons:x-mark" class="w-4 h-4" />
|
||||||
|
|
|
||||||
|
|
@ -40,7 +40,7 @@
|
||||||
type="email"
|
type="email"
|
||||||
placeholder="your.email@example.com"
|
placeholder="your.email@example.com"
|
||||||
required
|
required
|
||||||
>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="info-box">
|
<div class="info-box">
|
||||||
|
|
@ -182,7 +182,7 @@ onUnmounted(() => document.removeEventListener('keydown', handleKeydown))
|
||||||
|
|
||||||
.modal-overline {
|
.modal-overline {
|
||||||
font-family: 'Brygada 1918', serif;
|
font-family: 'Brygada 1918', serif;
|
||||||
font-size: 13px;
|
font-size: 14px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--candle);
|
color: var(--candle);
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
|
|
@ -218,7 +218,7 @@ onUnmounted(() => document.removeEventListener('keydown', handleKeydown))
|
||||||
.info-box {
|
.info-box {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: var(--text-faint);
|
color: var(--text-faint);
|
||||||
padding: 12px 16px;
|
padding: 10px 14px;
|
||||||
border: 1px dashed var(--border);
|
border: 1px dashed var(--border);
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
|
|
|
||||||
|
|
@ -118,7 +118,7 @@ const barEmpty = computed(() => '-'.repeat((4 - completedCount.value) * 2) + ']'
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
padding: 4px 12px;
|
padding: 4px 12px;
|
||||||
border: 1px dashed color-mix(in srgb, var(--parch-text) 25%, transparent);
|
border: 1px dashed rgba(237, 228, 208, 0.25);
|
||||||
color: var(--parch-accent);
|
color: var(--parch-accent);
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -134,7 +134,7 @@ const barEmpty = computed(() => '-'.repeat((4 - completedCount.value) * 2) + ']'
|
||||||
.ow-progress {
|
.ow-progress {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
border-top: 1px dashed color-mix(in srgb, var(--parch-text) 12%, transparent);
|
border-top: 1px dashed rgba(237, 228, 208, 0.12);
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: var(--parch-text-dim);
|
color: var(--parch-text-dim);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -153,7 +153,7 @@ const barEmpty = computed(() => '-'.repeat((4 - completedCount.value) * 2) + ']'
|
||||||
}
|
}
|
||||||
|
|
||||||
.ow-bar-empty {
|
.ow-bar-empty {
|
||||||
color: color-mix(in srgb, var(--parch-text) 20%, transparent);
|
color: rgba(237, 228, 208, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ow-skip {
|
.ow-skip {
|
||||||
|
|
|
||||||
|
|
@ -108,7 +108,7 @@ const stepLabel = computed(() => {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
background: color-mix(in srgb, var(--parch) 72%, transparent);
|
background: rgba(42, 32, 21, 0.72);
|
||||||
backdrop-filter: blur(4px);
|
backdrop-filter: blur(4px);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -38,16 +38,16 @@
|
||||||
<div class="section-label">The Circles</div>
|
<div class="section-label">The Circles</div>
|
||||||
<div class="circles-grid">
|
<div class="circles-grid">
|
||||||
<div id="community" class="circle-cell">
|
<div id="community" class="circle-cell">
|
||||||
<h2 style="color: var(--c-community)">Community</h2>
|
<h3 style="color: var(--c-community)">Community</h3>
|
||||||
|
|
||||||
<p>For anyone exploring cooperative models.</p>
|
<p>For anyone exploring cooperative models.</p>
|
||||||
</div>
|
</div>
|
||||||
<div id="founder" class="circle-cell">
|
<div id="founder" class="circle-cell">
|
||||||
<h2 style="color: var(--c-founder)">Founder</h2>
|
<h3 style="color: var(--c-founder)">Founder</h3>
|
||||||
<p>For people actively building cooperatives.</p>
|
<p>For people actively building cooperatives.</p>
|
||||||
</div>
|
</div>
|
||||||
<div id="practitioner" class="circle-cell">
|
<div id="practitioner" class="circle-cell">
|
||||||
<h2 style="color: var(--c-practitioner)">Practitioner</h2>
|
<h3 style="color: var(--c-practitioner)">Practitioner</h3>
|
||||||
<p>For experienced practitioners sharing what they know.</p>
|
<p>For experienced practitioners sharing what they know.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -570,7 +570,7 @@ tbody td {
|
||||||
letter-spacing: 0.04em;
|
letter-spacing: 0.04em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: var(--c-founder);
|
color: var(--c-founder);
|
||||||
border: 1px dashed color-mix(in srgb, var(--ember) 30%, transparent);
|
border: 1px dashed rgba(138, 68, 32, 0.3);
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -583,7 +583,7 @@ tbody td {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--c-founder);
|
color: var(--c-founder);
|
||||||
border: 1px dashed color-mix(in srgb, var(--ember) 40%, transparent);
|
border: 1px dashed rgba(138, 68, 32, 0.4);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -632,12 +632,12 @@ tbody td {
|
||||||
|
|
||||||
.status-upcoming {
|
.status-upcoming {
|
||||||
color: var(--candle);
|
color: var(--candle);
|
||||||
border-color: color-mix(in srgb, var(--candle) 30%, transparent);
|
border-color: rgba(122, 90, 16, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-ongoing {
|
.status-ongoing {
|
||||||
color: var(--green);
|
color: var(--green);
|
||||||
border-color: color-mix(in srgb, var(--green) 30%, transparent);
|
border-color: rgba(74, 106, 56, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-past {
|
.status-past {
|
||||||
|
|
@ -647,7 +647,7 @@ tbody td {
|
||||||
|
|
||||||
.status-cancelled {
|
.status-cancelled {
|
||||||
color: var(--ember);
|
color: var(--ember);
|
||||||
border-color: color-mix(in srgb, var(--ember) 30%, transparent);
|
border-color: rgba(138, 68, 32, 0.3);
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -65,7 +65,7 @@
|
||||||
<span class="item-sub">{{ member.email }}</span>
|
<span class="item-sub">{{ member.email }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-meta">
|
<div class="item-meta">
|
||||||
<CircleBadge :circle="member.circle" />
|
<span class="badge" :class="member.circle">{{ member.circle }}</span>
|
||||||
<span class="item-date">{{ formatDate(member.createdAt) }}</span>
|
<span class="item-date">{{ formatDate(member.createdAt) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
<p v-if="member" class="member-email">{{ member.email }}</p>
|
<p v-if="member" class="member-email">{{ member.email }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="member" class="header-badges">
|
<div v-if="member" class="header-badges">
|
||||||
<CircleBadge :circle="member.circle" />
|
<span class="badge" :class="member.circle">{{ member.circle }}</span>
|
||||||
<span :class="statusClass(member.status)" class="status-badge">{{ member.status }}</span>
|
<span :class="statusClass(member.status)" class="status-badge">{{ member.status }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -108,7 +108,9 @@
|
||||||
</td>
|
</td>
|
||||||
<td class="col-email">{{ member.email }}</td>
|
<td class="col-email">{{ member.email }}</td>
|
||||||
<td>
|
<td>
|
||||||
<CircleBadge :circle="member.circle" />
|
<span class="badge" :class="member.circle">{{
|
||||||
|
member.circle
|
||||||
|
}}</span>
|
||||||
</td>
|
</td>
|
||||||
<td class="col-mono">${{ member.contributionAmount ?? 0 }}/mo</td>
|
<td class="col-mono">${{ member.contributionAmount ?? 0 }}/mo</td>
|
||||||
<td>
|
<td>
|
||||||
|
|
@ -1147,7 +1149,7 @@ th.sortable:hover {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
.badge.status-active {
|
.badge.status-active {
|
||||||
color: var(--green);
|
color: var(--green, #3a6b3a);
|
||||||
border-color: rgba(58, 107, 58, 0.45);
|
border-color: rgba(58, 107, 58, 0.45);
|
||||||
}
|
}
|
||||||
.badge.status-pending_payment {
|
.badge.status-pending_payment {
|
||||||
|
|
@ -1156,7 +1158,7 @@ th.sortable:hover {
|
||||||
}
|
}
|
||||||
.badge.status-suspended {
|
.badge.status-suspended {
|
||||||
color: var(--ember);
|
color: var(--ember);
|
||||||
border-color: color-mix(in srgb, var(--ember) 45%, transparent);
|
border-color: rgba(138, 68, 32, 0.45);
|
||||||
}
|
}
|
||||||
.badge.status-cancelled {
|
.badge.status-cancelled {
|
||||||
color: var(--text-faint);
|
color: var(--text-faint);
|
||||||
|
|
@ -1304,7 +1306,7 @@ th.sortable:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.row-error {
|
.row-error {
|
||||||
background: color-mix(in srgb, var(--ember) 4%, transparent);
|
background: rgba(138, 68, 32, 0.04);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- PREVIEW BOX ---- */
|
/* ---- PREVIEW BOX ---- */
|
||||||
|
|
|
||||||
|
|
@ -643,8 +643,8 @@ tbody td {
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-accepted {
|
.status-accepted {
|
||||||
color: var(--green);
|
color: var(--green, #4a7);
|
||||||
border-color: var(--green);
|
border-color: var(--green, #4a7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-expired {
|
.status-expired {
|
||||||
|
|
@ -671,7 +671,7 @@ tbody td {
|
||||||
|
|
||||||
/* ---- STATUS INDICATORS ---- */
|
/* ---- STATUS INDICATORS ---- */
|
||||||
.status-ok {
|
.status-ok {
|
||||||
color: var(--green);
|
color: var(--green, #4a7);
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -850,7 +850,7 @@ const exportSeriesData = () => {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--c-founder);
|
color: var(--c-founder);
|
||||||
border: 1px dashed color-mix(in srgb, var(--ember) 40%, transparent);
|
border: 1px dashed rgba(138, 68, 32, 0.4);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -931,12 +931,12 @@ const exportSeriesData = () => {
|
||||||
|
|
||||||
.status-active {
|
.status-active {
|
||||||
color: var(--green);
|
color: var(--green);
|
||||||
border-color: color-mix(in srgb, var(--green) 30%, transparent);
|
border-color: rgba(74, 106, 56, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-upcoming {
|
.status-upcoming {
|
||||||
color: var(--candle);
|
color: var(--candle);
|
||||||
border-color: color-mix(in srgb, var(--candle) 30%, transparent);
|
border-color: rgba(122, 90, 16, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-completed {
|
.status-completed {
|
||||||
|
|
@ -946,7 +946,7 @@ const exportSeriesData = () => {
|
||||||
|
|
||||||
.status-ongoing {
|
.status-ongoing {
|
||||||
color: var(--green);
|
color: var(--green);
|
||||||
border-color: color-mix(in srgb, var(--green) 30%, transparent);
|
border-color: rgba(74, 106, 56, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- LINK BUTTONS ---- */
|
/* ---- LINK BUTTONS ---- */
|
||||||
|
|
|
||||||
|
|
@ -954,8 +954,8 @@ const applyBatchVisibility = async (hidden) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.sync-created {
|
.sync-created {
|
||||||
color: var(--green);
|
color: var(--green, #4a7);
|
||||||
border-color: var(--green);
|
border-color: var(--green, #4a7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sync-updated {
|
.sync-updated {
|
||||||
|
|
|
||||||
|
|
@ -82,7 +82,7 @@ if (import.meta.server && !xsrf.value) {
|
||||||
.auth-title {
|
.auth-title {
|
||||||
font-family: var(--font-display);
|
font-family: var(--font-display);
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
letter-spacing: -0.01em;
|
letter-spacing: -0.01em;
|
||||||
color: var(--candle);
|
color: var(--candle);
|
||||||
|
|
|
||||||
|
|
@ -46,7 +46,7 @@ useHead({ title: "Signed Out — Ghost Guild" });
|
||||||
.auth-title {
|
.auth-title {
|
||||||
font-family: var(--font-display);
|
font-family: var(--font-display);
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
letter-spacing: -0.01em;
|
letter-spacing: -0.01em;
|
||||||
color: var(--candle);
|
color: var(--candle);
|
||||||
|
|
|
||||||
|
|
@ -70,7 +70,7 @@ const hasDetail = computed(
|
||||||
.auth-title {
|
.auth-title {
|
||||||
font-family: var(--font-display);
|
font-family: var(--font-display);
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
letter-spacing: -0.01em;
|
letter-spacing: -0.01em;
|
||||||
color: var(--candle);
|
color: var(--candle);
|
||||||
|
|
@ -97,7 +97,7 @@ const hasDetail = computed(
|
||||||
|
|
||||||
.auth-detail-code {
|
.auth-detail-code {
|
||||||
color: var(--ember);
|
color: var(--ember);
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
margin: 0 0 4px;
|
margin: 0 0 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -172,8 +172,8 @@ function resetForm() {
|
||||||
|
|
||||||
.wiki-login-title {
|
.wiki-login-title {
|
||||||
font-family: var(--font-display);
|
font-family: var(--font-display);
|
||||||
font-size: 36px;
|
font-size: 32px;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
letter-spacing: -0.01em;
|
letter-spacing: -0.01em;
|
||||||
color: var(--candle);
|
color: var(--candle);
|
||||||
|
|
@ -240,7 +240,7 @@ function resetForm() {
|
||||||
.wiki-login-sent-heading {
|
.wiki-login-sent-heading {
|
||||||
font-family: var(--font-display);
|
font-family: var(--font-display);
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
color: var(--text-bright);
|
color: var(--text-bright);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -357,13 +357,13 @@ onMounted(async () => {
|
||||||
|
|
||||||
/* ---- LOADING / EMPTY ---- */
|
/* ---- LOADING / EMPTY ---- */
|
||||||
.loading-state {
|
.loading-state {
|
||||||
padding: 64px 24px;
|
padding: 60px 24px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: var(--text-faint);
|
color: var(--text-faint);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
.empty-state {
|
.empty-state {
|
||||||
padding: 64px 24px;
|
padding: 60px 24px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.empty-title {
|
.empty-title {
|
||||||
|
|
|
||||||
|
|
@ -124,7 +124,7 @@ const handleLogout = async () => {
|
||||||
.coming-soon-title {
|
.coming-soon-title {
|
||||||
font-family: var(--font-display);
|
font-family: var(--font-display);
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
color: var(--text-bright);
|
color: var(--text-bright);
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -309,7 +309,7 @@ useHead({
|
||||||
}
|
}
|
||||||
.guidelines-section ul li {
|
.guidelines-section ul li {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 2px 0 2px 16px;
|
padding: 2px 0 2px 18px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: var(--text-dim);
|
color: var(--text-dim);
|
||||||
line-height: 1.7;
|
line-height: 1.7;
|
||||||
|
|
@ -365,7 +365,7 @@ useHead({
|
||||||
font-family: "Brygada 1918", serif;
|
font-family: "Brygada 1918", serif;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: var(--text-bright);
|
color: var(--text-bright);
|
||||||
font-size: 16px;
|
font-size: 15px;
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -430,6 +430,7 @@ const isAlmostFull = (event) => {
|
||||||
border-color: var(--candle-faint);
|
border-color: var(--candle-faint);
|
||||||
color: var(--text-dim);
|
color: var(--text-dim);
|
||||||
}
|
}
|
||||||
|
/* WCAG 2.4.7 — keyboard focus must be visibly indicated. */
|
||||||
.past-toggle:focus-visible {
|
.past-toggle:focus-visible {
|
||||||
outline: 2px dashed var(--candle);
|
outline: 2px dashed var(--candle);
|
||||||
outline-offset: 3px;
|
outline-offset: 3px;
|
||||||
|
|
|
||||||
|
|
@ -747,7 +747,7 @@ onUnmounted(() => {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.tier-list li {
|
.tier-list li {
|
||||||
padding: 4px 0;
|
padding: 5px 0;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: var(--text-dim);
|
color: var(--text-dim);
|
||||||
border-bottom: 1px dashed var(--border);
|
border-bottom: 1px dashed var(--border);
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,9 @@
|
||||||
<span class="profile-pronouns">{{ member.pronouns }}</span>
|
<span class="profile-pronouns">{{ member.pronouns }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="profile-meta">
|
<div class="profile-meta">
|
||||||
<CircleBadge v-if="member.circle" :circle="member.circle" :label="circleLabels[member.circle]" />
|
<span v-if="member.circle" class="badge" :class="member.circle">
|
||||||
|
{{ circleLabels[member.circle] }}
|
||||||
|
</span>
|
||||||
<template v-if="member.studio">
|
<template v-if="member.studio">
|
||||||
<span class="meta-sep">·</span>
|
<span class="meta-sep">·</span>
|
||||||
<span class="profile-studio">{{ member.studio }}</span>
|
<span class="profile-studio">{{ member.studio }}</span>
|
||||||
|
|
@ -370,7 +372,7 @@ useHead({
|
||||||
}
|
}
|
||||||
.profile-name {
|
.profile-name {
|
||||||
font-family: "Brygada 1918", serif;
|
font-family: "Brygada 1918", serif;
|
||||||
font-size: 36px;
|
font-size: 42px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--text-bright);
|
color: var(--text-bright);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
||||||
|
|
@ -185,7 +185,7 @@ const getEventStatus = (event) => {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
padding: 12px 28px;
|
padding: 10px 28px;
|
||||||
border-bottom: 1px dashed var(--border);
|
border-bottom: 1px dashed var(--border);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -140,8 +140,7 @@ See `docs/TODO.md` for:
|
||||||
- ~~`tickets/available.get.js:115` `memberSavings` block reports `$0 saved` for inactive members~~ — fixed 2026-04-29 (commit `f66455e`); `memberSavings` now gated on `hasMemberAccess(member)`.
|
- ~~`tickets/available.get.js:115` `memberSavings` block reports `$0 saved` for inactive members~~ — fixed 2026-04-29 (commit `f66455e`); `memberSavings` now gated on `hasMemberAccess(member)`.
|
||||||
- Simplify-pass follow-ups (2026-04-25): SHIPPED 2026-04-27 on branch `chore/simplify-pass-follow-ups` (pending merge). See `~/.claude/projects/-Users-jennie-Sites-ghostguild-org/memory/project_simplify_pass_2026_04_25.md`.
|
- Simplify-pass follow-ups (2026-04-25): SHIPPED 2026-04-27 on branch `chore/simplify-pass-follow-ups` (pending merge). See `~/.claude/projects/-Users-jennie-Sites-ghostguild-org/memory/project_simplify_pass_2026_04_25.md`.
|
||||||
- ~~Reconcile `customerCode` bug~~ — fixed on `main` in commit `3c38333` ("pass customerCode (not helcimCustomerId) to Helcim transactions API"). Verified in `server/api/internal/reconcile-payments.post.js:97`.
|
- ~~Reconcile `customerCode` bug~~ — fixed on `main` in commit `3c38333` ("pass customerCode (not helcimCustomerId) to Helcim transactions API"). Verified in `server/api/internal/reconcile-payments.post.js:97`.
|
||||||
- ~~Drive-by from 2026-04-29 phantom-Tailwind sweep: `app/components/EventSeriesBadge.vue` has zero usages~~ — deleted 2026-04-29 (commit `f85f284`); 81 lines removed.
|
- Drive-by from 2026-04-29 phantom-Tailwind sweep: `app/components/EventSeriesBadge.vue` has zero usages in `app/` or `server/`. Candidate for deletion in a future cleanup pass.
|
||||||
- Simplify-pass follow-ups (2026-04-29): smallest wins shipped in commit `26791cc`; deferred items (rename `setPaymentBridgeCookie`, dedup admin `STATUS_LABELS`, extract `.tint-candle`/`.tint-ember` utilities, audit `member &&` truthy checks in sibling routes, restore `ImageUpload` alt-text input focus styling) tracked in `docs/TODO.md` § _Simplify-pass follow-ups — 2026-04-29_.
|
|
||||||
|
|
||||||
### Known gotchas worth addressing post-launch
|
### Known gotchas worth addressing post-launch
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -88,11 +88,12 @@ export default defineEventHandler(async (event) => {
|
||||||
member
|
member
|
||||||
})
|
})
|
||||||
|
|
||||||
// Signup completes (paid checkout or free activation) before the magic
|
// Paid-tier signups need to complete Helcim checkout in the same tab
|
||||||
// link is clicked, so issue a short-lived, payment-only bridge cookie
|
// before the magic link can be clicked. Issue a short-lived, payment-only
|
||||||
// that lets /api/helcim/initialize-payment and /api/helcim/subscription
|
// bridge cookie so /api/helcim/initialize-payment accepts the request.
|
||||||
// identify the member without a verified auth session.
|
if (body.contributionAmount > 0) {
|
||||||
setPaymentBridgeCookie(event, member)
|
setPaymentBridgeCookie(event, member)
|
||||||
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
success: true,
|
success: true,
|
||||||
|
|
|
||||||
|
|
@ -1,142 +0,0 @@
|
||||||
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
||||||
|
|
||||||
import Member from '../../../server/models/member.js'
|
|
||||||
import { createHelcimCustomer } from '../../../server/utils/helcim.js'
|
|
||||||
import customerHandler from '../../../server/api/helcim/customer.post.js'
|
|
||||||
import subscriptionHandler from '../../../server/api/helcim/subscription.post.js'
|
|
||||||
import { resetRateLimit } from '../../../server/utils/rateLimit.js'
|
|
||||||
import { sendWelcomeEmail } from '../../../server/utils/resend.js'
|
|
||||||
import { createMockEvent } from '../helpers/createMockEvent.js'
|
|
||||||
|
|
||||||
// Deliberately does NOT mock server/utils/auth.js — the bridge-cookie
|
|
||||||
// hand-off between the two handlers is the contract under test.
|
|
||||||
|
|
||||||
vi.mock('../../../server/models/member.js', () => ({
|
|
||||||
default: {
|
|
||||||
findOne: vi.fn(),
|
|
||||||
create: vi.fn(),
|
|
||||||
findByIdAndUpdate: vi.fn(),
|
|
||||||
findById: vi.fn(),
|
|
||||||
findOneAndUpdate: vi.fn()
|
|
||||||
}
|
|
||||||
}))
|
|
||||||
vi.mock('../../../server/utils/mongoose.js', () => ({ connectDB: vi.fn() }))
|
|
||||||
vi.mock('../../../server/utils/helcim.js', () => ({
|
|
||||||
createHelcimCustomer: vi.fn(),
|
|
||||||
createHelcimSubscription: vi.fn(),
|
|
||||||
generateIdempotencyKey: vi.fn().mockReturnValue('idem-1'),
|
|
||||||
listHelcimCustomerTransactions: vi.fn().mockResolvedValue([])
|
|
||||||
}))
|
|
||||||
vi.mock('../../../server/utils/magicLink.js', () => ({
|
|
||||||
sendMagicLink: vi.fn().mockResolvedValue(undefined)
|
|
||||||
}))
|
|
||||||
vi.mock('../../../server/utils/resend.js', () => ({
|
|
||||||
sendWelcomeEmail: vi.fn().mockResolvedValue({ success: true })
|
|
||||||
}))
|
|
||||||
vi.mock('../../../server/utils/slack.ts', () => ({
|
|
||||||
getSlackService: vi.fn().mockReturnValue(null)
|
|
||||||
}))
|
|
||||||
vi.mock('../../../server/utils/payments.js', () => ({
|
|
||||||
upsertPaymentFromHelcim: vi.fn().mockResolvedValue({ created: true })
|
|
||||||
}))
|
|
||||||
|
|
||||||
vi.stubGlobal('helcimCustomerSchema', {})
|
|
||||||
vi.stubGlobal('helcimSubscriptionSchema', {})
|
|
||||||
|
|
||||||
const ALLOWED_ORIGIN = 'https://ghostguild.test'
|
|
||||||
const MEMBER_ID = '69f231152939bf109ac79d83'
|
|
||||||
|
|
||||||
const SUBSCRIPTION_BODY = {
|
|
||||||
customerId: 999,
|
|
||||||
customerCode: 'CST999',
|
|
||||||
contributionAmount: 0,
|
|
||||||
cadence: 'monthly',
|
|
||||||
cardToken: null
|
|
||||||
}
|
|
||||||
|
|
||||||
function extractBridgeCookie(event) {
|
|
||||||
const setCookie = event.node.res.getHeader('set-cookie')
|
|
||||||
const cookies = Array.isArray(setCookie) ? setCookie : [setCookie].filter(Boolean)
|
|
||||||
const match = cookies.find(c => typeof c === 'string' && c.startsWith('payment-bridge='))
|
|
||||||
if (!match) return null
|
|
||||||
return match.match(/payment-bridge=([^;]+)/)[1]
|
|
||||||
}
|
|
||||||
|
|
||||||
describe('signup → subscription bridge-cookie hand-off', () => {
|
|
||||||
beforeEach(() => {
|
|
||||||
vi.clearAllMocks()
|
|
||||||
resetRateLimit()
|
|
||||||
process.env.BASE_URL = ALLOWED_ORIGIN
|
|
||||||
|
|
||||||
createHelcimCustomer.mockResolvedValue({ id: 999, customerCode: 'CST999' })
|
|
||||||
})
|
|
||||||
|
|
||||||
it('$0 signup: customer endpoint issues a bridge cookie that subscription endpoint accepts', async () => {
|
|
||||||
Member.findOne.mockResolvedValue(null)
|
|
||||||
Member.create.mockResolvedValue({
|
|
||||||
_id: MEMBER_ID,
|
|
||||||
email: 'free@example.com',
|
|
||||||
name: 'Free User',
|
|
||||||
circle: 'community',
|
|
||||||
contributionAmount: 0,
|
|
||||||
status: 'pending_payment'
|
|
||||||
})
|
|
||||||
|
|
||||||
const customerEvent = createMockEvent({
|
|
||||||
method: 'POST',
|
|
||||||
path: '/api/helcim/customer',
|
|
||||||
headers: { origin: ALLOWED_ORIGIN },
|
|
||||||
body: {
|
|
||||||
name: 'Free User',
|
|
||||||
email: 'free@example.com',
|
|
||||||
circle: 'community',
|
|
||||||
contributionAmount: 0,
|
|
||||||
agreedToGuidelines: true,
|
|
||||||
billingAddress: { country: 'CA' }
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const result1 = await customerHandler(customerEvent)
|
|
||||||
expect(result1.success).toBe(true)
|
|
||||||
expect(result1.member.status).toBe('pending_payment')
|
|
||||||
|
|
||||||
const bridgeToken = extractBridgeCookie(customerEvent)
|
|
||||||
expect(bridgeToken, 'payment-bridge cookie missing on $0 signup').toBeTruthy()
|
|
||||||
|
|
||||||
Member.findOneAndUpdate.mockResolvedValue({ _id: MEMBER_ID, status: 'pending_payment' })
|
|
||||||
Member.findById.mockResolvedValue({
|
|
||||||
_id: MEMBER_ID,
|
|
||||||
email: 'free@example.com',
|
|
||||||
name: 'Free User',
|
|
||||||
circle: 'community',
|
|
||||||
contributionAmount: 0,
|
|
||||||
status: 'active'
|
|
||||||
})
|
|
||||||
|
|
||||||
const subscriptionEvent = createMockEvent({
|
|
||||||
method: 'POST',
|
|
||||||
path: '/api/helcim/subscription',
|
|
||||||
headers: { origin: ALLOWED_ORIGIN },
|
|
||||||
cookies: { 'payment-bridge': bridgeToken },
|
|
||||||
body: SUBSCRIPTION_BODY
|
|
||||||
})
|
|
||||||
|
|
||||||
const result2 = await subscriptionHandler(subscriptionEvent)
|
|
||||||
expect(result2.success).toBe(true)
|
|
||||||
expect(result2.member.status).toBe('active')
|
|
||||||
expect(sendWelcomeEmail).toHaveBeenCalledTimes(1)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('$0 signup with no bridge cookie carried forward → subscription returns 401', async () => {
|
|
||||||
const subscriptionEvent = createMockEvent({
|
|
||||||
method: 'POST',
|
|
||||||
path: '/api/helcim/subscription',
|
|
||||||
headers: { origin: ALLOWED_ORIGIN },
|
|
||||||
body: SUBSCRIPTION_BODY
|
|
||||||
})
|
|
||||||
|
|
||||||
await expect(subscriptionHandler(subscriptionEvent)).rejects.toMatchObject({
|
|
||||||
statusCode: 401
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue