Member/Ecology revamp.

app/pages/index.vue

@@ -2,19 +2,19 @@
   <div>
     <!-- HERO -->
     <div class="hero">
-      <h1>
-        Ghost Guild is where game developers explore cooperative models.
-      </h1>
+      <h1>Ghost Guild is where game developers explore cooperative models.</h1>
       <p>
         Resources, events, and a community of people figuring it out. Three
-        circles, no hierarchy. $0–50/mo, pay what you can.
+        circles, pay what you can.
       </p>
       <div class="hero-links">
         <NuxtLink to="/join" class="hero-link primary"
           >Become a member</NuxtLink
         >
-        <NuxtLink to="/wiki" class="hero-link">Read the wiki</NuxtLink>
-        <NuxtLink to="/about" class="hero-link">What is this?</NuxtLink>
+        <a href="https://wiki.ghostguild.org" class="hero-link"
+          >Read the wiki</a
+        >
+        <NuxtLink to="/about" class="hero-link">About the Guild</NuxtLink>
       </div>
     </div>
 
@@ -30,10 +30,6 @@
         </div>
         <h2>{{ circle.metaphor }}</h2>
         <p>{{ circle.blurb }}</p>
-        <details>
-          <summary>What's included?</summary>
-          <p>{{ circle.included }}</p>
-        </details>
       </div>
     </div>
 
@@ -64,28 +60,22 @@
         <div class="block-inset">
           <div class="label">Recently in the Wiki</div>
         </div>
-        <div class="wiki-list">
-          <div class="wiki-item">
+        <div v-if="wikiArticles?.length" class="wiki-list">
+          <div
+            v-for="article in wikiArticles"
+            :key="article._id"
+            class="wiki-item"
+          >
             <div class="block-inset wiki-item-inner">
-              <a href="/wiki">Revenue sharing models</a>
-            </div>
-          </div>
-          <div class="wiki-item">
-            <div class="block-inset wiki-item-inner">
-              <a href="/wiki">What is a cooperative studio?</a>
-            </div>
-          </div>
-          <div class="wiki-item">
-            <div class="block-inset wiki-item-inner">
-              <a href="/wiki">Governance structures</a>
-            </div>
-          </div>
-          <div class="wiki-item">
-            <div class="block-inset wiki-item-inner">
-              <a href="/wiki">Legal incorporation guide</a>
+              <a :href="article.url" target="_blank">{{ article.title }}</a>
             </div>
           </div>
         </div>
+        <div v-else class="block-inset">
+          <p class="empty">
+            <a href="https://wiki.ghostguild.org">Browse the wiki &rarr;</a>
+          </p>
+        </div>
       </div>
     </div>
 
@@ -106,9 +96,12 @@
       <p>
         The games industry is full of stories about crunch, layoffs, and studios
         that extract value from workers. Cooperatives are one alternative — not
-        the only one, but one worth <a href="/wiki">practicing together</a>.
+        the only one, but one worth
+        <a href="https://wiki.ghostguild.org">practicing together</a>.
+      </p>
+      <p>
+        <a href="https://wiki.ghostguild.org">Read more in the wiki &rarr;</a>
       </p>
-      <p><a href="/wiki">Read more in the wiki &rarr;</a></p>
     </ParchmentInset>
   </div>
 </template>
@@ -123,33 +116,32 @@ const { data: events } = await useFetch("/api/events", {
   default: () => [],
 });
 
+const { data: wikiArticles } = await useFetch("/api/wiki/recent", {
+  query: { limit: 4 },
+  default: () => [],
+});
+
 const circleData = [
   {
     value: "community",
     label: "Community",
     metaphor: "The open hall",
     blurb:
-      "Arrival, curiosity, orientation. For anyone exploring cooperative models in game development. Access the wiki, public events, and Slack.",
-    included:
-      "Wiki access, public events, Slack community, monthly guild meetings. Free or pay-what-you-can.",
+      "For anyone exploring cooperative models in game development. Solo devs, researchers, students, people who just heard about this and want to know more.",
   },
   {
     value: "founder",
     label: "Founder",
     metaphor: "The workshop",
     blurb:
-      "For people actively building cooperatives. Structured practice, peer support, templates, and hands-on resources.",
-    included:
-      "Everything in Community plus the peer accelerator, 1:1 mentorship matching, and Founder-only workshops.",
+      "For people actively building cooperative studios. You're working through governance, legal structure, revenue sharing, and all the hard parts.",
   },
   {
     value: "practitioner",
     label: "Practitioner",
     metaphor: "The alcove",
     blurb:
-      "Where experience is shared and knowledge given back. Teaching, advising, shaping the program itself.",
-    included:
-      "Everything in Founder plus the ability to mentor, propose events, contribute to the wiki, and help govern the Guild.",
+      "Where experience is shared and knowledge given back. You're here to teach, advise, mentor, and help shape the program itself. Alumni welcome.",
   },
 ];
 
@@ -257,26 +249,6 @@ const formatDate = (dateStr) => {
   margin-bottom: 8px;
 }
 
-/* ---- DETAILS ---- */
-details {
-  margin-top: 12px;
-}
-details summary {
-  font-size: 12px;
-  color: var(--candle-dim);
-  cursor: pointer;
-  list-style: none;
-}
-details summary::before {
-  content: "+ ";
-}
-details[open] summary::before {
-  content: "− ";
-}
-details p {
-  margin-top: 8px;
-}
-
 /* ---- EVENT LIST ---- */
 .event-item {
   border-bottom: 1px dashed var(--border);