WIP: Add email notifications

2023-10-25 14:33:56 +02:00
parent eb53e2a843
commit abbceae2c8
11 changed files with 1863 additions and 1 deletions
@@ -0,0 +1,101 @@
+<mjml>
+    <mj-head>
+        <mj-font name="Lato" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" />
+        <mj-preview>MyE&amp;P Team</mj-preview>
+        <mj-title>MyE&amp;P Team</mj-title>
+        <mj-attributes>
+            <mj-all font-family="Lato, Verdana, Arial, 'Helvetica neue', sans-serif" />
+        </mj-attributes>
+        <mj-style>
+            h1 {
+                font-weight: bold;
+                font-size: 32px;
+                line-height: 36px;
+                margin-bottom: 0;
+                padding-bottom: 16px;
+            }
+            h2 {
+                font-weight: normal;
+                font-size: 24px;
+                line-height: 28px;
+                margin-bottom: 0;
+            }
+            p {
+                padding-bottom: 16px;
+            }
+            p.small {
+                font-size: 14px;
+                color: #999999;
+            }
+            a {
+                text-decoration: underline;
+                color: #5F7983;
+            }
+            a.footerlink {
+                text-decoration: none;
+                color: inherit;
+            }
+            a.button {
+                text-decoration: none;
+                color: white;
+                display: inline-block;
+                background-color: #3d8ccb;
+                padding: 8px 16px;
+                border-radius: 4px;
+            }
+        </mj-style>
+    </mj-head>
+    <mj-body background-color="#666666">
+        <mj-hero mode="fluid-height" height="285px" background-color="#FFFFFF" padding-top="20px" padding-bottom="20px">
+            <mj-image src="{{ email.image('@images/logo.png') }}" width="200px" align="left" alt="Logo E&P" />
+        </mj-hero>
+        <mj-section background-color="#FFFFFF" border-top="1px solid #3d8ccb">
+            <mj-column>
+                <mj-text font-size="16px" line-height="24px" color="#666666">
+                    {% block body %}
+                    <h1>
+                        Lorem ipsum dolor sit amet
+                    </h1>
+                    <p>
+                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa delectus dolores
+                        earum eius fugiat in nesciunt quas quidem vitae?
+                    </p>
+                    <h2>
+                        Lorem ipsum dolor
+                    </h2>
+                    <p>
+                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa delectus dolores
+                        earum eius fugiat in nesciunt quas quidem vitae?
+                    </p>
+                    <p>
+                        <a href="#" class="button">
+                            Button
+                        </a>
+                    </p>
+                    <p class="small">
+                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, eveniet!
+                    </p>
+                    {% endblock %}
+                </mj-text>
+            </mj-column>
+        </mj-section>
+        <mj-section background-color="#3d8ccb">
+            <mj-column>
+                <mj-text color="#FFFFFF" font-size="14px" line-height="18px">
+                    E&amp;P Reisen und Events GmbH
+                    <br />
+                    Aachener Str. 326-328
+                    <br />
+                    50933 Köln
+                </mj-text>
+            </mj-column>
+            <mj-column>
+                <mj-text color="#FFFFFF" font-size="14px">
+                    <a href="https://www.ep-reisen.de/unternehmen/impressum-skireiseveranstalter/" title="E&P Impressum" class="footerlink" target="_blank">Impressum</a>
+                    <span>|</span>
+                    <a href="https://www.ep-reisen.de/unternehmen/impressum-skireiseveranstalter/datenschutz-winterreisen/" title="E&P Datenschutz" class="footerlink" target="_blank">Datenschutz</a>
+                </mj-text>
+            </mj-column>
+        </mj-section>
+    </mj-body>
+</mjml>