Skip to content

Commit

Permalink
email-nl + abandon unsupported fonts
Browse files Browse the repository at this point in the history
  • Loading branch information
saravahdatipour committed Dec 11, 2024
1 parent b1cbb9d commit 77023a4
Show file tree
Hide file tree
Showing 2 changed files with 92 additions and 77 deletions.
10 changes: 4 additions & 6 deletions src/main/resources/email-en.html
Original file line number Diff line number Diff line change
@@ -1,23 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Alexandria:wght@300&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: "Alexandria";
font-family: Verdana, Arial;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color: #b9113d;
}
</style>
</head>
<body style="margin: 0; padding: 0; background-color: #ffffff; font-family: Alexandria; font-size: 16px; line-height: 1.5; color: #b9113d;">
<body style="margin: 0; padding: 0; background-color: #ffffff; font-family: Verdana, Arial; font-size: 16px; line-height: 1.5; color: #b9113d;">
<table align="center" width="100%%" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #ffffff;">
<tr>
<td align="center">
Expand Down Expand Up @@ -51,12 +49,12 @@
style="
color: #ffffff;
font-size: 16px;
font-family: Alexandria;
font-family: Verdana, Arial;
font-weight: bold;
background-color: #a3244a;
border-radius: 4px;
display: block;
width: 100%%;
width: 100%;
padding: 16px 0px;
text-decoration: none;
background: #a3244a ;">
Expand Down
159 changes: 88 additions & 71 deletions src/main/resources/email-nl.html
Original file line number Diff line number Diff line change
@@ -1,81 +1,98 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./assets/css/template-style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: Verdana, Arial;
font-size: 16px;
line-height: 1.5;
color: #b9113d;
}
</style>
</head>
<body>
<div class="email-body">
<table class="email-table" align="center" role="presentation" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div class="email-header">
<a href="yivi.app" target="_blank">
<img
alt="Yivi banner"
src="./assets/img/yivi-banner.png"
class="email-banner"
/>
</a>
</div>
<h2 class="email-title">E-mailbevestiging</h2>
<div class="email-text">
<body style="margin: 0; padding: 0; background-color: #ffffff; font-family: Verdana, Arial; font-size: 16px; line-height: 1.5; color: #b9113d;">
<table align="center" width="100%%" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #ffffff;">
<tr>
<td align="center">
<table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden;">
<!-- Header -->
<tr>
<td style="padding: 16px 24px; text-align: center;">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSoOOJgTBoZlEvDMPM8uiLm-90NmqcJX0A-Pg&amp;s" />
</td>
</tr>
<!-- Title -->
<tr>
<td style="padding: 16px 24px; font-size: 24px; font-weight: bold; color: #a3244a; text-align: left;">
E-mailbevestiging
</td>
</tr>
<!-- Body Text -->
<tr>
<td style="padding: 16px 24px; font-size: 18px; color: #a3244a; text-align: left;">
<p>Beste Yivi-gebruiker,</p>
<p>
Bedankt voor het uitproberen van Yivi, jouw privacyvriendelijke identity wallet!<br />
Klik op de knop hieronder om je e-mailadres te verifiëren en toe te voegen aan jouw Yivi-app.
Bedankt voor het uitproberen van Yivi, jouw privacyvriendelijke identity wallet!<br />
Klik op de knop hieronder om je e-mailadres te verifiëren en toe te voegen aan jouw Yivi-app.
</p>
</div>
<div class="email-button-container">
<a href="%1$s" class="email-button" target="_blank">
</td>
</tr>
<!-- Button -->
<tr>
<td align="center" style="padding: 16px 24px;">
<a href="%1$s"
style="
color: #ffffff;
font-size: 16px;
font-family: Verdana, Arial;
font-weight: bold;
background-color: #a3244a;
border-radius: 4px;
display: block;
width: 100%;
padding: 16px 0px;
text-decoration: none;
background: #a3244a ;">
Verifieer je e-mailadres
</a>
</div>
<div class="email-text">
Werkt deze knop niet? Klik dan op de onderstaande link om je e-mailadres te verifiëren: <br />
<a href="%1$s" target="_blank">Verificatielink</a>
</div>
<div class="email-link"></div>
<div class="email-footer-text">
<p>
Heb jij dit niet aangevraagd?<br />Negeer deze e-mail of neem contact met ons op.
</p>
</div>
<div class="email-divider">
<hr />
</div>
<div class="email-footer">
<p>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
<path d="M12 2C8.1 2 5 5.1 5 9c0 3.5 3.6 6.9 6.6 9.7.2.2.4.3.6.3s.4-.1.6-.3C15.4 15.9 19 12.5 19 9c0-3.9-3.1-7-7-7zm0 11c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z" />
<circle cx="12" cy="9" r="2.5" />
</svg>
</span>
Janssoniuslaan 80 | 3528 AJ Utrecht
</p>
<p>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
<path d="M6.62 10.79a15.49 15.49 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.06-.24c1.12.37 2.33.57 3.53.57a1 1 0 0 1 1 1v3.22a1 1 0 0 1-1 1A17.91 17.91 0 0 1 3 4a1 1 0 0 1 1-1h3.22a1 1 0 0 1 1 1c0 1.2.2 2.41.57 3.53a1 1 0 0 1-.24 1.06l-2.2 2.2z" />
</svg>
</span>
+31 (0)88 240 4200 
</p>
<p>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
<path d="M20 4H4C2.9 4 2 4.9 2 6v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 2v.01L12 11 4 6.01V6h16zM4 8.99L10.66 13c.36.21.77.32 1.17.32s.81-.11 1.17-.32L20 8.99V18H4V8.99z" />
</svg>
</span>
[email protected]
</p>
</td>
</tr>

<!-- Alternate Link -->
<tr>
<td style="padding: 16px 24px; font-size: 18px; color: #a3244a; text-align: left;">
Werkt deze knop niet? Klik dan op de onderstaande link om je e-mailadres te verifiëren:<br />
<a href="%1$s" style="color:blue underline;">Verification link</a>
</td>
</tr>
<!-- Footer Text -->
<tr>
<td style="padding: 16px 24px; font-size: 18px; color: #a3244a; text-align: left;">
Heb jij dit niet aangevraagd?<br />
Negeer deze e-mail of <a href="mailto:[email protected]" style="color:blue underline;">neem contact met ons op</a>.

</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<!-- Divider -->
<tr>
<td style="padding: 0; border-top: 3px solid #8b173a;"></td>
</tr>
<!-- Footer -->
<tr>
<td style="padding: 16px 24px; font-size: 16px; color: #a3244a; text-align: left;">
&#128205; Janssoniuslaan 80 | 3528 AJ Utrecht<br />
&#128222; +31 (0)88 240 4200 <br />
&#128231; [email protected]
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
</html>

0 comments on commit 77023a4

Please sign in to comment.