Added registration mail template

2020-12-27 17:28:58 +01:00
parent 10fdbade66
commit 1ea21df4d9
1 changed files with 102 additions and 0 deletions
--- a/api/smtp/templates/template-sign-up.html
+++ b/api/smtp/templates/template-sign-up.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Template Email Auracle Inscription</title>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:wght@700;800;900&display=swap');
+
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+
+      :root {
+        --black: 52, 58, 64;
+        --white: #FFF;
+        --primary: 89, 158, 244;
+      }
+
+      body {
+        color: rgb(var(--black));
+        font-family: 'Lato', sans-serif;
+        max-width: 100%;
+      }
+
+      .display {
+        font-family: 'Playfair Display', serif;
+      }
+
+      h1 {
+        font-size: 32px;
+      }
+
+      p:not(:last-child) {
+        margin-bottom: 15px;
+      }
+
+      .italics {
+        font-style: italic;
+      }
+
+      .wrapper {
+        position: relative;
+        padding: 10vh 5vw;
+        background: url('https://i.imgur.com/IxEKKEY.png') center center fixed repeat;
+      }
+      .wrapper:before {
+        display: block;
+        content: '';
+        position: absolute;
+        top: 0;
+        height: 120px;
+        left: 0;
+        right: 0;
+        background-color: rgb(var(--primary));
+        z-index: 0;
+      }
+
+      .container {
+        position: relative;
+        background-color: var(--white);
+        z-index: 5;
+      }
+
+      header, footer {
+        text-align: center;
+        color: var(--white);
+        background-color: rgb(var(--black));
+      }
+
+      header {
+        padding: 15px;
+      }
+
+      main {
+        padding: 30px;
+      }
+    </style>
+  </head>
+<body>
+  <div class="wrapper">
+    <div class="container">
+      <header>
+
+        <h1 class="display">Bienvenue sur Auracle !</h1>
+      </header>
+      <main>
+        <p>Votre compte Auracle a bien été enregistré et est rattaché à cette adresse mail.</p>
+        <p>Cependant, afin de garantir la sécurité de vos données, votre compte doit être vérifié avant votre première connexion. Vous pouvez <a href="http://localhost:2814/verification/{{ user.token }}">suivre ce lien afin de confirmer votre inscription.</a></p>
+        <p>Si vous rencontrez des problèmes, n'hésitez pas à envoyer un mail à <a href="mailto:support@auracle.io">support@auracle.io</a></p>
+        <p><strong>Merci de votre soutien !</strong></p>
+        <p class="italics">Bien sincèrement, Izàc Tymos.</p>
+      </main>
+      <footer>
+        <div class="icon">
+          <!-- <img src="https://i.imgur.com/dJTklvU.png" alt=""> -->
+        </div>
+      </footer>
+    </div>
+  </div>
+</body>
+</html>