onvlt/reset-sender-v2
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add translations

Browse source
This commit is contained in:
Ondřej 2024-02-20 15:19:34 +01:00
parent d767c11877
commit bdd6d50264
3 changed files with 51 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
routes/[lang]/email-confirmed.tsx
View file

@ -1,17 +1,52 @@
import { c } from "ttag";
import { Footer } from "$src/views/Footer.tsx";
import { State } from "$routes/[lang]/_middleware.ts";
import { PageProps } from "$fresh/server.ts";
export default function EmailConfirmedPage(ctx: PageProps<unknown, State>) {
const sendAnotherEmail = (
<a href={`/${ctx.state.lang}`}>
{c("email-confirmed.action").t`Send another e-mail`}
</a>
);
const globalWeekOfAction = (
<a href="https://global.insure-our-future.com/global-week-of-action-2024/">
Global Week of Action
</a>
);
const insureOurFuture = (
<a href="https://global.insure-our-future.com/about">
Insure Our Future
</a>
);
export default function EmailConfirmedPage() {
return (
<>
<div class="max-w-screen-sm mx-auto px-6 py-16 text-center">
<div class="max-w-screen-sm mx-auto px-6 py-16">
<h1 class="font-display font-bold text-5xl mb-6">
{c("email-confirmed").t`Your e-mail is confirmed`}
{c("email-confirmed.title")
.t`Thank you for taking part in this action!`}
</h1>
<p class="text-2xl">
{c("email-confirmed")
.t`We will send your message soon.`}
<div class="prose text-2xl">
<p>
{c("email-confirmed.content")
.t`Your email has been saved and will be sent on Friday together with all the other emails.`}
</p>
<p>
{c("email-confirmed.content")
.t`If you consented to stay updated about this campaign, you’ll receive an update soon. Meanwhile, you can follow us on social networks.`}
</p>
<p>
{c("email-confirmed.content")
.jt`What can you do now? ${sendAnotherEmail}.`}
</p>
<p>
{c("email-confirmed.cotnent")
.jt`You took part in the ${globalWeekOfAction} organized by ${insureOurFuture} – check the other events organized all around the world.`}
</p>
</div>
</div>
<Footer />
</>

7
src/mails/confirm-email.ts
View file

@ -24,7 +24,7 @@ export default function renderMail({ lang, href }: Params) {
display: inline-block;
padding: 1.25em 2em;
background-color: #a71122;
color: white;
color: #ffffff;
text-decoration: underline;
}
h1 {
@ -33,9 +33,10 @@ export default function renderMail({ lang, href }: Params) {
</style>
</head>
<body>
<h1>${c("confirm-email").t`Confirm your e-mail`}</h1>
<h1>${c("confirm-email")
.t`Thank you for joining us in holding VIG accountable for its role in supporting fossil fuels!`}</h1>
<p>${c("confirm-email")
.t`Click the button below to confirm your e-mail.`}</p>
.t`To send your letter to the chosen branch of VIG, click the button below to confirm your e-mail.`}</p>
<p><a class="button" href="${href}">${c("confirm-email")
.t`Confirm`}</a></p>
</body>

8
static/styles.css
View file

@ -178,13 +178,15 @@ textarea {
place-content: center;
}
.link {
padding-bottom: 0.1em;
.link,
.prose a {
padding-bottom: 0.025em;
border-bottom: 0.075em solid currentColor;
transition: opacity 120ms ease;
}
.link:hover {
.link:hover,
.prose a:hover {
opacity: 0.75;
}