From 383b81a6a90cb6e1409be6de0237ad41a6e32eb0 Mon Sep 17 00:00:00 2001
From: Paul Werner <paul.werner@almig.de>
Date: Sat, 30 Sep 2023 07:05:59 +0200
Subject: [PATCH] updated build files

---
 .../keywind/email/html/components/atoms/background.ftl |  8 ++++++--
 theme/keywind/email/html/components/atoms/card.ftl     | 10 +++++++---
 .../keywind/email/html/components/atoms/container.ftl  | 10 +++++++---
 theme/keywind/email/html/components/atoms/footer.ftl   | 10 +++++++---
 theme/keywind/email/html/components/atoms/header.ftl   | 10 +++++++---
 theme/keywind/email/html/components/atoms/main.ftl     | 10 +++++++---
 theme/keywind/email/html/template.ftl                  |  2 +-
 7 files changed, 42 insertions(+), 18 deletions(-)

diff --git a/theme/keywind/email/html/components/atoms/background.ftl b/theme/keywind/email/html/components/atoms/background.ftl
index 763f1cb..a42ff96 100644
--- a/theme/keywind/email/html/components/atoms/background.ftl
+++ b/theme/keywind/email/html/components/atoms/background.ftl
@@ -1,4 +1,8 @@
 <#macro kw>
-  <div class="fixed left-0 top-0 inset-0 z-10" style="position: fixed; right: 0; bottom: 0; left: 0; top: 0; z-index: 10; inset: 0; background-color: #ecf9ff; background-image: url('https://mailwind.blob.core.windows.net/website/blurred-background-transparency.jpg');"></div>
+  <table cellpadding="0" cellspacing="0" border="0" class="fixed left-0 top-0 right-0 bottom-0 inset-0 z-10" style="position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 10; inset: 0; background-color: #ecf9ff; background-image: url('https://mailwind.blob.core.windows.net/website/blurred-background-transparency.jpg');">
+    <tr>
+      <td>
+      </td>
+    </tr>
+  </table>
 </#macro>
-
diff --git a/theme/keywind/email/html/components/atoms/card.ftl b/theme/keywind/email/html/components/atoms/card.ftl
index cab1c88..29f40b9 100644
--- a/theme/keywind/email/html/components/atoms/card.ftl
+++ b/theme/keywind/email/html/components/atoms/card.ftl
@@ -1,5 +1,9 @@
 <#macro kw>
-  <div class="bg-white px-4 py-10 rounded-lg" style="border-radius: 0.5rem; background-color: #fff; padding-left: 16px; padding-right: 16px; padding-top: 40px; padding-bottom: 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);">
-    <#nested>
-  </div>
+  <table cellpadding="0" cellspacing="0" border="0" align="center" class="text-left bg-white px-4 py-10 rounded-lg" style="border-radius: 0.5rem; background-color: #fff; padding-left: 16px; padding-right: 16px; padding-top: 40px; padding-bottom: 40px; text-align: left; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);">
+    <tr>
+      <td align="center">
+        <#nested>
+      </td>
+    </tr>
+  </table>
 </#macro>
diff --git a/theme/keywind/email/html/components/atoms/container.ftl b/theme/keywind/email/html/components/atoms/container.ftl
index 4253458..04ee64f 100644
--- a/theme/keywind/email/html/components/atoms/container.ftl
+++ b/theme/keywind/email/html/components/atoms/container.ftl
@@ -1,5 +1,9 @@
 <#macro kw>
-  <div class="relative z-20 py-10 px-4 max-w-[512px] mx-auto" style="position: relative; z-index: 20; margin-left: auto; margin-right: auto; max-width: 512px; padding-left: 16px; padding-right: 16px; padding-top: 40px; padding-bottom: 40px;">
-    <#nested>
-  </div>
+  <table cellpadding="0" cellspacing="0" border="0" align="center" class="relative z-20 py-10 px-4 max-w-[512px] mx-auto" style="position: relative; z-index: 20; margin-left: auto; margin-right: auto; max-width: 512px; padding-left: 16px; padding-right: 16px; padding-top: 40px; padding-bottom: 40px;">
+    <tr>
+      <td align="center">
+        <#nested>
+      </td>
+    </tr>
+  </table>
 </#macro>
diff --git a/theme/keywind/email/html/components/atoms/footer.ftl b/theme/keywind/email/html/components/atoms/footer.ftl
index a6a200e..8088169 100644
--- a/theme/keywind/email/html/components/atoms/footer.ftl
+++ b/theme/keywind/email/html/components/atoms/footer.ftl
@@ -1,5 +1,9 @@
 <#macro kw>
-  <div class="w-full mt-4 text-right text-sm opacity-80" style="margin-top: 16px; width: 100%; text-align: right; font-size: 14px; opacity: 0.8;">
-    © ${.now?string('yyyy')} ${kcSanitize(realmName!"")}.
-  </div>
+  <table cellpadding="0" cellspacing="0" border="0" align="right" class="w-full mt-4 text-right text-sm opacity-80" style="margin-top: 16px; width: 100%; text-align: right; font-size: 14px; opacity: 0.8;">
+    <tr class="text-right text-sm opacity-80" style="text-align: right; font-size: 14px; opacity: 0.8;">
+      <td align="right" class="text-right text-sm opacity-80" style="text-align: right; font-size: 14px; opacity: 0.8;">
+        © ${.now?string('yyyy')} ${kcSanitize(realmName!"")}.
+      </td>
+    </tr>
+  </table>
 </#macro>
diff --git a/theme/keywind/email/html/components/atoms/header.ftl b/theme/keywind/email/html/components/atoms/header.ftl
index 0ad8349..c58da0d 100644
--- a/theme/keywind/email/html/components/atoms/header.ftl
+++ b/theme/keywind/email/html/components/atoms/header.ftl
@@ -1,5 +1,9 @@
 <#macro kw>
-  <div class="text-center" style="text-align: center;">
-    <img class="h-10" src="https://mailwind.blob.core.windows.net/website/logo.png" alt="mailwind logo" style="height: 40px;">
-  </div>
+  <table cellpadding="0" cellspacing="0" border="0" align="center" class="text-center" style="text-align: center;">
+    <tr class="text-center" style="text-align: center;">
+      <td align="center" class="text-center" style="text-align: center;">
+        <img class="h-10" src="https://www.almig.de/typo3conf/ext/almig_package/Resources/Public/Images/almig-logo.png" alt="almig logo" style="height: 40px;">
+      </td>
+    </tr>
+  </table>
 </#macro>
diff --git a/theme/keywind/email/html/components/atoms/main.ftl b/theme/keywind/email/html/components/atoms/main.ftl
index ab9a89f..5b9f05e 100644
--- a/theme/keywind/email/html/components/atoms/main.ftl
+++ b/theme/keywind/email/html/components/atoms/main.ftl
@@ -1,5 +1,9 @@
 <#macro kw>
-  <div class="mt-10" style="margin-top: 40px;">
-    <#nested />
-  </div>
+  <table cellpadding="0" cellspacing="0" border="0" align="left" class="mt-10 text-left" style="margin-top: 40px; text-align: left;">
+    <tr>
+      <td align="left" class="text-left" style="text-align: left;">
+        <#nested>
+      </td>
+    </tr>
+  </table>
 </#macro>
diff --git a/theme/keywind/email/html/template.ftl b/theme/keywind/email/html/template.ftl
index b60d91c..838b899 100644
--- a/theme/keywind/email/html/template.ftl
+++ b/theme/keywind/email/html/template.ftl
@@ -12,7 +12,7 @@
   <head>
     <@document.kw script=script />
   </head>
-  <body style="background-color: #ecf9ff;">
+  <body style="background-color: #ecf9ff; background-image: url('https://mailwind.blob.core.windows.net/website/blurred-background-transparency.jpg');">
     <@background.kw />
     <@container.kw>
       <@card.kw>