Replace ghost/whisper/sparkle color palettes with guild/candlelight/parchment/ember/earth tokens. Switch typography from NB Television Pro to Quietism serif. Update all 25 Vue components, layouts, and pages to new design system. Add circle color tokens, typography scale, prose-guild class, and warm texture effects. Clean up stale documentation files.
66 lines
2 KiB
JavaScript
66 lines
2 KiB
JavaScript
// Central configuration for Ghost Guild Circles
|
|
export const CIRCLES = {
|
|
COMMUNITY: {
|
|
value: "community",
|
|
label: "Community",
|
|
shortDescription: "Learning about co-ops",
|
|
description:
|
|
"For individuals interested in learning about cooperative principles",
|
|
features: [
|
|
"Game workers curious about coops",
|
|
"People exploring alternative work models, including researchers and industry allies",
|
|
"Access to community forums and resources",
|
|
],
|
|
colorToken: "circle-community",
|
|
metaphor: "Reading Room",
|
|
icon: null,
|
|
},
|
|
FOUNDER: {
|
|
value: "founder",
|
|
label: "Founders",
|
|
shortDescription: "Building your studio",
|
|
description: "For those actively establishing or growing their coop",
|
|
features: [
|
|
"Teams working toward applying for the Peer Accelerator",
|
|
"Early-stage coop studios",
|
|
"Studios transitioning to coop model",
|
|
],
|
|
colorToken: "circle-founder",
|
|
metaphor: "Workshop",
|
|
icon: null,
|
|
},
|
|
PRACTITIONER: {
|
|
value: "practitioner",
|
|
label: "Practitioners",
|
|
shortDescription: "Leading and mentoring",
|
|
description: "For Peer Accelerator alumni and experienced studio founders",
|
|
features: [
|
|
"Those implementing cooperative models",
|
|
"Industry mentors and advisors",
|
|
"Expert-level workshops and mentorship opportunities",
|
|
],
|
|
colorToken: "circle-practitioner",
|
|
metaphor: "Alcove",
|
|
icon: null,
|
|
},
|
|
};
|
|
|
|
// Get all circle options as an array (useful for forms)
|
|
export const getCircleOptions = () => {
|
|
return Object.values(CIRCLES);
|
|
};
|
|
|
|
// Get valid circle values for validation
|
|
export const getValidCircleValues = () => {
|
|
return Object.values(CIRCLES).map((circle) => circle.value);
|
|
};
|
|
|
|
// Get circle by value
|
|
export const getCircleByValue = (value) => {
|
|
return Object.values(CIRCLES).find((circle) => circle.value === value);
|
|
};
|
|
|
|
// Check if a circle value is valid
|
|
export const isValidCircleValue = (value) => {
|
|
return getValidCircleValues().includes(value);
|
|
};
|