feat(templates): add new welcome template

2024-04-02 17:22:30 +02:00 · 2024-04-02 17:22:30 +02:00 · bcc4b8ef01
parent befff95eb5
commit bcc4b8ef01
1 changed files with 127 additions and 0 deletions
--- a/templates/Welcome.tsx
+++ b/templates/Welcome.tsx
@ -0,0 +1,127 @@
+import {
+	Body,
+	Button,
+	Container,
+	Heading,
+	Html,
+	Preview,
+	Section,
+	Text,
+} from 'jsx-email'
+import type { Template } from '../types.ts'
+
+function Welcome(
+	{ firstname, lastname, login }: {
+		firstname: string
+		lastname: string
+		login: string
+	},
+) {
+	return (
+		<Html lang='fr'>
+			<Preview>Bienvenue au FabLab Coh@bit</Preview>
+			<Body>
+				<Container>
+					<Section>
+						<Heading as='h1'>Bienvenue à Coh@bit</Heading>
+						<Text>
+							Bravo ! Vous avez rejoint le FabLab Coh@bit en tant que{' '}
+							{firstname} {lastname} (login:{' '}
+							{login}). Laissez parler votre créativité, vous êtes prêt à
+							collaborer avec toute une communauté ouverte et accueillante.
+						</Text>
+						<Text>
+							Comment débuter :
+						</Text>
+
+						<ul>
+							<li>
+								Accéder au <a href='https://cohabit.fr'>site de Coh@bit</a>{' '}
+								et découvrir le FabLab.
+							</li>
+							<li>
+								Découvrir et participer aux{' '}
+								<a href='https://cohabit.fr/projets'>projets en cours</a>{' '}
+								au FabLab.
+							</li>
+							<li>
+								Explorer les{' '}
+								<a href='https://git.cohabit.fr'>sources et archives</a>{' '}
+								du FabLab.
+							</li>
+							<li>
+								Se documenter et parcourrir le{' '}
+								<a href='https://projets.cohabit.fr'>wiki</a> du FabLab.
+							</li>
+							<li>
+								Visionner les{' '}
+								<a href='https://toot.aquilenet.fr/@cohabit_fablab@tube.aquilenet.fr'>
+									tutoriels vidéos
+								</a>{' '}
+								du FabLab.
+							</li>
+							<li>
+								<a href='https://matrix.to/#/!thtlRrlXFrbifqMNCG:matrix.org?via=matrix.org'>
+									Échanger et communiquer
+								</a>{' '}
+								avec les autres usagers du FabLab.
+							</li>
+						</ul>
+
+						<Button href='https://cohabit.fr/profile'>
+							Accéder à mon compte
+						</Button>
+					</Section>
+				</Container>
+				<Container>
+					<Section>
+						<Text>
+							<a href='https://cohabit.fr'>Accéder au site →</a>
+						</Text>
+						<Text>
+							<a href='tel:0556847961'>Nous téléphoner →</a>
+						</Text>
+						<Text>
+							<a href='mailto:fablab@iut.u-bordeaux.fr'>Nous contacter →</a>
+						</Text>
+					</Section>
+					<Text>
+						Coh@bit, IUT de Bordeaux, Bâtiment 10A,	15 rue Naudet, 33170
+						GRADIGNAN
+					</Text>
+				</Container>
+			</Body>
+		</Html>
+	)
+}
+
+const template: Template<typeof Welcome, Parameters<typeof Welcome>[0]> = {
+	props: [
+		{
+			name: 'Prénom',
+			description: "Prénom de l'usager.",
+			required: true,
+			multiline: false,
+			tag: 'firstname',
+		},
+		{
+			name: 'Nom',
+			description: "Nom de famille de l'usager.",
+			required: true,
+			multiline: false,
+			tag: 'lastname',
+		},
+		{
+			name: 'Login',
+			description: "Login de l'usager.",
+			required: true,
+			multiline: false,
+			tag: 'login',
+		},
+	],
+	name: 'welcome',
+	description: 'Coh@bit welcome mail for new users.',
+	builder: Welcome,
+}
+
+export default template