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

Add landing page

Browse source
This commit is contained in:
Jennie Robinson Faber 2025-11-03 11:17:51 +00:00
parent 3fea484585
commit bce86ee840
47 changed files with 7119 additions and 439 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/components/EventSeriesBadge.vue
View file

@ -1,35 +1,33 @@
<template>
<div
class="p-4 bg-gradient-to-r from-purple-500/10 to-blue-500/10 rounded-xl border border-purple-500/30"
class="series-badge p-4 bg-ghost-800/50 dark:bg-ghost-700/30 rounded-xl border border-ghost-600 dark:border-ghost-600"
>
<div class="flex items-start justify-between gap-6">
<div class="flex-1 min-w-0">
<div class="flex flex-wrap items-center gap-2 mb-2">
<span
class="text-sm font-semibold text-purple-700 dark:text-purple-300"
class="series-badge__label text-sm font-semibold text-ghost-300 dark:text-ghost-300"
>
Part of a Series
</span>
<span
v-if="totalEvents"
class="inline-flex items-center px-2 py-0.5 rounded-md bg-purple-500/20 text-sm font-medium text-purple-700 dark:text-purple-300"
class="series-badge__count inline-flex items-center px-2 py-0.5 rounded-md bg-ghost-700/50 dark:bg-ghost-600/50 text-sm font-medium text-ghost-200 dark:text-ghost-200"
>
<template v-if="position">
Event {{ position }} of {{ totalEvents }}
</template>
<template v-else>
{{ totalEvents }} events in series
</template>
<template v-else> {{ totalEvents }} events in series </template>
</span>
</div>
<h3
class="text-lg font-semibold text-purple-800 dark:text-purple-200 mb-2"
class="series-badge__title text-lg font-semibold text-ghost-100 dark:text-ghost-100 mb-2"
>
{{ title }}
</h3>
<p
v-if="description"
class="text-sm text-purple-600 dark:text-purple-400"
class="series-badge__description text-sm text-ghost-300 dark:text-ghost-300"
>
{{ description }}
</p>