feat(backend): improve e-mail base design (#8884)

* Improve e-mail base design

* Refine e-mail design

* Adjust e-mail snapshots
This commit is contained in:
Wolfgang Huß 2025-09-11 13:04:31 +02:00 committed by GitHub
parent 66b5e61c15
commit d437c6d7f4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 614 additions and 509 deletions

View File

@ -13,9 +13,10 @@ exports[`sendChatMessageMail English chat_message template 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -23,9 +24,10 @@ exports[`sendChatMessageMail English chat_message template 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -36,11 +38,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -51,10 +59,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -62,10 +69,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -74,7 +77,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -94,13 +97,13 @@ footer {
<p>you have received a new chat message from <a class="user" href="http://webapp:3000/profile/chatSender/chatsender">chatSender</a>.
</p><a class="button" href="http://webapp:3000/chat">Show Chat</a>
<div class="text-block">
<p>See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> The ocelot.social Team</p><br>
<p>PS: If you don't want to receive e-mails anymore, change your <a class="settings" href="http://webapp:3000/settings/notifications">notification settings</a>!</p>
<p class="no-margin-top-bottom">See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> The ocelot.social Team</p><br>
<p class="no-margin-top-bottom">PS: If you don't want to receive e-mails anymore, change your <a class="settings" href="http://webapp:3000/settings/notifications">notification settings</a>!</p>
</div>
</div>
<div class="support">
<p>If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -146,9 +149,10 @@ exports[`sendChatMessageMail German chat_message template 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -156,9 +160,10 @@ exports[`sendChatMessageMail German chat_message template 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -169,11 +174,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -184,10 +195,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -195,10 +205,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -207,7 +213,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -227,13 +233,13 @@ footer {
<p>du hast eine neue Chat-Nachricht von <a class="user" href="http://webapp:3000/profile/chatSender/chatsender">chatSender</a> erhalten.
</p><a class="button" href="http://webapp:3000/chat">Chat anzeigen</a>
<div class="text-block">
<p>Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> Dein ocelot.social Team</p><br>
<p>PS: Möchtest du keine E-Mails mehr erhalten, dann ändere deine <a class="settings" href="http://webapp:3000/settings/notifications">Benachrichtigungseinstellungen</a>!</p>
<p class="no-margin-top-bottom">Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> Dein ocelot.social Team</p><br>
<p class="no-margin-top-bottom">PS: Möchtest du keine E-Mails mehr erhalten, dann ändere deine <a class="settings" href="http://webapp:3000/settings/notifications">Benachrichtigungseinstellungen</a>!</p>
</div>
</div>
<div class="support">
<p>Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>

View File

@ -13,9 +13,10 @@ exports[`sendEmailVerification English renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -23,9 +24,10 @@ exports[`sendEmailVerification English renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -36,11 +38,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -51,10 +59,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -62,10 +69,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -74,7 +77,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -95,12 +98,12 @@ footer {
<p>If you don't want to change your e-mail address feel free to ignore this message. </p>
<p>If the above button doesn't work, you can also copy the following code into your browser window: <span>123456</span></p>
<div class="text-block">
<p>See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> The ocelot.social Team</p>
<p class="no-margin-top-bottom">See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> The ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -149,9 +152,10 @@ exports[`sendEmailVerification German renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -159,9 +163,10 @@ exports[`sendEmailVerification German renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -172,11 +177,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -187,10 +198,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -198,10 +208,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -210,7 +216,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -231,12 +237,12 @@ footer {
<p>Falls du deine E-Mail Adresse doch nicht ändern möchtest, kannst du diese Nachricht einfach ignorieren. </p>
<p>Sollte der Button für dich nicht funktionieren, kannst du auch folgenden Code in dein Browserfenster kopieren: <span>123456</span></p>
<div class="text-block">
<p>Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> Dein ocelot.social Team</p>
<p class="no-margin-top-bottom">Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> Dein ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>

View File

@ -13,9 +13,10 @@ exports[`sendRegistrationMail with invite code English renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -23,9 +24,10 @@ exports[`sendRegistrationMail with invite code English renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -36,11 +38,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -51,10 +59,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -62,10 +69,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -74,7 +77,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -98,12 +101,12 @@ footer {
</p>
<p>PS: If you ignore this e-mail we will not create an account for you. ;)</p>
<div class="text-block">
<p>See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> The ocelot.social Team</p>
<p class="no-margin-top-bottom">See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> The ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -158,9 +161,10 @@ exports[`sendRegistrationMail with invite code German renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -168,9 +172,10 @@ exports[`sendRegistrationMail with invite code German renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -181,11 +186,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -196,10 +207,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -207,10 +217,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -219,7 +225,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -243,12 +249,12 @@ footer {
</p>
<p>PS: Wenn du keinen Account bei uns möchtest, kannst du diese E-Mail einfach ignorieren. ;)</p>
<div class="text-block">
<p>Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> Dein ocelot.social Team</p>
<p class="no-margin-top-bottom">Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> Dein ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -304,9 +310,10 @@ exports[`sendRegistrationMail without invite code English renders correctly 1`]
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -314,9 +321,10 @@ exports[`sendRegistrationMail without invite code English renders correctly 1`]
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -327,11 +335,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -342,10 +356,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -353,10 +366,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -365,7 +374,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -389,12 +398,12 @@ footer {
</p>
<p>PS: If you ignore this e-mail we will not create an account for you. ;)</p>
<div class="text-block">
<p>See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> The ocelot.social Team</p>
<p class="no-margin-top-bottom">See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> The ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -449,9 +458,10 @@ exports[`sendRegistrationMail without invite code German renders correctly 1`] =
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -459,9 +469,10 @@ exports[`sendRegistrationMail without invite code German renders correctly 1`] =
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -472,11 +483,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -487,10 +504,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -498,10 +514,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -510,7 +522,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -534,12 +546,12 @@ footer {
</p>
<p>PS: Wenn du keinen Account bei uns möchtest, kannst du diese E-Mail einfach ignorieren. ;)</p>
<div class="text-block">
<p>Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> Dein ocelot.social Team</p>
<p class="no-margin-top-bottom">Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> Dein ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>

View File

@ -13,9 +13,10 @@ exports[`sendResetPasswordMail English renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -23,9 +24,10 @@ exports[`sendResetPasswordMail English renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -36,11 +38,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -51,10 +59,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -62,10 +69,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -74,7 +77,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -95,12 +98,12 @@ footer {
<p>If you didn't request a new password feel free to ignore this e-mail.</p>
<p>If the above button doesn't work you can also copy the following code into your browser window: <span>123456</span></p>
<div class="text-block">
<p>See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> The ocelot.social Team</p>
<p class="no-margin-top-bottom">See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> The ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -148,9 +151,10 @@ exports[`sendResetPasswordMail German renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -158,9 +162,10 @@ exports[`sendResetPasswordMail German renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -171,11 +176,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -186,10 +197,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -197,10 +207,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -209,7 +215,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -230,12 +236,12 @@ footer {
<p>Falls du kein neues Passwort angefordert hast, kannst du diese E-Mail einfach ignorieren.</p>
<p>Sollte der Button für dich nicht funktionieren, kannst du auch folgenden Code in dein Browserfenster kopieren: <span>123456</span></p>
<div class="text-block">
<p>Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> Dein ocelot.social Team</p>
<p class="no-margin-top-bottom">Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> Dein ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>

View File

@ -13,9 +13,10 @@ exports[`sendWrongEmail English renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -23,9 +24,10 @@ exports[`sendWrongEmail English renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -36,11 +38,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -51,10 +59,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -62,10 +69,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -74,7 +77,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -95,12 +98,12 @@ footer {
<p>If you don't have an account at <a>ocelot.social</a> yet or if you didn't want to reset your password, please ignore this e-mail.
</p>
<div class="text-block">
<p>See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> The ocelot.social Team</p>
<p class="no-margin-top-bottom">See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> The ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">If you have questions or problems, feel free to contact our support: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -146,9 +149,10 @@ exports[`sendWrongEmail German renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -156,9 +160,10 @@ exports[`sendWrongEmail German renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -169,11 +174,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -184,10 +195,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -195,10 +205,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -207,7 +213,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -228,12 +234,12 @@ footer {
<p>Wenn du noch keinen Account bei <a>ocelot.social</a> hast oder dein Password gar nicht ändern willst, kannst du diese E-Mail einfach ignorieren!
</p>
<div class="text-block">
<p>Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> Dein ocelot.social Team</p>
<p class="no-margin-top-bottom">Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> Dein ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
<p class="no-margin-top-bottom">Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:devops@ocelot.social">devops@ocelot.social</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>

View File

@ -13,9 +13,10 @@ exports[`sendResetPasswordMail with support English renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -23,9 +24,10 @@ exports[`sendResetPasswordMail with support English renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -36,11 +38,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -51,10 +59,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -62,10 +69,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -74,7 +77,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -95,12 +98,12 @@ footer {
<p>If you didn't request a new password feel free to ignore this e-mail.</p>
<p>If the above button doesn't work you can also copy the following code into your browser window: <span>123456</span></p>
<div class="text-block">
<p>See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> The ocelot.social Team</p>
<p class="no-margin-top-bottom">See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> The ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>If you have questions or problems, feel free to contact our support: <a href="mailto:support@example.org">support@example.org</a></p>
<p class="no-margin-top-bottom">If you have questions or problems, feel free to contact our support: <a href="mailto:support@example.org">support@example.org</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -148,9 +151,10 @@ exports[`sendResetPasswordMail with support German renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -158,9 +162,10 @@ exports[`sendResetPasswordMail with support German renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -171,11 +176,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -186,10 +197,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -197,10 +207,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -209,7 +215,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -230,12 +236,12 @@ footer {
<p>Falls du kein neues Passwort angefordert hast, kannst du diese E-Mail einfach ignorieren.</p>
<p>Sollte der Button für dich nicht funktionieren, kannst du auch folgenden Code in dein Browserfenster kopieren: <span>123456</span></p>
<div class="text-block">
<p>Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> Dein ocelot.social Team</p>
<p class="no-margin-top-bottom">Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> Dein ocelot.social Team</p>
</div>
</div>
<div class="support">
<p>Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:support@example.org">support@example.org</a></p>
<p class="no-margin-top-bottom">Wenn du Fragen oder Probleme hast, kannst du dich gerne an den Support wenden: <a href="mailto:support@example.org">support@example.org</a></p>
</div>
<footer>
<div class="footer"></div><a href="https://ocelot.social">ocelot.social Community</a>
@ -284,9 +290,10 @@ exports[`sendResetPasswordMail without support English renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -294,9 +301,10 @@ exports[`sendResetPasswordMail without support English renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -307,11 +315,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -322,10 +336,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -333,10 +346,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -345,7 +354,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -366,8 +375,8 @@ footer {
<p>If you didn't request a new password feel free to ignore this e-mail.</p>
<p>If the above button doesn't work you can also copy the following code into your browser window: <span>123456</span></p>
<div class="text-block">
<p>See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> The ocelot.social Team</p>
<p class="no-margin-top-bottom">See you soon on <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> The ocelot.social Team</p>
</div>
</div>
<footer>
@ -413,9 +422,10 @@ exports[`sendResetPasswordMail without support German renders correctly 1`] = `
<style>body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -423,9 +433,10 @@ exports[`sendResetPasswordMail without support German renders correctly 1`] = `
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -436,11 +447,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -451,10 +468,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -462,10 +478,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -474,7 +486,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;
@ -495,8 +507,8 @@ footer {
<p>Falls du kein neues Passwort angefordert hast, kannst du diese E-Mail einfach ignorieren.</p>
<p>Sollte der Button für dich nicht funktionieren, kannst du auch folgenden Code in dein Browserfenster kopieren: <span>123456</span></p>
<div class="text-block">
<p>Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p> Dein ocelot.social Team</p>
<p class="no-margin-top-bottom">Bis bald bei <a class="organization" href="https://ocelot.social">ocelot.social</a>!</p>
<p class="no-margin-top-bottom"> Dein ocelot.social Team</p>
</div>
</div>
<footer>

View File

@ -4,14 +4,14 @@
- var team = APPLICATION_NAME
- var settingsUrl = settingsUrl
- var renderSettingsUrl = renderSettingsUrl
p= t('general.seeYou')
p.no-margin-top-bottom= t('general.seeYou')
a.organization(href=organizationUrl)= team
| !
p= t('general.yourTeam', { team })
p.no-margin-top-bottom= t('general.yourTeam', { team })
if renderSettingsUrl
br
p= t('general.settingsHint')
p.no-margin-top-bottom= t('general.settingsHint')
a.settings(href=settingsUrl)= t('general.settingsName')
| !

View File

@ -1,2 +1,2 @@
p= t('support')
p.no-margin-top-bottom= t('support')
a(href='mailto:' + supportEmail)= supportEmail

View File

@ -1,9 +1,10 @@
body{
display: block;
font-family: Lato, sans-serif;
font-size: 17px;
font-size: 16px;
text-align: left;
text-align: -webkit-left;
line-height: 24px;
justify-content: center;
padding: 15px;
margin: 0px;
@ -11,9 +12,10 @@ body{
h2 {
margin-top: 25px;
font-size: 25px;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
line-height: 22px;
line-height: 24px;
color: #333333;
}
@ -24,11 +26,17 @@ h2 {
}
.head-logo {
width: 60%;
width: 30%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
p.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}
a {
@ -39,10 +47,9 @@ a.button {
background: #17b53e;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
text-align:center;
padding: 13px 17px;
padding: 9px 18px;
color: #ffffff;
display: table;
margin-left: auto;
@ -50,10 +57,6 @@ a.button {
border-radius: 4px;
}
span {
color: #17b53e;
}
.text-block {
margin-top: 20px;
color: #000000;
@ -62,7 +65,7 @@ span {
footer {
padding: 20px;
font-family: Lato, sans-serif;
font-size: 12px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #888888;