Jennie Robinson Faber
31144617d7
Adds `useSiteMeta()` composable that wraps useSeoMeta with site defaults (title template, canonical URL, og/twitter image, og:site_name) and absolute-URL handling via runtimeConfig.public.appUrl. Adds /og/events/[slug].png route that renders per-event OG images via satori + @resvg/resvg-js, cached on disk by slug + updatedAt. Bundles Brygada 1918 + Commit Mono fonts as server assets, ships a fallback default.png, and patches @shuding/opentype.js via patch-package. Converts ~25 pages from useHead to useSiteMeta and adds noindex on private/auth/admin pages.
80 lines
1.9 KiB
Vue
80 lines
1.9 KiB
Vue
<template>
|
|
<PageShell :title="policy.title" subtitle="Ghost Guild Policy">
|
|
<div class="policy-prose">
|
|
<p class="policy-status">This policy is being finalized.</p>
|
|
<p>
|
|
{{ policy.description }}
|
|
</p>
|
|
<p>
|
|
The full text will be published here ahead of launch. In the meantime,
|
|
the expectations that apply are summarized in our
|
|
<NuxtLink to="/community-guidelines">Community Guidelines</NuxtLink>.
|
|
</p>
|
|
<p>
|
|
Questions? Contact the Membership Committee at
|
|
<a href="mailto:hello@ghostguild.org">hello@ghostguild.org</a>.
|
|
</p>
|
|
</div>
|
|
</PageShell>
|
|
</template>
|
|
|
|
<script setup>
|
|
// Note: /policies/code-of-conduct and /policies/conflict-resolution are
|
|
// handled by routeRules in nuxt.config.ts and redirect to external Obsidian
|
|
// pages. /policies/privacy and /policies/terms have dedicated pages
|
|
// (privacy.vue, terms.vue) that take precedence over this dynamic route.
|
|
const POLICIES = {
|
|
'by-laws': {
|
|
title: 'By-Laws',
|
|
description:
|
|
"Ghost Guild's governing by-laws, including membership classes, voting rights, and the structure of the Membership Committee.",
|
|
},
|
|
}
|
|
|
|
const route = useRoute()
|
|
const slug = String(route.params.slug || '')
|
|
const policy = POLICIES[slug]
|
|
|
|
if (!policy) {
|
|
throw createError({ statusCode: 404, statusMessage: 'Policy not found', fatal: true })
|
|
}
|
|
|
|
useSiteMeta({
|
|
title: policy.title,
|
|
description: policy.description,
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.policy-prose {
|
|
max-width: 640px;
|
|
padding: 32px;
|
|
}
|
|
|
|
.policy-status {
|
|
font-family: "Commit Mono", monospace;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
color: var(--candle);
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.policy-prose p {
|
|
font-size: 13px;
|
|
color: var(--text-dim);
|
|
line-height: 1.7;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.policy-prose a {
|
|
color: var(--candle);
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.policy-prose {
|
|
padding: 20px 16px;
|
|
}
|
|
}
|
|
</style>
|