Initial Commit
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user