From a22a576bffeb65f966ef518816bc66dbc9a6cb04 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Sun, 19 Apr 2026 12:16:30 +0100
Subject: [PATCH] fix(join): raise signup form above supporting copy

---
 app/pages/join.vue | 104 ++++++++++++++++++++++-----------------------
 1 file changed, 52 insertions(+), 52 deletions(-)

diff --git a/app/pages/join.vue b/app/pages/join.vue
index 329bbc5..e1efb0c 100644
--- a/app/pages/join.vue
+++ b/app/pages/join.vue
@@ -59,58 +59,6 @@
 
     <!-- Not authenticated: show full join page -->
     <template v-else>
-      <!-- HOW MEMBERSHIP WORKS -->
-      <ParchmentInset>
-        <h2>How membership works</h2>
-        <ul>
-          <li>Full access to the knowledge commons, Slack, and peer support</li>
-          <li>Free access to all Ghost Guild events</li>
-          <li>Equal access for every member, regardless of contribution</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>
-
-      <!-- THREE CIRCLES -->
-      <div class="content-row">
-        <div class="content-block">
-          <div class="section-label" style="color: var(--c-community)">
-            Community
-          </div>
-          <h2>Exploring</h2>
-          <p>
-            For game workers curious about cooperatives and people exploring
-            alternative work models. You might be a solo developer, a student, a
-            researcher, or just someone who heard about this and wants to know
-            more. Start here.
-          </p>
-        </div>
-        <div class="content-block">
-          <div class="section-label" style="color: var(--c-founder)">
-            Founder
-          </div>
-          <h2>Building</h2>
-          <p>
-            For people actively building cooperative studios. You have a team,
-            or you are forming one. You are working through governance, legal
-            structure, revenue sharing, and all the hard parts. You want
-            structured support and peers doing the same thing.
-          </p>
-        </div>
-        <div class="content-block">
-          <div class="section-label" style="color: var(--c-practitioner)">
-            Practitioner
-          </div>
-          <h2>Practicing</h2>
-          <p>
-            For those already running cooperative studios or with deep
-            experience in cooperative practice. You are here to teach, advise,
-            mentor, and help shape the program itself. Alumni.
-          </p>
-        </div>
-      </div>
-
       <!-- CONTRIBUTION + SIGN UP (two columns) -->
       <div v-if="currentStep === 1" class="join-two-col">
         <!-- Left: Monthly Contribution -->
@@ -318,6 +266,58 @@
         </div>
       </div>
 
+      <!-- HOW MEMBERSHIP WORKS -->
+      <ParchmentInset>
+        <h2>How membership works</h2>
+        <ul>
+          <li>Full access to the knowledge commons, Slack, and peer support</li>
+          <li>Free access to all Ghost Guild events</li>
+          <li>Equal access for every member, regardless of contribution</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>
+
+      <!-- THREE CIRCLES -->
+      <div class="content-row">
+        <div class="content-block">
+          <div class="section-label" style="color: var(--c-community)">
+            Community
+          </div>
+          <h2>Exploring</h2>
+          <p>
+            For game workers curious about cooperatives and people exploring
+            alternative work models. You might be a solo developer, a student, a
+            researcher, or just someone who heard about this and wants to know
+            more. Start here.
+          </p>
+        </div>
+        <div class="content-block">
+          <div class="section-label" style="color: var(--c-founder)">
+            Founder
+          </div>
+          <h2>Building</h2>
+          <p>
+            For people actively building cooperative studios. You have a team,
+            or you are forming one. You are working through governance, legal
+            structure, revenue sharing, and all the hard parts. You want
+            structured support and peers doing the same thing.
+          </p>
+        </div>
+        <div class="content-block">
+          <div class="section-label" style="color: var(--c-practitioner)">
+            Practitioner
+          </div>
+          <h2>Practicing</h2>
+          <p>
+            For those already running cooperative studios or with deep
+            experience in cooperative practice. You are here to teach, advise,
+            mentor, and help shape the program itself. Alumni.
+          </p>
+        </div>
+      </div>
+
       <!-- Step 2: Payment -->
       <div v-if="currentStep === 2" class="form-section">
         <h2>Payment Information</h2>