add: verification status page

This commit is contained in:
$(pass /github/name)
2024-07-12 12:07:38 +02:00
parent 03a2b3bdc5
commit 18d91d396b
10 changed files with 242 additions and 26 deletions

28
templates/css/style.css Normal file
View File

@@ -0,0 +1,28 @@
body {
font-family: Arial, sans-serif;
background-color: #f8f9fa;
color: #333;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
color: #0056b3;
text-align: center;
}
p {
font-size: 18px;
line-height: 1.6;
}
.error-message {
color: red;
font-weight: bold;
}

View File

@@ -53,7 +53,7 @@
<div style="font-weight: normal; padding: 0px 24px 16px 24px">
<p>
Ein neues Mitglied!!!<br />{{.FirstName}} {{.LastName}} hat
sich regitriert.
sich registriert.
</p>
</div>
<div

View File

@@ -70,7 +70,7 @@
</div>
<div style="text-align: center; padding: 16px 24px 16px 24px">
<a
href="https://carsharing-hasloh/backend/api/verify?token={{.Token}}"
href="https://carsharing-hasloh/backend/verify?token={{.Token}}"
style="
color: #ffffff;
font-size: 26px;
@@ -122,7 +122,7 @@
padding: 4px 24px 16px 24px;
"
>
https://carsharing-hasloh/backend/api/verify?token={{.Token}}
https://carsharing-hasloh/backend/verify?token={{.Token}}
</div>
<div style="font-weight: normal; padding: 16px 24px 16px 24px">
Nachdem wir Ihre E-Mail Adresse bestätigen konnten, schicken wir

View File

@@ -0,0 +1,108 @@
<!doctype html>
<html>
<body style="background-color: #f2f5f7">
<div
style="
color: #242424;
font-family: &quot;Helvetica Neue&quot;, &quot;Arial Nova&quot;,
&quot;Nimbus Sans&quot;, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.15008px;
line-height: 1.5;
margin: 0;
padding: 32px 0;
min-height: 100%;
width: 100%;
"
>
<table
align="center"
width="100%"
style="margin: 0 auto; max-width: 600px; background-color: #ffffff"
role="presentation"
cellspacing="0"
cellpadding="0"
border="0"
>
<tbody>
<tr style="width: 100%">
<td>
<div style="padding: 0px 24px 0px 24px">
<a
href="https://carsharing-hasloh.de"
style="text-decoration: none"
target="_blank"
><img
alt="Carsharing-Hasloh"
src="https://carsharing-hasloh.de/images/CarsharingSH-Hasloh-LOGO.jpeg"
style="
outline: none;
border: none;
text-decoration: none;
vertical-align: middle;
display: inline-block;
max-width: 100%;
"
/></a>
</div>
<h1
style="
font-weight: bold;
text-align: center;
margin: 0;
font-family: Seravek, &quot;Gill Sans Nova&quot;, Ubuntu,
Calibri, &quot;DejaVu Sans&quot;, source-sans-pro,
sans-serif;
font-size: 32px;
padding: 40px 24px 40px 24px;
"
>
So ein Mist!
</h1>
<div
style="
font-size: 48px;
font-family: Seravek, &quot;Gill Sans Nova&quot;, Ubuntu,
Calibri, &quot;DejaVu Sans&quot;, source-sans-pro,
sans-serif;
font-weight: normal;
text-align: center;
padding: 0px 24px 24px 24px;
"
>
🧐
</div>
<div
style="
font-family: Seravek, &quot;Gill Sans Nova&quot;, Ubuntu,
Calibri, &quot;DejaVu Sans&quot;, source-sans-pro,
sans-serif;
font-weight: bold;
text-align: center;
padding: 0px 24px 16px 24px;
"
>
Da ist etwas schiefgelaufen, wir konnten Deine E-Mail Adresse
nicht bestätigen:
</div>
<div
style="
font-size: 17px;
font-family: Seravek, &quot;Gill Sans Nova&quot;, Ubuntu,
Calibri, &quot;DejaVu Sans&quot;, source-sans-pro,
sans-serif;
font-weight: normal;
text-align: center;
padding: 0px 24px 80px 24px;
"
>
{{ .ErrorMessage }}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

View File

@@ -0,0 +1,94 @@
<!doctype html>
<html>
<body style="background-color: #f2f5f7">
<div
style="
color: #242424;
font-family: &quot;Helvetica Neue&quot;, &quot;Arial Nova&quot;,
&quot;Nimbus Sans&quot;, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.15008px;
line-height: 1.5;
margin: 0;
padding: 32px 0;
min-height: 100%;
width: 100%;
"
>
<table
align="center"
width="100%"
style="margin: 0 auto; max-width: 600px; background-color: #ffffff"
role="presentation"
cellspacing="0"
cellpadding="0"
border="0"
>
<tbody>
<tr style="width: 100%">
<td>
<div style="padding: 0px 24px 0px 24px">
<a
href="https://carsharing-hasloh.de"
style="text-decoration: none"
target="_blank"
><img
alt="Carsharing-Hasloh"
src="https://carsharing-hasloh.de/images/CarsharingSH-Hasloh-LOGO.jpeg"
style="
outline: none;
border: none;
text-decoration: none;
vertical-align: middle;
display: inline-block;
max-width: 100%;
"
/></a>
</div>
<div
style="
font-size: 23px;
font-family: Seravek, &quot;Gill Sans Nova&quot;, Ubuntu,
Calibri, &quot;DejaVu Sans&quot;, source-sans-pro,
sans-serif;
font-weight: normal;
text-align: center;
padding: 36px 24px 36px 24px;
"
>
Herzlich Willkommen {{.FirstName}}👋,
</div>
<div
style="
font-family: Seravek, &quot;Gill Sans Nova&quot;, Ubuntu,
Calibri, &quot;DejaVu Sans&quot;, source-sans-pro,
sans-serif;
font-weight: bold;
text-align: center;
padding: 0px 24px 16px 24px;
"
>
Vielen Dank für die Registrierung Deiner E-Mail Adresse.
</div>
<div
style="
font-size: 17px;
font-family: Seravek, &quot;Gill Sans Nova&quot;, Ubuntu,
Calibri, &quot;DejaVu Sans&quot;, source-sans-pro,
sans-serif;
font-weight: normal;
text-align: center;
padding: 0px 24px 80px 24px;
"
>
Weitere Informationen wurden soeben an Deine E-Mail Adresse
gesandt!
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>