wip

resources/views/mail/newsletter.blade.php

@@ -5,22 +5,34 @@
     <meta charset="UTF-8">
     <title>{{ $data['subjekt'] }}</title>
     <style>
+        html {
+            -webkit-font-smoothing: antialiased;
+        }
+
         body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 0;
+            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: 10px auto;
-            padding: 20px;
+            margin: 20px auto;
+            padding: 25px;
             background-color: #f1f1f1;
-            border: 3px #0084d1 double;
+            border: 2px solid #dbeafe;
+            border-radius: 10px;
         }
 
         .message {
-            padding: 20px;
+            padding: 25px;
+            border-radius: 5px;
+            border: 1px solid #fef9c2;
             background-color: #ffffff;
         }
 

resources/views/mail/test.html

@@ -0,0 +1,64 @@
+<!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>