Initial Commit
This commit is contained in:
@@ -0,0 +1,111 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Neue Kontaktanfrage</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f4f6f8;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 520px;
|
||||
margin: 0 auto;
|
||||
background: #ffffff;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
|
||||
padding: 28px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 20px;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 12px;
|
||||
color: #4b5563;
|
||||
}
|
||||
|
||||
.info-box {
|
||||
background: #f9fafb;
|
||||
border-left: 4px solid #0d6efd;
|
||||
padding: 14px 18px;
|
||||
border-radius: 6px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.info-box p {
|
||||
margin: 6px 0;
|
||||
font-size: 14px;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
.info-box strong {
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.message-box {
|
||||
background: #ffffff;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 8px;
|
||||
padding: 14px;
|
||||
font-size: 14px;
|
||||
color: #374151;
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 22px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
color: #9ca3af;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="container">
|
||||
|
||||
<h1>Neue Kontaktanfrage</h1>
|
||||
|
||||
<p>Du hast eine neue Nachricht über das Kontaktformular erhalten.</p>
|
||||
|
||||
<div class="info-box">
|
||||
<p><strong>Name:</strong> {{ $name }}</p>
|
||||
<p><strong>E-Mail:</strong> {{ $email }}</p>
|
||||
<p><strong>Betreff:</strong> {{ $subject }}</p>
|
||||
</div>
|
||||
|
||||
<p><strong>Nachricht:</strong></p>
|
||||
|
||||
<div class="message-box">
|
||||
{{ $message }}
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
© {{ date('Y') }} {{ env('APP_NAME') }} · Automatisch generierte Nachricht
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
103
resources/views/email-templates/forgot-template.blade.php
Normal file
103
resources/views/email-templates/forgot-template.blade.php
Normal file
@@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Passwort zurücksetzen</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #eef2f7;
|
||||
font-family: Arial, sans-serif;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
padding: 32px 0;
|
||||
background: linear-gradient(135deg, #4a90e2, #6a5be2);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 480px;
|
||||
margin: 0 auto;
|
||||
padding: 32px;
|
||||
background: #ffffff;
|
||||
border-radius: 14px;
|
||||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
|
||||
border: 1px solid rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
margin-bottom: 12px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.6;
|
||||
margin-bottom: 16px;
|
||||
font-size: 15px;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-wrap {
|
||||
text-align: center;
|
||||
margin: 28px 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
background: linear-gradient(135deg, #4a90e2, #6a5be2);
|
||||
color: #ffffff;
|
||||
padding: 14px 28px;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.3px;
|
||||
box-shadow: 0 4px 12px rgba(80, 70, 200, 0.3);
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #eee;
|
||||
margin-top: 20px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="container">
|
||||
|
||||
<h1>Passwort zurücksetzen</h1>
|
||||
|
||||
<p>Wir haben eine Anfrage zum Zurücksetzen deines Passworts erhalten.</p>
|
||||
<p>Klicke auf den Button, um ein neues Passwort festzulegen.</p>
|
||||
|
||||
<div class="btn-wrap">
|
||||
<a href="{{ $actionlink }}" class="btn" target="_blank">
|
||||
Passwort zurücksetzen
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p>Dieser Link ist 30 Minuten gültig.</p>
|
||||
|
||||
<p>Wenn du diese Anfrage nicht gestellt hast, kannst du diese E-Mail ignorieren.</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
© {{ date('Y') }} LaraBlog. Alle Rechte vorbehalten.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,185 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Neuer Blog Post</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #eef2f7;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
padding: 28px 0;
|
||||
background: linear-gradient(135deg, #6a5be2, #4a90e2);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 560px;
|
||||
margin: 0 auto;
|
||||
background: #ffffff;
|
||||
border-radius: 14px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 22px 24px;
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
|
||||
.brand {
|
||||
font-size: 14px;
|
||||
color: #6b7280;
|
||||
letter-spacing: 0.2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 22px 24px 8px 24px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 22px;
|
||||
line-height: 1.25;
|
||||
color: #111827;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 14px 0;
|
||||
font-size: 14px;
|
||||
line-height: 1.65;
|
||||
color: #4b5563;
|
||||
}
|
||||
|
||||
.img-wrap {
|
||||
padding: 0 24px 18px 24px;
|
||||
}
|
||||
|
||||
.post-img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 12px;
|
||||
display: block;
|
||||
border: 1px solid #eef2f7;
|
||||
}
|
||||
|
||||
.desc {
|
||||
background: #f8fafc;
|
||||
border: 1px solid #eef2f7;
|
||||
border-radius: 12px;
|
||||
padding: 14px 14px;
|
||||
}
|
||||
|
||||
.btn-wrap {
|
||||
text-align: center;
|
||||
padding: 18px 24px 22px 24px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
background: linear-gradient(135deg, #6a5be2, #4a90e2);
|
||||
color: #ffffff !important;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
padding: 12px 20px;
|
||||
border-radius: 999px;
|
||||
box-shadow: 0 6px 16px rgba(74, 144, 226, 0.25);
|
||||
}
|
||||
|
||||
.meta {
|
||||
padding: 0 24px 22px 24px;
|
||||
font-size: 12px;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.meta a {
|
||||
color: #0d6efd;
|
||||
text-decoration: none;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
padding: 16px 16px;
|
||||
color: #e5e7eb;
|
||||
font-size: 12px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
|
||||
.content,
|
||||
.img-wrap,
|
||||
.btn-wrap,
|
||||
.meta,
|
||||
.header {
|
||||
padding-left: 16px !important;
|
||||
padding-right: 16px !important;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="container">
|
||||
|
||||
<div class="header">
|
||||
<div class="brand">LaraBlog · Neuer Blog Post</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<h1>{{ $post->title }}</h1>
|
||||
<p>Es gibt einen neuen Beitrag in unserem Blog. Viel Spaß beim Lesen.</p>
|
||||
</div>
|
||||
|
||||
<div class="img-wrap">
|
||||
<img class="post-img" src="{{ asset('images/posts/' . $post->featured_image) }}"
|
||||
alt="{{ $post->title }}">
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="desc">
|
||||
<p style="margin:0;"><strong>Beschreibung:</strong></p>
|
||||
<p style="margin:8px 0 0 0;">{!! Str::ucfirst(words($post->content, 43)) !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-wrap">
|
||||
<a class="btn" href="{{ route('read_post', $post->slug) }}" target="_blank" rel="noopener">
|
||||
Beitrag lesen
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="meta">
|
||||
Falls der Button nicht funktioniert, kopiere diesen Link in deinen Browser:<br>
|
||||
<a href="{{ route('read_post', $post->slug) }}" target="_blank"
|
||||
rel="noopener">{{ route('read_post', $post->slug) }}</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
© {{ date('Y') }} LaraBlog · Du erhältst diese E-Mail, weil du Benachrichtigungen
|
||||
abonniert
|
||||
hast.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Passwort erfolgreich geändert</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #eef2f7;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
padding: 32px 0;
|
||||
background: linear-gradient(135deg, #7b5be2, #4a90e2);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 480px;
|
||||
margin: 0 auto;
|
||||
padding: 32px;
|
||||
background: #ffffff;
|
||||
border-radius: 14px;
|
||||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.info-box {
|
||||
background: #f4f6ff;
|
||||
border-left: 4px solid #6a5be2;
|
||||
padding: 14px 18px;
|
||||
border-radius: 6px;
|
||||
margin: 20px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="container">
|
||||
|
||||
<h1>Passwort aktualisiert</h1>
|
||||
|
||||
<p>Hallo {{ $user->name }},</p>
|
||||
|
||||
<p>dies ist eine Bestätigung, dass dein Passwort erfolgreich geändert wurde.</p>
|
||||
|
||||
<div class="info-box">
|
||||
<p><strong>Aktuelle Zugangsdaten:</strong></p>
|
||||
<p>Benutzername/Email: <strong>{{ $user->username }} oder {{ $user->email }}</strong></p>
|
||||
<p>Passwort: <strong>{{ $new_password }}</strong></p>
|
||||
</div>
|
||||
|
||||
<p>Falls du diese Änderung nicht selbst vorgenommen hast, kontaktiere bitte umgehend unseren Support.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer" style="text-align:center; font-size:12px; color:#eee; margin-top:20px;">
|
||||
© {{ date('Y') }} LaraBlog. Alle Rechte vorbehalten.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user