2024-04-02 17:22:30 +02:00
|
|
|
import {
|
|
|
|
Body,
|
|
|
|
Button,
|
2024-04-04 14:34:42 +02:00
|
|
|
Code,
|
2024-04-02 17:22:30 +02:00
|
|
|
Container,
|
|
|
|
Heading,
|
|
|
|
Html,
|
|
|
|
Preview,
|
|
|
|
Section,
|
|
|
|
Text,
|
|
|
|
} from 'jsx-email'
|
2024-04-04 14:34:42 +02:00
|
|
|
import { Signature } from './components/Signature.tsx'
|
2024-04-02 17:22:30 +02:00
|
|
|
import type { Template } from '../types.ts'
|
2024-04-04 14:34:42 +02:00
|
|
|
import type { JSX } from 'preact'
|
2024-04-02 17:22:30 +02:00
|
|
|
|
|
|
|
function Welcome(
|
|
|
|
{ firstname, lastname, login }: {
|
|
|
|
firstname: string
|
|
|
|
lastname: string
|
|
|
|
login: string
|
|
|
|
},
|
|
|
|
) {
|
|
|
|
return (
|
|
|
|
<Html lang='fr'>
|
|
|
|
<Preview>Bienvenue au FabLab Coh@bit</Preview>
|
|
|
|
<Body>
|
2024-04-04 14:34:42 +02:00
|
|
|
<Container style={{ border: '1px solid darkgrey' }}>
|
2024-04-02 17:22:30 +02:00
|
|
|
<Section>
|
|
|
|
<Heading as='h1'>Bienvenue à Coh@bit</Heading>
|
|
|
|
<Text>
|
2024-04-04 14:34:42 +02:00
|
|
|
Bravo ! Vous avez rejoint le FabLab Coh@bit en tant que
|
|
|
|
{firstname} {lastname} (id :{' '}
|
|
|
|
<Code>{login}</Code>). Laissez parler votre créativité, vous êtes
|
|
|
|
prêt à collaborer avec toute une communauté ouverte et
|
|
|
|
accueillante.
|
2024-04-02 17:22:30 +02:00
|
|
|
</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>
|
2024-04-02 17:28:35 +02:00
|
|
|
<Signature />
|
2024-04-02 17:22:30 +02:00
|
|
|
</Body>
|
|
|
|
</Html>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2024-04-04 14:34:42 +02:00
|
|
|
const bodyCss: JSX.CSSProperties = {
|
|
|
|
fontSize: 'large',
|
|
|
|
fontFamily: 'sans-serif',
|
|
|
|
}
|
|
|
|
|
|
|
|
const messageCss: JSX.CSSProperties = {
|
|
|
|
padding: '1rem',
|
|
|
|
}
|
|
|
|
|
2024-04-02 17:22:30 +02:00
|
|
|
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
|