salam/nutzwerte_fi4
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip mail

Browse Source
This commit is contained in:
salam committed 2026-05-09 11:31:26 +02:00
1 parent 74c40cc49c
commit 97938724eb
13 files changed
+1214 -116
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/views/mail/newsletter.blade.php
+359 -31
View File
@@ -1,53 +1,381 @@
<!DOCTYPE html>
<?php
$hanno = config('app.url') . '/images/newsletter/hanno.jpg';
$message->embedData(file_get_contents($hanno), 'Architekt DI Hanno Vogl-Fernheim', 'image/png');
?>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>{{ $data['subjekt'] }}</title>
<style>
html {
-webkit-font-smoothing: antialiased;
}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Simple Transactional Email</title>
<style media="all" type="text/css">
/* -------------------------------------
GLOBAL RESETS
------------------------------------- */
body {
margin: 0px;
margin-top: 20px;
padding: 0px;
background: #fff;
font-size: 18px;
line-height: 24px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvcetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #333333;
font-family: Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
line-height: 1.3;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: separate;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
width: 100%;
}
table td {
font-family: Helvetica, sans-serif;
font-size: 16px;
vertical-align: top;
}
/* -------------------------------------
BODY & CONTAINER
------------------------------------- */
body {
background-color: #f4f5f6;
margin: 0;
padding: 0;
}
.body {
background-color: #f4f5f6;
width: 100%;
}
.container {
margin: 0 auto !important;
max-width: 600px;
margin: 20px auto;
padding: 25px;
background-color: #f1f1f1;
border: 2px solid #dbeafe;
border-radius: 10px;
padding: 0;
padding-top: 24px;
width: 600px;
}
.message {
padding: 25px;
border-radius: 5px;
border: 1px solid #fef9c2;
.content {
box-sizing: border-box;
display: block;
margin: 0 auto;
max-width: 600px;
padding: 0;
}
/* -------------------------------------
HEADER, FOOTER, MAIN
------------------------------------- */
.main {
background: #ffffff;
border: 1px solid #eaebed;
border-radius: 16px;
width: 100%;
}
.wrapper {
box-sizing: border-box;
padding: 24px;
}
.footer {
clear: both;
padding-top: 24px;
text-align: center;
width: 100%;
}
.footer td,
.footer p,
.footer span,
.footer a {
color: #9a9ea6;
font-size: 16px;
text-align: center;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
p {
font-family: Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 0;
margin-bottom: 16px;
}
a {
color: #0867ec;
text-decoration: underline;
}
/* -------------------------------------
BUTTONS
------------------------------------- */
.btn {
box-sizing: border-box;
min-width: 100% !important;
width: 100%;
}
.btn>tbody>tr>td {
padding-bottom: 16px;
}
.btn table {
width: auto;
}
.btn table td {
background-color: #ffffff;
border-radius: 4px;
text-align: center;
}
.message p {
margin-bottom: 10px;
.btn a {
background-color: #ffffff;
border: solid 2px #0867ec;
border-radius: 4px;
box-sizing: border-box;
color: #0867ec;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 12px 24px;
text-decoration: none;
text-transform: capitalize;
}
.btn-primary table td {
background-color: #0867ec;
}
.btn-primary a {
background-color: #0867ec;
border-color: #0867ec;
color: #ffffff;
}
@media all {
.btn-primary table td:hover {
background-color: #ec0867 !important;
}
.btn-primary a:hover {
background-color: #ec0867 !important;
border-color: #ec0867 !important;
}
}
/* -------------------------------------
OTHER STYLES THAT MIGHT BE USEFUL
------------------------------------- */
.last {
margin-bottom: 0;
}
.first {
margin-top: 0;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.text-link {
color: #0867ec !important;
text-decoration: underline !important;
}
.clear {
clear: both;
}
.mt0 {
margin-top: 0;
}
.mb0 {
margin-bottom: 0;
}
.preheader {
color: transparent;
display: none;
height: 0;
max-height: 0;
max-width: 0;
opacity: 0;
overflow: hidden;
mso-hide: all;
visibility: hidden;
width: 0;
}
.powered-by a {
text-decoration: none;
}
/* -------------------------------------
RESPONSIVE AND MOBILE FRIENDLY STYLES
------------------------------------- */
@media only screen and (max-width: 640px) {
.main p,
.main td,
.main span {
font-size: 16px !important;
}
.wrapper {
padding: 8px !important;
}
.content {
padding: 0 !important;
}
.container {
padding: 0 !important;
padding-top: 8px !important;
width: 100% !important;
}
.main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important;
}
.btn table {
max-width: 100% !important;
width: 100% !important;
}
.btn a {
font-size: 16px !important;
max-width: 100% !important;
width: 100% !important;
}
}
/* -------------------------------------
PRESERVE THESE STYLES IN THE HEAD
------------------------------------- */
@media all {
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
#MessageViewBody a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
}
</style>
</head>
<body>
<div class="container">
<div class="message">
{!! $data['inhalt'] !!}
</div>
</div>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
<tr>
<td>&nbsp;</td>
<td class="container">
<div class="content">
<!-- START CENTERED WHITE CONTAINER -->
<span class="preheader">This is preheader text. Some clients will show this text as a
preview.</span>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="main">
<!-- START MAIN CONTENT AREA -->
<tr>
<td class="wrapper">
<strong>{!! $data['anrede'] !!}</strong>
<br>
<img src="{{ $message->embedData(file_get_contents($hanno), 'Architekt DI Hanno Vogl-Fernheim', 'image/png') }}"
alt="Architekt DI Hanno Vogl-Fernheim"
style="max-width: 18%; padding-top:50px; padding: 20px; float:right;">
<p>
{!! $data['inhalt'] !!}
</p>
<img src="images/newsletter/Zeichnung.png" style="max-width: 50%;padding-top: 20px;">
<br><br>
Mit freundlichen Grüßen<br>
Hanno Vogl Fernheim<br>
<img src="images/newsletter/ztlogo-schrift.png"
style="width: 240px; padding: 10px 0;"><br>
</td>
</tr>
<!-- END MAIN CONTENT AREA -->
</table>
<!-- START FOOTER -->
<div class="footer">
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="content-block" style="font-size: small;">
<strong>Architekt DI Hanno Vogl-Fernheim</strong>
<br>architekt vogl-fernheim ZT-GmbH
<br>Richardsweg 1, 6020 Innsbruck
<br><a style="font-size: small;"
href="https://www.bird-farhome.com">www.bird-farhome.com</a>
</td>
</tr>
</table>
</div>
<!-- END FOOTER -->
<!-- END CENTERED WHITE CONTAINER -->
</div>
</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>
resources/views/mail/test.html
-64
View File
@@ -1,64 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{{ $data['subjekt'] }}</title>
<style>
html {
-webkit-font-smoothing: antialiased;
}
body {
margin: 0px;
margin-top: 20px;
padding: 0px;
background: #fff;
font-size: 18px;
line-height: 24px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvcetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #333333;
}
.container {
max-width: 600px;
margin: 20px auto;
padding: 25px;
background-color: #f1f1f1;
border: 2px solid #dbeafe;
border-radius: 10px;
}
.message {
padding: 25px;
border-radius: 5px;
border: 1px solid #fef9c2;
background-color: #ffffff;
}
.message p {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="message">
<strong>Sehr geehrter Herr Duck</strong>
<p>
Minutengeschichten sind kurze Storys für eilige Leser und Eltern mit wenig Zeit. Die Texte sind
innerhalb
einer Minute gelesen. So viel Zeit hat man auf jeden Fall, bevor es dann ins Bett geht.
Hier findest du hunderte Gute Nacht Geschichten, die ich für dich zum Vorlesen oder selber schmökern
geschrieben habe. Egal, ob du etwas mit Prinzessinnen, Kindern, Tieren, Cowboys, Weltraumabenteuern oder
anderen spannenden Geschichten sucht, hier wirst du bestimmt etwas Passendes finden.
</p>
Mit besten Grüßen<br>
Hanno Vogl Fernheim
</div>
</div>
</body>
</html>