https://project.mdnd-it.cc/work_packages/94
This commit is contained in:
2025-08-23 04:25:28 +02:00
parent 725516ad6c
commit 19cfa031d0
25823 changed files with 1095587 additions and 2801760 deletions
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{companyName}} - Antwort auf Ihre {{contactTypeString}}</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #2c5aa0;
margin-bottom: 10px;
}
.subtitle {
font-size: 18px;
color: #666;
margin-bottom: 20px;
}
.greeting {
font-size: 16px;
margin-bottom: 20px;
}
.original-message {
background-color: #f8f9fa;
border-left: 4px solid #2c5aa0;
padding: 15px;
margin: 20px 0;
border-radius: 5px;
}
.original-message-header {
font-weight: bold;
color: #2c5aa0;
margin-bottom: 10px;
}
.admin-response {
background-color: #fff;
border: 1px solid #e9ecef;
padding: 20px;
margin: 20px 0;
border-radius: 5px;
white-space: pre-line;
}
.response-header {
font-weight: bold;
color: #28a745;
margin-bottom: 15px;
font-size: 16px;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
text-align: center;
}
.footer-text {
font-size: 14px;
color: #666;
margin-bottom: 10px;
}
.contact-info {
font-size: 12px;
color: #999;
}
.badge {
display: inline-block;
padding: 4px 8px;
border-radius: 12px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.badge-bug { background-color: #dc3545; color: white; }
.badge-problem { background-color: #fd7e14; color: white; }
.badge-question { background-color: #17a2b8; color: white; }
.badge-sales { background-color: #28a745; color: white; }
.badge-other { background-color: #6c757d; color: white; }
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{companyName}}</div>
<div class="subtitle">Antwort auf Ihre {{contactTypeString}}</div>
</div>
<div class="greeting">
Hallo {{contactName}},
</div>
<p>Vielen Dank, dass Sie uns kontaktiert haben! Wir haben Ihre Nachricht geprüft und unser Team hat die folgende Antwort vorbereitet.</p>
<div class="original-message">
<div class="original-message-header">
Ihre ursprüngliche Nachricht
<span class="badge badge-{{contactTypeBadge}}">{{contactTypeString}}</span>
</div>
<div>{{originalMessage}}</div>
</div>
<div class="admin-response">
<div class="response-header">📝 Unsere Antwort:</div>
<div>{{adminResponse}}</div>
</div>
<p>Wenn Sie weitere Fragen haben oder zusätzliche Hilfe benötigen, zögern Sie bitte nicht, uns erneut zu kontaktieren.</p>
<div class="footer">
<div class="footer-text">
Vielen Dank, dass Sie sich für {{companyName}} entschieden haben!
</div>
<div class="contact-info">
Für weitere Unterstützung kontaktieren Sie uns unter {{supportEmail}}<br>
Dies ist eine automatische Antwort. Bitte antworten Sie nicht direkt auf diese E-Mail.
</div>
</div>
</div>
</body>
</html>
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{companyName}} - Válasz az Ön {{contactTypeString}} üzenetére</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #2c5aa0;
margin-bottom: 10px;
}
.subtitle {
font-size: 18px;
color: #666;
margin-bottom: 20px;
}
.greeting {
font-size: 16px;
margin-bottom: 20px;
}
.original-message {
background-color: #f8f9fa;
border-left: 4px solid #2c5aa0;
padding: 15px;
margin: 20px 0;
border-radius: 5px;
}
.original-message-header {
font-weight: bold;
color: #2c5aa0;
margin-bottom: 10px;
}
.admin-response {
background-color: #fff;
border: 1px solid #e9ecef;
padding: 20px;
margin: 20px 0;
border-radius: 5px;
white-space: pre-line;
}
.response-header {
font-weight: bold;
color: #28a745;
margin-bottom: 15px;
font-size: 16px;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
text-align: center;
}
.footer-text {
font-size: 14px;
color: #666;
margin-bottom: 10px;
}
.contact-info {
font-size: 12px;
color: #999;
}
.badge {
display: inline-block;
padding: 4px 8px;
border-radius: 12px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.badge-bug { background-color: #dc3545; color: white; }
.badge-problem { background-color: #fd7e14; color: white; }
.badge-question { background-color: #17a2b8; color: white; }
.badge-sales { background-color: #28a745; color: white; }
.badge-other { background-color: #6c757d; color: white; }
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{companyName}}</div>
<div class="subtitle">Válasz az Ön {{contactTypeString}} üzenetére</div>
</div>
<div class="greeting">
Kedves {{contactName}}!
</div>
<p>Köszönjük, hogy kapcsolatba lépett velünk! Átnéztük az Ön üzenetét és csapatunk az alábbi választ készítette.</p>
<div class="original-message">
<div class="original-message-header">
Az Ön eredeti üzenete
<span class="badge badge-{{contactTypeBadge}}">{{contactTypeString}}</span>
</div>
<div>{{originalMessage}}</div>
</div>
<div class="admin-response">
<div class="response-header">📝 Válaszunk:</div>
<div>{{adminResponse}}</div>
</div>
<p>Ha további kérdése van vagy további segítségre van szüksége, kérjük, ne habozzon kapcsolatba lépni velünk újra.</p>
<div class="footer">
<div class="footer-text">
Köszönjük, hogy a {{companyName}} szolgáltatásait választotta!
</div>
<div class="contact-info">
További támogatásért lépjen kapcsolatba velünk a {{supportEmail}} címen<br>
Ez egy automatikus válasz. Kérjük, ne válaszoljon közvetlenül erre az e-mailre.
</div>
</div>
</div>
</body>
</html>
+137
View File
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{companyName}} - Response to Your {{contactTypeString}}</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #2c5aa0;
margin-bottom: 10px;
}
.subtitle {
font-size: 18px;
color: #666;
margin-bottom: 20px;
}
.greeting {
font-size: 16px;
margin-bottom: 20px;
}
.original-message {
background-color: #f8f9fa;
border-left: 4px solid #2c5aa0;
padding: 15px;
margin: 20px 0;
border-radius: 5px;
}
.original-message-header {
font-weight: bold;
color: #2c5aa0;
margin-bottom: 10px;
}
.admin-response {
background-color: #fff;
border: 1px solid #e9ecef;
padding: 20px;
margin: 20px 0;
border-radius: 5px;
white-space: pre-line;
}
.response-header {
font-weight: bold;
color: #28a745;
margin-bottom: 15px;
font-size: 16px;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
text-align: center;
}
.footer-text {
font-size: 14px;
color: #666;
margin-bottom: 10px;
}
.contact-info {
font-size: 12px;
color: #999;
}
.badge {
display: inline-block;
padding: 4px 8px;
border-radius: 12px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.badge-bug { background-color: #dc3545; color: white; }
.badge-problem { background-color: #fd7e14; color: white; }
.badge-question { background-color: #17a2b8; color: white; }
.badge-sales { background-color: #28a745; color: white; }
.badge-other { background-color: #6c757d; color: white; }
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{companyName}}</div>
<div class="subtitle">Response to Your {{contactTypeString}}</div>
</div>
<div class="greeting">
Hello {{contactName}},
</div>
<p>Thank you for contacting us! We've reviewed your message and our team has provided a response below.</p>
<div class="original-message">
<div class="original-message-header">
Your Original Message
<span class="badge badge-{{contactTypeBadge}}">{{contactTypeString}}</span>
</div>
<div>{{originalMessage}}</div>
</div>
<div class="admin-response">
<div class="response-header">📝 Our Response:</div>
<div>{{adminResponse}}</div>
</div>
<p>If you have any additional questions or need further assistance, please don't hesitate to contact us again.</p>
<div class="footer">
<div class="footer-text">
Thank you for choosing {{companyName}}!
</div>
<div class="contact-info">
For additional support, contact us at {{supportEmail}}<br>
This is an automated response. Please do not reply directly to this email.
</div>
</div>
</div>
</body>
</html>
@@ -0,0 +1,203 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SerpentRace - Passwort zurücksetzen</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
border-bottom: 2px solid #FF9800;
padding-bottom: 20px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #E65100;
margin-bottom: 10px;
}
.subtitle {
color: #666;
font-size: 16px;
}
.content {
margin-bottom: 30px;
}
.greeting {
font-size: 18px;
margin-bottom: 20px;
color: #E65100;
}
.message {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.8;
}
.reset-button {
display: inline-block;
background-color: #FF9800;
color: white !important;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
margin: 20px 0;
transition: background-color 0.3s;
}
.reset-button:hover {
background-color: #F57C00;
}
.button-container {
text-align: center;
margin: 30px 0;
}
.alternative-link {
background-color: #f9f9f9;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #FF9800;
}
.alternative-link p {
margin: 5px 0;
font-size: 14px;
}
.token-display {
background-color: #f0f0f0;
padding: 10px;
border-radius: 4px;
font-family: monospace;
font-size: 14px;
word-break: break-all;
margin: 10px 0;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
font-size: 14px;
color: #666;
text-align: center;
}
.warning {
background-color: #ffebee;
border: 1px solid #ffcdd2;
color: #c62828;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.support-info {
background-color: #e3f2fd;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.security-tip {
background-color: #e8f5e8;
border: 1px solid #c8e6c9;
color: #2e7d32;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{ companyName }}</div>
<div class="subtitle">Passwort zurücksetzen</div>
</div>
<div class="content">
<div class="greeting">
Hallo {{ userName }}! 🔐
</div>
<div class="message">
Wir haben eine Anfrage zum Zurücksetzen Ihres Passworts für Ihr {{ companyName }} Konto erhalten.
<br><br>
Wenn Sie diese Anfrage gestellt haben, klicken Sie auf die Schaltfläche unten, um Ihr Passwort zurückzusetzen:
</div>
<div class="button-container">
<a href="{{ resetUrl }}" class="reset-button">
🔒 Mein Passwort zurücksetzen
</a>
</div>
<div class="alternative-link">
<p><strong>Können Sie nicht auf die Schaltfläche klicken?</strong> Kopieren Sie diesen Link und fügen Sie ihn in Ihren Browser ein:</p>
<p style="word-break: break-all; color: #FF9800;">{{ resetUrl }}</p>
</div>
<div class="alternative-link">
<p><strong>Reset-Token:</strong></p>
<div class="token-display">{{ resetToken }}</div>
<p style="font-size: 12px; color: #666;">Sie können diesen Token auch manuell verwenden, falls erforderlich.</p>
</div>
<div class="warning">
<strong>🚨 Wichtige Sicherheitsinformationen:</strong>
<br>
• Dieser Passwort-Reset-Link läuft aus Sicherheitsgründen in 1 Stunde ab
• Falls Sie keine Passwort-Zurücksetzung angefordert haben, ignorieren Sie diese E-Mail bitte und Ihr Passwort bleibt unverändert
• Teilen Sie Ihr Reset-Token niemals mit anderen
• {{ companyName }} wird Sie niemals per E-Mail nach Ihrem Passwort fragen
</div>
<div class="security-tip">
<strong>💡 Sicherheitstipps für Ihr neues Passwort:</strong>
<br>
• Verwenden Sie mindestens 8 Zeichen
• Verwenden Sie Groß- und Kleinbuchstaben
• Fügen Sie Zahlen und Sonderzeichen hinzu
• Verwenden Sie keine Passwörter von anderen Konten wieder
• Erwägen Sie die Verwendung eines Passwort-Managers
</div>
<div class="message">
<strong>Diese Zurücksetzung nicht angefordert?</strong>
<br>
Falls Sie keine Passwort-Zurücksetzung angefordert haben, ist Ihr Konto weiterhin sicher. Sie können diese E-Mail getrost ignorieren.
Falls Sie jedoch Bedenken bezüglich unbefugten Zugriffs haben, kontaktieren Sie bitte umgehend unser Support-Team.
</div>
</div>
<div class="support-info">
<p><strong>Benötigen Sie Hilfe oder haben Sie Sicherheitsbedenken?</strong></p>
<p>Kontaktieren Sie unser Support-Team umgehend unter
<a href="mailto:{{ supportEmail }}" style="color: #FF9800;">{{ supportEmail }}</a></p>
<p style="font-size: 12px; margin-top: 10px;">
Zu Ihrer Sicherheit können wir Sie bitten, Ihre Identität zu verifizieren, wenn Sie den Support kontaktieren.
</p>
</div>
<div class="footer">
<p>Diese E-Mail wurde vom {{ companyName }} Sicherheitsteam gesendet</p>
<p>Dies ist eine automatische Nachricht, bitte antworten Sie nicht auf diese E-Mail.</p>
<p style="margin-top: 15px; font-size: 12px;">
© 2025 {{ companyName }}. Alle Rechte vorbehalten.
</p>
</div>
</div>
</body>
</html>
@@ -0,0 +1,203 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SerpentRace - Jelszó visszaállítás kérése</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
border-bottom: 2px solid #FF9800;
padding-bottom: 20px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #E65100;
margin-bottom: 10px;
}
.subtitle {
color: #666;
font-size: 16px;
}
.content {
margin-bottom: 30px;
}
.greeting {
font-size: 18px;
margin-bottom: 20px;
color: #E65100;
}
.message {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.8;
}
.reset-button {
display: inline-block;
background-color: #FF9800;
color: white !important;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
margin: 20px 0;
transition: background-color 0.3s;
}
.reset-button:hover {
background-color: #F57C00;
}
.button-container {
text-align: center;
margin: 30px 0;
}
.alternative-link {
background-color: #f9f9f9;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #FF9800;
}
.alternative-link p {
margin: 5px 0;
font-size: 14px;
}
.token-display {
background-color: #f0f0f0;
padding: 10px;
border-radius: 4px;
font-family: monospace;
font-size: 14px;
word-break: break-all;
margin: 10px 0;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
font-size: 14px;
color: #666;
text-align: center;
}
.warning {
background-color: #ffebee;
border: 1px solid #ffcdd2;
color: #c62828;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.support-info {
background-color: #e3f2fd;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.security-tip {
background-color: #e8f5e8;
border: 1px solid #c8e6c9;
color: #2e7d32;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{ companyName }}</div>
<div class="subtitle">Jelszó visszaállítás kérése</div>
</div>
<div class="content">
<div class="greeting">
Üdvözöljük {{ userName }}! 🔐
</div>
<div class="message">
Kérést kaptunk a {{ companyName }} fiókjához tartozó jelszó visszaállítására.
<br><br>
Ha Ön küldte ezt a kérést, kattintson az alábbi gombra a jelszó visszaállításához:
</div>
<div class="button-container">
<a href="{{ resetUrl }}" class="reset-button">
🔒 Jelszavam visszaállítása
</a>
</div>
<div class="alternative-link">
<p><strong>Nem tudja megnyitni a gombot?</strong> Másolja be ezt a linket a böngészőjébe:</p>
<p style="word-break: break-all; color: #FF9800;">{{ resetUrl }}</p>
</div>
<div class="alternative-link">
<p><strong>Visszaállítási token:</strong></p>
<div class="token-display">{{ resetToken }}</div>
<p style="font-size: 12px; color: #666;">Ezt a tokent is használhatja manuálisan, ha szükséges.</p>
</div>
<div class="warning">
<strong>🚨 Fontos biztonsági információk:</strong>
<br>
• Ez a jelszó-visszaállítási link biztonsági okokból 1 óra múlva lejár
• Ha Ön nem kért jelszó visszaállítást, kérjük, hagyja figyelmen kívül ezt az e-mailt, és jelszava változatlan marad
• Soha ne ossza meg a visszaállítási tokenjét senkivel
• A {{ companyName }} soha nem fogja e-mailben kérni az Ön jelszavát
</div>
<div class="security-tip">
<strong>💡 Biztonsági tippek az új jelszavához:</strong>
<br>
• Használjon legalább 8 karaktert
• Használjon kis- és nagybetűket
• Adjon hozzá számokat és speciális karaktereket
• Ne használja újra más fiókok jelszavait
• Fontolja meg egy jelszókezelő használatát
</div>
<div class="message">
<strong>Nem Ön kérte ezt a visszaállítást?</strong>
<br>
Ha Ön nem kért jelszó visszaállítást, fiókja továbbra is biztonságos. Nyugodtan figyelmen kívül hagyhatja ezt az e-mailt.
Azonban, ha aggodalmai vannak a jogosulatlan hozzáféréssel kapcsolatban, kérjük, azonnal lépjen kapcsolatba ügyfélszolgálatunkkal.
</div>
</div>
<div class="support-info">
<p><strong>Segítségre van szüksége, vagy biztonsági aggályai vannak?</strong></p>
<p>Lépjen kapcsolatba ügyfélszolgálatunkkal azonnal:
<a href="mailto:{{ supportEmail }}" style="color: #FF9800;">{{ supportEmail }}</a></p>
<p style="font-size: 12px; margin-top: 10px;">
Biztonsága érdekében megkérhetjük, hogy igazolja személyazonosságát, amikor kapcsolatba lép ügyfélszolgálatunkkal.
</p>
</div>
<div class="footer">
<p>Ezt az e-mailt a {{ companyName }} Biztonsági Csapata küldte</p>
<p>Ez egy automatikus üzenet, kérjük, ne válaszoljon erre az e-mailre.</p>
<p style="margin-top: 15px; font-size: 12px;">
© 2025 {{ companyName }}. Minden jog fenntartva.
</p>
</div>
</div>
</body>
</html>
+203
View File
@@ -0,0 +1,203 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SerpentRace - Password Reset Request</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
border-bottom: 2px solid #FF9800;
padding-bottom: 20px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #E65100;
margin-bottom: 10px;
}
.subtitle {
color: #666;
font-size: 16px;
}
.content {
margin-bottom: 30px;
}
.greeting {
font-size: 18px;
margin-bottom: 20px;
color: #E65100;
}
.message {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.8;
}
.reset-button {
display: inline-block;
background-color: #FF9800;
color: white !important;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
margin: 20px 0;
transition: background-color 0.3s;
}
.reset-button:hover {
background-color: #F57C00;
}
.button-container {
text-align: center;
margin: 30px 0;
}
.alternative-link {
background-color: #f9f9f9;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #FF9800;
}
.alternative-link p {
margin: 5px 0;
font-size: 14px;
}
.token-display {
background-color: #f0f0f0;
padding: 10px;
border-radius: 4px;
font-family: monospace;
font-size: 14px;
word-break: break-all;
margin: 10px 0;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
font-size: 14px;
color: #666;
text-align: center;
}
.warning {
background-color: #ffebee;
border: 1px solid #ffcdd2;
color: #c62828;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.support-info {
background-color: #e3f2fd;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.security-tip {
background-color: #e8f5e8;
border: 1px solid #c8e6c9;
color: #2e7d32;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{ companyName }}</div>
<div class="subtitle">Password Reset Request</div>
</div>
<div class="content">
<div class="greeting">
Hello {{ userName }}! 🔐
</div>
<div class="message">
We received a request to reset your password for your {{ companyName }} account.
<br><br>
If you made this request, click the button below to reset your password:
</div>
<div class="button-container">
<a href="{{ resetUrl }}" class="reset-button">
🔒 Reset My Password
</a>
</div>
<div class="alternative-link">
<p><strong>Can't click the button?</strong> Copy and paste this link into your browser:</p>
<p style="word-break: break-all; color: #FF9800;">{{ resetUrl }}</p>
</div>
<div class="alternative-link">
<p><strong>Reset Token:</strong></p>
<div class="token-display">{{ resetToken }}</div>
<p style="font-size: 12px; color: #666;">You can also use this token manually if needed.</p>
</div>
<div class="warning">
<strong>🚨 Important Security Information:</strong>
<br>
• This password reset link will expire in 1 hour for your security
• If you didn't request a password reset, please ignore this email and your password will remain unchanged
• Never share your reset token with anyone
• {{ companyName }} will never ask for your password via email
</div>
<div class="security-tip">
<strong>💡 Security Tips for your new password:</strong>
<br>
• Use at least 8 characters
• Include uppercase and lowercase letters
• Add numbers and special characters
• Don't reuse passwords from other accounts
• Consider using a password manager
</div>
<div class="message">
<strong>Didn't request this reset?</strong>
<br>
If you didn't request a password reset, your account is still secure. You can safely ignore this email.
However, if you're concerned about unauthorized access, please contact our support team immediately.
</div>
</div>
<div class="support-info">
<p><strong>Need help or have security concerns?</strong></p>
<p>Contact our support team immediately at
<a href="mailto:{{ supportEmail }}" style="color: #FF9800;">{{ supportEmail }}</a></p>
<p style="font-size: 12px; margin-top: 10px;">
For your security, we may ask you to verify your identity when contacting support.
</p>
</div>
<div class="footer">
<p>This email was sent by {{ companyName }} Security Team</p>
<p>This is an automated message, please do not reply to this email.</p>
<p style="margin-top: 15px; font-size: 12px;">
© 2025 {{ companyName }}. All rights reserved.
</p>
</div>
</div>
</body>
</html>
+186
View File
@@ -0,0 +1,186 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SerpentRace - Konto verifizieren</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
border-bottom: 2px solid #4CAF50;
padding-bottom: 20px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #2E7D32;
margin-bottom: 10px;
}
.subtitle {
color: #666;
font-size: 16px;
}
.content {
margin-bottom: 30px;
}
.greeting {
font-size: 18px;
margin-bottom: 20px;
color: #2E7D32;
}
.message {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.8;
}
.verification-button {
display: inline-block;
background-color: #4CAF50;
color: white !important;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
margin: 20px 0;
transition: background-color 0.3s;
}
.verification-button:hover {
background-color: #45a049;
}
.button-container {
text-align: center;
margin: 30px 0;
}
.alternative-link {
background-color: #f9f9f9;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #4CAF50;
}
.alternative-link p {
margin: 5px 0;
font-size: 14px;
}
.token-display {
background-color: #f0f0f0;
padding: 10px;
border-radius: 4px;
font-family: monospace;
font-size: 14px;
word-break: break-all;
margin: 10px 0;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
font-size: 14px;
color: #666;
text-align: center;
}
.warning {
background-color: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.support-info {
background-color: #e3f2fd;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{ companyName }}</div>
<div class="subtitle">Konto verifizieren</div>
</div>
<div class="content">
<div class="greeting">
Hallo {{ userName }}! 👋
</div>
<div class="message">
Willkommen bei {{ companyName }}! Wir freuen uns, dass Sie unserer Gaming-Community beigetreten sind.
<br><br>
Um Ihre Registrierung abzuschließen und Ihr Konto zu nutzen, verifizieren Sie bitte Ihre E-Mail-Adresse, indem Sie auf die Schaltfläche unten klicken:
</div>
<div class="button-container">
<a href="{{ verificationUrl }}" class="verification-button">
✅ Mein Konto verifizieren
</a>
</div>
<div class="alternative-link">
<p><strong>Können Sie nicht auf die Schaltfläche klicken?</strong> Kopieren Sie diesen Link und fügen Sie ihn in Ihren Browser ein:</p>
<p style="word-break: break-all; color: #4CAF50;">{{ verificationUrl }}</p>
</div>
<div class="alternative-link">
<p><strong>Verifizierungstoken:</strong></p>
<div class="token-display">{{ verificationToken }}</div>
<p style="font-size: 12px; color: #666;">Sie können diesen Token auch manuell verwenden, falls erforderlich.</p>
</div>
<div class="warning">
<strong>⚠️ Sicherheitshinweis:</strong>
<br>
• Dieser Verifizierungslink läuft in 24 Stunden ab
• Falls Sie kein Konto bei {{ companyName }} erstellt haben, ignorieren Sie diese E-Mail bitte
• Teilen Sie Ihren Verifizierungstoken niemals mit anderen
</div>
<div class="message">
Nach der Verifizierung können Sie:
<br>
✨ Ihre Spieldecks erstellen und verwalten
<br>
🎮 An Gaming-Turnieren und Wettbewerben teilnehmen
<br>
👥 Sich mit anderen Spielern in Ihrer Organisation verbinden
<br>
📊 Ihre Gaming-Statistiken und Fortschritte verfolgen
</div>
</div>
<div class="support-info">
<p><strong>Benötigen Sie Hilfe?</strong></p>
<p>Falls Sie Fragen haben oder auf Probleme stoßen, kontaktieren Sie bitte unser Support-Team unter
<a href="mailto:{{ supportEmail }}" style="color: #4CAF50;">{{ supportEmail }}</a></p>
</div>
<div class="footer">
<p>Diese E-Mail wurde von {{ companyName }} gesendet</p>
<p>Dies ist eine automatische Nachricht, bitte antworten Sie nicht auf diese E-Mail.</p>
<p style="margin-top: 15px; font-size: 12px;">
© 2025 {{ companyName }}. Alle Rechte vorbehalten.
</p>
</div>
</div>
</body>
</html>
+186
View File
@@ -0,0 +1,186 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SerpentRace - Fiók megerősítése</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
border-bottom: 2px solid #4CAF50;
padding-bottom: 20px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #2E7D32;
margin-bottom: 10px;
}
.subtitle {
color: #666;
font-size: 16px;
}
.content {
margin-bottom: 30px;
}
.greeting {
font-size: 18px;
margin-bottom: 20px;
color: #2E7D32;
}
.message {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.8;
}
.verification-button {
display: inline-block;
background-color: #4CAF50;
color: white !important;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
margin: 20px 0;
transition: background-color 0.3s;
}
.verification-button:hover {
background-color: #45a049;
}
.button-container {
text-align: center;
margin: 30px 0;
}
.alternative-link {
background-color: #f9f9f9;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #4CAF50;
}
.alternative-link p {
margin: 5px 0;
font-size: 14px;
}
.token-display {
background-color: #f0f0f0;
padding: 10px;
border-radius: 4px;
font-family: monospace;
font-size: 14px;
word-break: break-all;
margin: 10px 0;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
font-size: 14px;
color: #666;
text-align: center;
}
.warning {
background-color: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.support-info {
background-color: #e3f2fd;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{ companyName }}</div>
<div class="subtitle">Fiók megerősítése</div>
</div>
<div class="content">
<div class="greeting">
Üdvözöljük {{ userName }}! 👋
</div>
<div class="message">
Üdvözöljük a {{ companyName }} közösségében! Örülünk, hogy csatlakozott hozzánk játékosközösségünkhöz.
<br><br>
A regisztráció befejezéséhez és fiókja használatbavételéhez kérjük, erősítse meg e-mail címét az alábbi gombra kattintva:
</div>
<div class="button-container">
<a href="{{ verificationUrl }}" class="verification-button">
✅ Fiókom megerősítése
</a>
</div>
<div class="alternative-link">
<p><strong>Nem tudja megnyitni a gombot?</strong> Másolja be ezt a linket a böngészőjébe:</p>
<p style="word-break: break-all; color: #4CAF50;">{{ verificationUrl }}</p>
</div>
<div class="alternative-link">
<p><strong>Megerősítési token:</strong></p>
<div class="token-display">{{ verificationToken }}</div>
<p style="font-size: 12px; color: #666;">Ezt a tokent is használhatja manuálisan, ha szükséges.</p>
</div>
<div class="warning">
<strong>⚠️ Biztonsági figyelmeztetés:</strong>
<br>
• Ez a megerősítési link 24 óra múlva lejár
• Ha Ön nem hozott létre fiókot a {{ companyName }}-nál, kérjük, hagyja figyelmen kívül ezt az e-mailt
• Soha ne ossza meg a megerősítési tokenjét senkivel
</div>
<div class="message">
A megerősítés után lehetősége lesz:
<br>
✨ Játékcsomagok létrehozására és kezelésére
<br>
🎮 Játékversenyeken és bajnokságokon való részvételre
<br>
👥 Kapcsolatfelvételre szervezetében lévő más játékosokkal
<br>
📊 Játékstatisztikák és fejlődés nyomon követésére
</div>
</div>
<div class="support-info">
<p><strong>Segítségre van szüksége?</strong></p>
<p>Ha kérdései vannak vagy problémákba ütközik, kérjük, lépjen kapcsolatba ügyfélszolgálatunkkal:
<a href="mailto:{{ supportEmail }}" style="color: #4CAF50;">{{ supportEmail }}</a></p>
</div>
<div class="footer">
<p>Ezt az e-mailt a {{ companyName }} küldte</p>
<p>Ez egy automatikus üzenet, kérjük, ne válaszoljon erre az e-mailre.</p>
<p style="margin-top: 15px; font-size: 12px;">
© 2025 {{ companyName }}. Minden jog fenntartva.
</p>
</div>
</div>
</body>
</html>
+186
View File
@@ -0,0 +1,186 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SerpentRace - Verify Your Account</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.email-container {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 30px;
border-bottom: 2px solid #4CAF50;
padding-bottom: 20px;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #2E7D32;
margin-bottom: 10px;
}
.subtitle {
color: #666;
font-size: 16px;
}
.content {
margin-bottom: 30px;
}
.greeting {
font-size: 18px;
margin-bottom: 20px;
color: #2E7D32;
}
.message {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.8;
}
.verification-button {
display: inline-block;
background-color: #4CAF50;
color: white !important;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
margin: 20px 0;
transition: background-color 0.3s;
}
.verification-button:hover {
background-color: #45a049;
}
.button-container {
text-align: center;
margin: 30px 0;
}
.alternative-link {
background-color: #f9f9f9;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #4CAF50;
}
.alternative-link p {
margin: 5px 0;
font-size: 14px;
}
.token-display {
background-color: #f0f0f0;
padding: 10px;
border-radius: 4px;
font-family: monospace;
font-size: 14px;
word-break: break-all;
margin: 10px 0;
}
.footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
font-size: 14px;
color: #666;
text-align: center;
}
.warning {
background-color: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.support-info {
background-color: #e3f2fd;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<div class="logo">🐍 {{ companyName }}</div>
<div class="subtitle">Account Verification</div>
</div>
<div class="content">
<div class="greeting">
Hello {{ userName }}! 👋
</div>
<div class="message">
Welcome to {{ companyName }}! We're excited to have you join our gaming community.
<br><br>
To complete your registration and start using your account, please verify your email address by clicking the button below:
</div>
<div class="button-container">
<a href="{{ verificationUrl }}" class="verification-button">
✅ Verify My Account
</a>
</div>
<div class="alternative-link">
<p><strong>Can't click the button?</strong> Copy and paste this link into your browser:</p>
<p style="word-break: break-all; color: #4CAF50;">{{ verificationUrl }}</p>
</div>
<div class="alternative-link">
<p><strong>Verification Token:</strong></p>
<div class="token-display">{{ verificationToken }}</div>
<p style="font-size: 12px; color: #666;">You can also use this token manually if needed.</p>
</div>
<div class="warning">
<strong>⚠️ Security Notice:</strong>
<br>
• This verification link will expire in 24 hours
• If you didn't create an account with {{ companyName }}, please ignore this email
• Never share your verification token with anyone
</div>
<div class="message">
Once verified, you'll be able to:
<br>
✨ Create and manage your game decks
<br>
🎮 Join gaming tournaments and competitions
<br>
👥 Connect with other players in your organization
<br>
📊 Track your gaming statistics and progress
</div>
</div>
<div class="support-info">
<p><strong>Need help?</strong></p>
<p>If you have any questions or encounter issues, please contact our support team at
<a href="mailto:{{ supportEmail }}" style="color: #4CAF50;">{{ supportEmail }}</a></p>
</div>
<div class="footer">
<p>This email was sent by {{ companyName }}</p>
<p>This is an automated message, please do not reply to this email.</p>
<p style="margin-top: 15px; font-size: 12px;">
© 2025 {{ companyName }}. All rights reserved.
</p>
</div>
</div>
</body>
</html>