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

Readying for design

Browse source
This commit is contained in:
Jennie Robinson Faber 2026-03-04 18:24:20 +00:00
parent d73256ca2b
commit fadf473dde
50 changed files with 1478 additions and 1259 deletions
Download patch file Download diff file Expand all files Collapse all files

54
app/pages/series/[id].vue
View file

@ -28,7 +28,7 @@
<div v-else>
<!-- Page Header -->
<PageHeader :title="series.title" theme="purple" size="large" />
<PageHeader :title="series.title" size="large" />
<!-- Series Meta -->
<section class="py-20 bg-[--ui-bg]">
@ -106,9 +106,9 @@
<!-- Status Message -->
<div
v-if="series?.statistics?.isOngoing"
class="p-4 bg-green-500/10 border border-green-500/30 rounded mb-8"
class="p-4 bg-candlelight-900/20 border border-candlelight-700/30 rounded mb-8"
>
<p class="text-green-600 dark:text-green-400 font-semibold mb-1">
<p class="text-candlelight-500 dark:text-candlelight-400 font-semibold mb-1">
This series is currently ongoing!
</p>
<p class="text-sm text-[--ui-text-muted]">
@ -118,9 +118,9 @@
<div
v-else-if="series?.statistics?.isUpcoming"
class="p-4 bg-blue-500/10 border border-blue-500/30 rounded mb-8"
class="p-4 bg-guild-500/10 border border-guild-500/30 rounded mb-8"
>
<p class="text-blue-600 dark:text-blue-400 font-semibold mb-1">
<p class="text-guild-300 dark:text-guild-300 font-semibold mb-1">
This series is starting soon!
</p>
<p class="text-sm text-[--ui-text-muted]">
@ -130,7 +130,7 @@
<div
v-else-if="series?.statistics?.isCompleted"
class="p-4 bg-gray-500/10 border border-gray-500/30 rounded mb-8"
class="p-4 bg-guild-500/10 border border-guild-500/30 rounded mb-8"
>
<p class="text-[--ui-text] font-semibold mb-1">
This series has concluded.
@ -148,7 +148,7 @@
<section v-if="series?.tickets?.enabled" class="py-20 bg-[--ui-bg]">
<UContainer>
<div class="max-w-4xl mx-auto">
<h2 class="text-2xl font-bold text-[--ui-text] mb-8">
<h2 class="text-display-sm font-bold text-[--ui-text] mb-8">
Get Your Series Pass
</h2>
<SeriesPassPurchase
@ -172,7 +172,7 @@
<section class="py-20 bg-[--ui-bg-elevated]">
<UContainer>
<div class="max-w-4xl mx-auto">
<h2 class="text-2xl font-bold text-[--ui-text] mb-8">
<h2 class="text-display-sm font-bold text-[--ui-text] mb-8">
Event Schedule
</h2>
@ -357,19 +357,19 @@ const formatSeriesType = (type) => {
const getSeriesTypeBadgeClass = (type) => {
const classes = {
workshop_series:
"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border border-emerald-500/30",
"bg-candlelight-900/20 text-candlelight-500 dark:text-candlelight-400 border border-candlelight-700/30",
recurring_meetup:
"bg-blue-500/10 text-blue-600 dark:text-blue-400 border border-blue-500/30",
"bg-guild-500/10 text-guild-300 dark:text-guild-300 border border-guild-500/30",
multi_day:
"bg-purple-500/10 text-purple-600 dark:text-purple-400 border border-purple-500/30",
"bg-ember-900/20 text-ember-500 dark:text-ember-400 border border-ember-700/30",
course:
"bg-amber-500/10 text-amber-600 dark:text-amber-400 border border-amber-500/30",
"bg-candlelight-900/20 text-candlelight-500 dark:text-candlelight-400 border border-candlelight-700/30",
tournament:
"bg-red-500/10 text-red-600 dark:text-red-400 border border-red-500/30",
"bg-ember-900/20 text-ember-500 dark:text-ember-400 border border-ember-700/30",
};
return (
classes[type] ||
"bg-gray-500/10 text-gray-600 dark:text-gray-400 border border-gray-500/30"
"bg-earth-900/20 text-earth-400 dark:text-earth-400 border border-earth-700/30"
);
};
@ -383,14 +383,14 @@ const getSeriesStatusText = () => {
const getSeriesStatusClass = () => {
if (!series.value?.statistics)
return "bg-purple-500/10 text-purple-600 dark:text-purple-400 border border-purple-500/30";
return "bg-candlelight-900/20 text-candlelight-500 dark:text-candlelight-400 border border-candlelight-700/30";
if (series.value.statistics.isOngoing)
return "bg-green-500/10 text-green-600 dark:text-green-400 border border-green-500/30";
return "bg-candlelight-900/20 text-candlelight-500 dark:text-candlelight-400 border border-candlelight-700/30";
if (series.value.statistics.isUpcoming)
return "bg-blue-500/10 text-blue-600 dark:text-blue-400 border border-blue-500/30";
return "bg-guild-500/10 text-guild-300 dark:text-guild-300 border border-guild-500/30";
if (series.value.statistics.isCompleted)
return "bg-gray-500/10 text-gray-600 dark:text-gray-400 border border-gray-500/30";
return "bg-purple-500/10 text-purple-600 dark:text-purple-400 border border-purple-500/30";
return "bg-guild-500/10 text-guild-400 dark:text-guild-400 border border-guild-500/30";
return "bg-candlelight-900/20 text-candlelight-500 dark:text-candlelight-400 border border-candlelight-700/30";
};
const formatEventDate = (date) => {
@ -436,15 +436,15 @@ const getEventStatusClass = (event) => {
const status = getEventStatus(event);
const classes = {
Upcoming:
"bg-blue-500/10 text-blue-600 dark:text-blue-400 border border-blue-500/30",
"bg-guild-500/10 text-guild-300 dark:text-guild-300 border border-guild-500/30",
Ongoing:
"bg-green-500/10 text-green-600 dark:text-green-400 border border-green-500/30",
"bg-candlelight-900/20 text-candlelight-500 dark:text-candlelight-400 border border-candlelight-700/30",
Completed:
"bg-gray-500/10 text-gray-600 dark:text-gray-400 border border-gray-500/30",
"bg-guild-500/10 text-guild-400 dark:text-guild-400 border border-guild-500/30",
};
return (
classes[status] ||
"bg-gray-500/10 text-gray-600 dark:text-gray-400 border border-gray-500/30"
"bg-guild-500/10 text-guild-400 dark:text-guild-400 border border-guild-500/30"
);
};
@ -452,15 +452,15 @@ const getEventTimelineColor = (event) => {
const status = getEventStatus(event);
const classes = {
Upcoming:
"bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/30",
"bg-guild-500/10 text-guild-300 dark:text-guild-300 border-guild-500/30",
Ongoing:
"bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/30",
"bg-candlelight-900/20 text-candlelight-500 dark:text-candlelight-400 border-candlelight-700/30",
Completed:
"bg-purple-500/10 text-purple-600 dark:text-purple-400 border-purple-500/30",
"bg-earth-900/20 text-earth-400 dark:text-earth-400 border-earth-700/30",
};
return (
classes[status] ||
"bg-gray-500/10 text-gray-600 dark:text-gray-400 border-gray-500/30"
"bg-guild-500/10 text-guild-400 dark:text-guild-400 border-guild-500/30"
);
};