186 lines
4.7 KiB
PHP
186 lines
4.7 KiB
PHP
<!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>
|