mirror of
https://gitlab.com/PronounsPage/PronounsPage.git
synced 2025-09-22 20:24:18 -04:00
47 lines
1.3 KiB
Vue
47 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { useNuxtApp } from 'nuxt/app';
|
|
|
|
import useConfig from '~/composables/useConfig.ts';
|
|
import useSimpleHead from '~/composables/useSimpleHead.ts';
|
|
|
|
definePageMeta({
|
|
translatedPaths: (config) => translatedPathByConfigModule(config.workshops),
|
|
});
|
|
|
|
const { $translator: translator } = useNuxtApp();
|
|
useSimpleHead({
|
|
title: translator.translate('workshops.headerLong'),
|
|
description: translator.translate('workshops.content')[0],
|
|
}, translator);
|
|
|
|
const config = useConfig();
|
|
</script>
|
|
|
|
<template>
|
|
<Page v-if="config.workshops?.enabled">
|
|
<CommunityNav />
|
|
|
|
<h2>
|
|
<Icon v="chalkboard-teacher" />
|
|
<T>workshops.headerLong</T>
|
|
</h2>
|
|
|
|
<section>
|
|
<div class="text-center mb-3 mx-3 float-md-end" style="max-width: 480px;">
|
|
<img :src="`/banners/workshops-${config.locale}-full.png`" class="mw-100" alt="">
|
|
</div>
|
|
|
|
<T>workshops.content</T>
|
|
|
|
<a :href="`mailto:${config.workshops.email}`" target="_blank" class="btn btn-primary w-100">
|
|
<Icon v="envelope" />
|
|
{{ config.workshops.email }}
|
|
</a>
|
|
</section>
|
|
|
|
<Separator icon="heart" />
|
|
|
|
<Mission />
|
|
</Page>
|
|
</template>
|