First Commit

dsql-app/email/index.html

@@ -0,0 +1,24 @@
+<div style="background-color: #f1f5f9; padding: 20px; text-align: center">
+    <div style="background-color: #ffffff; border: 1px solid #cbd5e1; max-width: 700px; border-radius: 5px; overflow: hidden; margin: auto">
+        <div style="margin: auto; margin-bottom: 20px; overflow: hidden">
+            <a
+                href="https://datasquirel.com"
+                style="text-align: center; margin: auto; overflow: hidden"
+            >
+                <img
+                    src="https://static.datasquirel.com/images/user-images/user-2/datasquirel/Banner.png"
+                    width="700"
+                    height="240"
+                    style="display: block; margin: auto; text-align: center; object-position: center center; width: 100%; object-fit: cover"
+                />
+            </a>
+        </div>
+
+        <div style="padding: 20px">{{email_body}}</div>
+
+        <div style="padding: 20px; background-color: #f1f5f9">
+            <div style="font-size: 12px; opacity: 0.5; margin: 0 auto 10px auto">Date issued: {{issue_date}}</div>
+            <a href="https://datasquirel.com/unsubscribe">Unsubsribe</a>
+        </div>
+    </div>
+</div>

dsql-app/email/send-email-verification-link.html

@@ -0,0 +1,4 @@
+<div style="margin-bottom: 20px">
+    <h3 style="margin-top: 0; margin-bottom: 20px">Please click the link to verify your email address</h3>
+    <a href="{{host}}/email-verification?token={{token}}" style="padding: 5px; width: 100%; background-color: #9049ca; color: #ffffff; border-radius: 5px; text-decoration: none">Verify Email Address</a>
+</div>

dsql-app/email/send-password-reset-link.html

@@ -0,0 +1,19 @@
+<div style="margin-bottom: 20px">
+    <h1>Password Reset From {{ip}}</h1>
+    <h2 style="margin-top: 0; margin-bottom: 20px">
+        Please Use The link below to reset your password
+    </h2>
+    <p>NOTE: this link expires after 1 hour.</p>
+    <a
+        href="{{host}}/reset-password?token={{token}}"
+        style="
+            padding: 5px;
+            width: 100%;
+            background-color: #9049ca;
+            color: #ffffff;
+            border-radius: 5px;
+            text-decoration: none;
+        "
+        >Reset Password</a
+    >
+</div>