Skip to content
This repository has been archived by the owner on Oct 19, 2024. It is now read-only.

Commit

Permalink
Update email templates
Browse files Browse the repository at this point in the history
  • Loading branch information
@M3DZIK
M3DZIK committed Dec 10, 2023
1 parent 4550e9a commit a5abf2f
Show file tree
Hide file tree
Showing 2 changed files with 131 additions and 49 deletions.
96 changes: 70 additions & 26 deletions server/src/main/resources/templates/email-verification.html
View file
Original file line number Diff line number Diff line change
@@ -1,34 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email Address Verification</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f4;
color: #333;
margin: 0;
padding: 0;
}

.container {
text-align: center;
max-width: 600px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

header {
text-align: center;
}

header svg {
width: 80px;
}

header h1 {
color: #ffb68d;
}

main {
margin-top: 20px;
}

p {
line-height: 1.6;
}

.cta-button {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #ffb68d;
color: #fff;
text-decoration: none;
border-radius: 4px;
}

footer {
margin-top: 20px;
text-align: center;
color: #777;
}
</style>
</head>
<body>
<div style="background-color: #f2f2f2; padding: 20px;">
<table cellpadding="0" cellspacing="0" border="0" align="center" style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-collapse: collapse; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);">
<tr>
<td style="padding: 20px; text-align: center;">
<!-- Logo -->
<svg style="max-width: 100px;" version="1.1" viewBox="0 0 700 700" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1, 0, 0, 1, -0.000198, 69.998917)">
<path d="m340.82 58.27c-41.395 25.621-105.6 40.746-155.93 21.023-9.7969-3.8633-22.234 4.0234-22.926 14.539-11.516 170.66 20.527 264.02 63.527 319.2 43.004 55.176 96.344 72.73 112.71 87.066 6.2422 5.4102 16.594 5.168 22.578-0.52734 20.289-12.141 83.887-52.504 111.48-86.543 43.91-55.094 77.469-148.44 65.805-319.2-0.69531-10.52-13.129-18.406-22.926-14.539-50.02 19.695-114.34 4.7109-156.63-21.023-6.9336-3.4414-11.137-2.5742-17.676 0zm8.75 32.934c43.504 24.203 101.12 39.176 155.76 26.102 7.1055 151.03-23.406 229.8-59.328 274.87-26.355 35.066-64.746 51.773-96.957 74.629-27.883-19.566-64.746-32.902-97.129-74.457-35.07-44.992-64.5-123.93-57.402-275.05 54.672 13.094 112.04-1.9219 155.06-26.102zm-8.5742 34.336c-26.789 16.539-69.094 26.301-100.98 13.84-9.7617-3.7266-22.023 4.1094-22.75 14.539-7.8555 116.12 13.953 180.75 44.102 219.34 30.148 38.582 67.867 51.578 77.004 59.562 6.2617 5.5078 16.75 5.2617 22.75-0.52734 14.34-6.4688 57.223-35.832 75.953-58.863 30.766-38.5 53.637-103.3 45.68-219.51-0.69531-10.52-13.129-18.406-22.926-14.539-31.66 12.434-73.895 2.8125-101.33-13.84-6.9062-3.4297-11.012-2.5859-17.5 0zm25.727 40.645c25.066 10.031 53.969 14.824 82.781 9.6367 1.2734 34.672-0.46875 63.363-4.1992 87.418h-78.578zm-105.36 130.69h71.754v92.5c-14.949-8.8477-30.82-18.398-45.328-36.965-10.168-13.012-19.551-30.855-26.426-55.535z"/>
</g>
</svg>

<h2 style="margin-top: 30px;">Email Address Verification</h2>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">Thank you for registering with LibrePass! To complete the account creation process, please verify your email address.</p>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">Click the link below to verify your email address:</p>
<a href="{{url}}" style="display: inline-block; padding: 10px 20px; background-color: #4CAF50; color: #ffffff; text-decoration: none; font-weight: bold;">Verify Email Address</a>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">If you are unable to click the link above, please copy and paste the following URL into your browser:</p>
<a href="{{url}}" style="display: inline-block;">{{url}}</a>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">If you did not create an account on our website, please disregard this message.</p>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">Thank you,<br>The LibrePass Team</p>
</td>
</tr>
</table>
<div class="container">
<header>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 11.591 2.101 C 9.743 3.245 6.877 3.92 4.63 3.04 C 4.192 2.867 3.637 3.219 3.606 3.689 C 3.092 11.307 4.523 15.475 6.442 17.938 C 8.362 20.402 10.743 21.185 11.474 21.825 C 11.752 22.067 12.215 22.056 12.482 21.802 C 13.388 21.26 16.227 19.458 17.458 17.938 C 19.419 15.479 20.917 11.312 20.396 3.689 C 20.365 3.219 19.81 2.867 19.373 3.039 C 17.14 3.919 14.268 3.25 12.38 2.101 C 12.071 1.947 11.883 1.986 11.591 2.101 Z M 11.981 3.571 C 13.923 4.652 16.496 5.32 18.935 4.737 C 19.252 11.479 17.89 14.995 16.286 17.007 C 15.11 18.573 13.396 19.319 11.958 20.339 C 10.713 19.466 9.068 18.87 7.622 17.015 C 6.056 15.007 4.742 11.483 5.059 4.736 C 7.5 5.321 10.061 4.65 11.982 3.571 L 11.981 3.571 Z M 11.599 5.104 C 10.403 5.843 8.514 6.278 7.091 5.722 C 6.655 5.556 6.107 5.906 6.075 6.371 C 5.724 11.555 6.698 14.44 8.044 16.163 C 9.39 17.885 11.074 18.465 11.481 18.822 C 11.761 19.068 12.229 19.057 12.497 18.798 C 13.137 18.51 15.052 17.199 15.888 16.171 C 17.261 14.452 18.282 11.559 17.927 6.371 C 17.896 5.902 17.341 5.55 16.904 5.722 C 15.49 6.277 13.605 5.848 12.38 5.104 C 12.072 4.951 11.888 4.989 11.599 5.104 Z M 12.747 6.919 C 13.866 7.367 15.156 7.58 16.443 7.349 C 16.499 8.897 16.422 10.178 16.255 11.251 L 12.747 11.251 L 12.747 6.919 Z M 8.044 12.753 L 11.247 12.753 L 11.247 16.882 C 10.58 16.487 9.871 16.061 9.223 15.232 C 8.769 14.651 8.351 13.855 8.044 12.753 Z"/></svg>
<h1>Welcome to LibrePass</h1>
</header>

<main>
<p>Thank you for creating an account with LibrePass. To ensure the security of your account, please verify your email address by clicking the button below:</p>
<a class="cta-button" href="{{url}}">Verify Email Address</a>
</main>

<footer>
<p>If you did not create an account on LibrePass, please ignore this email.</p>
<p>If you have any questions or need assistance, please contact at librepass@medzik.dev.</p>
</footer>
</div>
</body>
</html>
84 changes: 61 additions & 23 deletions server/src/main/resources/templates/password-hint.html
View file
Original file line number Diff line number Diff line change
@@ -1,31 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Password Hint</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f4;
color: #333;
margin: 0;
padding: 0;
}

.container {
text-align: center;
max-width: 600px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

header {
text-align: center;
}

header svg {
width: 80px;
}

header h1 {
color: #ffb68d;
}

main {
margin-top: 20px;
}

p {
line-height: 1.6;
}

footer {
margin-top: 20px;
text-align: center;
color: #777;
}
</style>
</head>
<body>
<div style="background-color: #f2f2f2; padding: 20px;">
<table cellpadding="0" cellspacing="0" border="0" align="center" style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-collapse: collapse; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);">
<tr>
<td style="padding: 20px; text-align: center;">
<!-- Logo -->
<svg style="max-width: 100px;" version="1.1" viewBox="0 0 700 700" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1, 0, 0, 1, -0.000198, 69.998917)">
<path d="m340.82 58.27c-41.395 25.621-105.6 40.746-155.93 21.023-9.7969-3.8633-22.234 4.0234-22.926 14.539-11.516 170.66 20.527 264.02 63.527 319.2 43.004 55.176 96.344 72.73 112.71 87.066 6.2422 5.4102 16.594 5.168 22.578-0.52734 20.289-12.141 83.887-52.504 111.48-86.543 43.91-55.094 77.469-148.44 65.805-319.2-0.69531-10.52-13.129-18.406-22.926-14.539-50.02 19.695-114.34 4.7109-156.63-21.023-6.9336-3.4414-11.137-2.5742-17.676 0zm8.75 32.934c43.504 24.203 101.12 39.176 155.76 26.102 7.1055 151.03-23.406 229.8-59.328 274.87-26.355 35.066-64.746 51.773-96.957 74.629-27.883-19.566-64.746-32.902-97.129-74.457-35.07-44.992-64.5-123.93-57.402-275.05 54.672 13.094 112.04-1.9219 155.06-26.102zm-8.5742 34.336c-26.789 16.539-69.094 26.301-100.98 13.84-9.7617-3.7266-22.023 4.1094-22.75 14.539-7.8555 116.12 13.953 180.75 44.102 219.34 30.148 38.582 67.867 51.578 77.004 59.562 6.2617 5.5078 16.75 5.2617 22.75-0.52734 14.34-6.4688 57.223-35.832 75.953-58.863 30.766-38.5 53.637-103.3 45.68-219.51-0.69531-10.52-13.129-18.406-22.926-14.539-31.66 12.434-73.895 2.8125-101.33-13.84-6.9062-3.4297-11.012-2.5859-17.5 0zm25.727 40.645c25.066 10.031 53.969 14.824 82.781 9.6367 1.2734 34.672-0.46875 63.363-4.1992 87.418h-78.578zm-105.36 130.69h71.754v92.5c-14.949-8.8477-30.82-18.398-45.328-36.965-10.168-13.012-19.551-30.855-26.426-55.535z"/>
</g>
</svg>

<h2 style="margin-top: 30px;">Your Password Hint</h2>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">You (or someone else) recently asked for a hint to your password.</p>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">Your password hint is: <code>{{passwordHint}}</code></p>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">If you did not request your password hint you can safely ignore this email.</p>
<p style="margin-top: 20px; font-size: 16px; line-height: 1.5;">Thank you,<br>The LibrePass Team</p>
</td>
</tr>
</table>
<div class="container">
<header>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 11.591 2.101 C 9.743 3.245 6.877 3.92 4.63 3.04 C 4.192 2.867 3.637 3.219 3.606 3.689 C 3.092 11.307 4.523 15.475 6.442 17.938 C 8.362 20.402 10.743 21.185 11.474 21.825 C 11.752 22.067 12.215 22.056 12.482 21.802 C 13.388 21.26 16.227 19.458 17.458 17.938 C 19.419 15.479 20.917 11.312 20.396 3.689 C 20.365 3.219 19.81 2.867 19.373 3.039 C 17.14 3.919 14.268 3.25 12.38 2.101 C 12.071 1.947 11.883 1.986 11.591 2.101 Z M 11.981 3.571 C 13.923 4.652 16.496 5.32 18.935 4.737 C 19.252 11.479 17.89 14.995 16.286 17.007 C 15.11 18.573 13.396 19.319 11.958 20.339 C 10.713 19.466 9.068 18.87 7.622 17.015 C 6.056 15.007 4.742 11.483 5.059 4.736 C 7.5 5.321 10.061 4.65 11.982 3.571 L 11.981 3.571 Z M 11.599 5.104 C 10.403 5.843 8.514 6.278 7.091 5.722 C 6.655 5.556 6.107 5.906 6.075 6.371 C 5.724 11.555 6.698 14.44 8.044 16.163 C 9.39 17.885 11.074 18.465 11.481 18.822 C 11.761 19.068 12.229 19.057 12.497 18.798 C 13.137 18.51 15.052 17.199 15.888 16.171 C 17.261 14.452 18.282 11.559 17.927 6.371 C 17.896 5.902 17.341 5.55 16.904 5.722 C 15.49 6.277 13.605 5.848 12.38 5.104 C 12.072 4.951 11.888 4.989 11.599 5.104 Z M 12.747 6.919 C 13.866 7.367 15.156 7.58 16.443 7.349 C 16.499 8.897 16.422 10.178 16.255 11.251 L 12.747 11.251 L 12.747 6.919 Z M 8.044 12.753 L 11.247 12.753 L 11.247 16.882 C 10.58 16.487 9.871 16.061 9.223 15.232 C 8.769 14.651 8.351 13.855 8.044 12.753 Z"/></svg>
<h1>Your Password Hint</h1>
</header>

<main>
<p>You recently asked for a hint to your password.</p>
<p>Your password hint is:</p>
<code>{{passwordHint}}</code>
</main>

<footer>
<p>If you did not request your password hint, you can safely ignore this email.</p>
<p>If you have any questions or need assistance, please contact at librepass@medzik.dev.</p>
</footer>
</div>
</body>
</html>

0 comments on commit a5abf2f

Please # to comment.