feat: use env for name and domain text

author: poeti8 <ezzati.upt@gmail.com> 2020-02-05 17:57:08 +0300
committer: poeti8 <ezzati.upt@gmail.com> 2020-02-05 17:57:08 +0300
commit: 3b2b0c012961f39d839c959deff4eb2f16eea2ba (patch)
tree: 1805581f1624d37d1437be1c09880fb500071160 /server
parent: cbc04705508505f319d38b1f56356b9fe685f2b0 (diff)
6 files changed, 926 insertions, 754 deletions
diff --git a/server/__v1/controllers/linkController.ts b/server/__v1/controllers/linkController.ts
index 22c8020..ee6e165 100644
--- a/server/__v1/controllers/linkController.ts
+++ b/server/__v1/controllers/linkController.ts
@@ -346,7 +346,7 @@ export const reportLink: Handler = async (req, res) => {
   }
 
   const mail = await transporter.sendMail({
-    from: env.MAIL_USER,
+    from: env.MAIL_FROM || env.MAIL_USER,
     to: env.REPORT_MAIL,
     subject: "[REPORT]",
     text: req.body.link,
diff --git a/server/handlers/links.ts b/server/handlers/links.ts
index d9d8011..e681007 100644
--- a/server/handlers/links.ts
+++ b/server/handlers/links.ts
@@ -117,7 +117,7 @@ export const report: Handler = async (req, res) => {
   const { link } = req.body;
 
   const mail = await transporter.sendMail({
-    from: env.MAIL_USER,
+    from: env.MAIL_FROM || env.MAIL_USER,
     to: env.REPORT_EMAIL,
     subject: "[REPORT]",
     text: link,
diff --git a/server/mail/mail.ts b/server/mail/mail.ts
index e3c0202..190a488 100644
--- a/server/mail/mail.ts
+++ b/server/mail/mail.ts
@@ -25,24 +25,26 @@ const resetEmailTemplatePath = path.join(__dirname, "template-reset.html");
 const verifyEmailTemplatePath = path.join(__dirname, "template-verify.html");
 const resetEmailTemplate = fs
   .readFileSync(resetEmailTemplatePath, { encoding: "utf-8" })
-  .replace(/{{domain}}/gm, env.DEFAULT_DOMAIN);
+  .replace(/{{domain}}/gm, env.DEFAULT_DOMAIN)
+  .replace(/{{site_name}}/gm, env.SITE_NAME);
 const verifyEmailTemplate = fs
   .readFileSync(verifyEmailTemplatePath, { encoding: "utf-8" })
-  .replace(/{{domain}}/gm, env.DEFAULT_DOMAIN);
+  .replace(/{{domain}}/gm, env.DEFAULT_DOMAIN)
+  .replace(/{{site_name}}/gm, env.SITE_NAME);
 
 export const verification = async (user: User) => {
   const mail = await transporter.sendMail({
     from: env.MAIL_FROM || env.MAIL_USER,
     to: user.email,
     subject: "Verify your account",
-    text: verifyMailText.replace(
-      /{{verification}}/gim,
-      user.verification_token
-    ),
-    html: verifyEmailTemplate.replace(
-      /{{verification}}/gim,
-      user.verification_token
-    )
+    text: verifyMailText
+      .replace(/{{verification}}/gim, user.verification_token)
+      .replace(/{{domain}}/gm, env.DEFAULT_DOMAIN)
+      .replace(/{{site_name}}/gm, env.SITE_NAME),
+    html: verifyEmailTemplate
+      .replace(/{{verification}}/gim, user.verification_token)
+      .replace(/{{domain}}/gm, env.DEFAULT_DOMAIN)
+      .replace(/{{site_name}}/gm, env.SITE_NAME)
   });
 
   if (!mail.accepted.length) {
@@ -52,7 +54,7 @@ export const verification = async (user: User) => {
 
 export const resetPasswordToken = async (user: User) => {
   const mail = await transporter.sendMail({
-    from: env.MAIL_USER,
+    from: env.MAIL_FROM || env.MAIL_USER,
     to: user.email,
     subject: "Reset your password",
     text: resetMailText
diff --git a/server/mail/template-reset.html b/server/mail/template-reset.html
index 2cb3950..dc247be 100644
--- a/server/mail/template-reset.html
+++ b/server/mail/template-reset.html
@@ -1,424 +1,510 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
-
-<head>
-  <!--[if gte mso 9]><xml>
-   <o:OfficeDocumentSettings>
-    <o:AllowPNG/>
-    <o:PixelsPerInch>96</o:PixelsPerInch>
-   </o:OfficeDocumentSettings>
-  </xml><![endif]-->
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-  <meta name="viewport" content="width=device-width">
-  <!--[if !mso]><!-->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <!--<![endif]-->
-  <title></title>
-
-
-  <style type="text/css" id="media-query">
-    body {
-      margin: 0;
-      padding: 0;
-    }
-
-    table,
-    tr,
-    td {
-      vertical-align: top;
-      border-collapse: collapse;
-    }
-
-    .ie-browser table,
-    .mso-container table {
-      table-layout: fixed;
-    }
-
-    * {
-      line-height: inherit;
-    }
-
-    a[x-apple-data-detectors=true] {
-      color: inherit !important;
-      text-decoration: none !important;
-    }
-
-    [owa] .img-container div,
-    [owa] .img-container button {
-      display: block !important;
-    }
-
-    [owa] .fullwidth button {
-      width: 100% !important;
-    }
-
-    [owa] .block-grid .col {
-      display: table-cell;
-      float: none !important;
-      vertical-align: top;
-    }
-
-    .ie-browser .num12,
-    .ie-browser .block-grid,
-    [owa] .num12,
-    [owa] .block-grid {
-      width: 500px !important;
-    }
-
-    .ExternalClass,
-    .ExternalClass p,
-    .ExternalClass span,
-    .ExternalClass font,
-    .ExternalClass td,
-    .ExternalClass div {
-      line-height: 100%;
-    }
-
-    .ie-browser .mixed-two-up .num4,
-    [owa] .mixed-two-up .num4 {
-      width: 164px !important;
-    }
-
-    .ie-browser .mixed-two-up .num8,
-    [owa] .mixed-two-up .num8 {
-      width: 328px !important;
-    }
-
-    .ie-browser .block-grid.two-up .col,
-    [owa] .block-grid.two-up .col {
-      width: 250px !important;
-    }
-
-    .ie-browser .block-grid.three-up .col,
-    [owa] .block-grid.three-up .col {
-      width: 166px !important;
-    }
-
-    .ie-browser .block-grid.four-up .col,
-    [owa] .block-grid.four-up .col {
-      width: 125px !important;
-    }
-
-    .ie-browser .block-grid.five-up .col,
-    [owa] .block-grid.five-up .col {
-      width: 100px !important;
-    }
-
-    .ie-browser .block-grid.six-up .col,
-    [owa] .block-grid.six-up .col {
-      width: 83px !important;
-    }
-
-    .ie-browser .block-grid.seven-up .col,
-    [owa] .block-grid.seven-up .col {
-      width: 71px !important;
-    }
-
-    .ie-browser .block-grid.eight-up .col,
-    [owa] .block-grid.eight-up .col {
-      width: 62px !important;
-    }
-
-    .ie-browser .block-grid.nine-up .col,
-    [owa] .block-grid.nine-up .col {
-      width: 55px !important;
-    }
-
-    .ie-browser .block-grid.ten-up .col,
-    [owa] .block-grid.ten-up .col {
-      width: 50px !important;
-    }
-
-    .ie-browser .block-grid.eleven-up .col,
-    [owa] .block-grid.eleven-up .col {
-      width: 45px !important;
-    }
-
-    .ie-browser .block-grid.twelve-up .col,
-    [owa] .block-grid.twelve-up .col {
-      width: 41px !important;
-    }
-
-    @media only screen and (min-width: 520px) {
-      .block-grid {
-        width: 500px !important;
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office"
+>
+  <head>
+    <!--[if gte mso 9
+      ]><xml>
+        <o:OfficeDocumentSettings>
+          <o:AllowPNG />
+          <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+      </xml><!
+    [endif]-->
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <!--[if !mso]><!-->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <!--<![endif]-->
+    <title></title>
+
+    <style type="text/css" id="media-query">
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      table,
+      tr,
+      td {
+        vertical-align: top;
+        border-collapse: collapse;
+      }
+
+      .ie-browser table,
+      .mso-container table {
+        table-layout: fixed;
+      }
+
+      * {
+        line-height: inherit;
+      }
+
+      a[x-apple-data-detectors="true"] {
+        color: inherit !important;
+        text-decoration: none !important;
+      }
+
+      [owa] .img-container div,
+      [owa] .img-container button {
+        display: block !important;
+      }
+
+      [owa] .fullwidth button {
+        width: 100% !important;
       }
-      .block-grid .col {
+
+      [owa] .block-grid .col {
+        display: table-cell;
+        float: none !important;
         vertical-align: top;
       }
-      .block-grid .col.num12 {
+
+      .ie-browser .num12,
+      .ie-browser .block-grid,
+      [owa] .num12,
+      [owa] .block-grid {
         width: 500px !important;
       }
-      .block-grid.mixed-two-up .col.num4 {
+
+      .ExternalClass,
+      .ExternalClass p,
+      .ExternalClass span,
+      .ExternalClass font,
+      .ExternalClass td,
+      .ExternalClass div {
+        line-height: 100%;
+      }
+
+      .ie-browser .mixed-two-up .num4,
+      [owa] .mixed-two-up .num4 {
         width: 164px !important;
       }
-      .block-grid.mixed-two-up .col.num8 {
+
+      .ie-browser .mixed-two-up .num8,
+      [owa] .mixed-two-up .num8 {
         width: 328px !important;
       }
-      .block-grid.two-up .col {
+
+      .ie-browser .block-grid.two-up .col,
+      [owa] .block-grid.two-up .col {
         width: 250px !important;
       }
-      .block-grid.three-up .col {
+
+      .ie-browser .block-grid.three-up .col,
+      [owa] .block-grid.three-up .col {
         width: 166px !important;
       }
-      .block-grid.four-up .col {
+
+      .ie-browser .block-grid.four-up .col,
+      [owa] .block-grid.four-up .col {
         width: 125px !important;
       }
-      .block-grid.five-up .col {
+
+      .ie-browser .block-grid.five-up .col,
+      [owa] .block-grid.five-up .col {
         width: 100px !important;
       }
-      .block-grid.six-up .col {
+
+      .ie-browser .block-grid.six-up .col,
+      [owa] .block-grid.six-up .col {
         width: 83px !important;
       }
-      .block-grid.seven-up .col {
+
+      .ie-browser .block-grid.seven-up .col,
+      [owa] .block-grid.seven-up .col {
         width: 71px !important;
       }
-      .block-grid.eight-up .col {
+
+      .ie-browser .block-grid.eight-up .col,
+      [owa] .block-grid.eight-up .col {
         width: 62px !important;
       }
-      .block-grid.nine-up .col {
-        width: 55px !important;
-      }
-      .block-grid.ten-up .col {
-        width: 50px !important;
-      }
-      .block-grid.eleven-up .col {
-        width: 45px !important;
-      }
-      .block-grid.twelve-up .col {
-        width: 41px !important;
-      }
-    }
 
-    @media (max-width: 520px) {
-      .block-grid,
-      .col {
-        min-width: 320px !important;
-        max-width: 100% !important;
-        display: block !important;
-      }
-      .block-grid {
-        width: calc(100% - 40px) !important;
-      }
-      .col {
-        width: 100% !important;
-      }
-      .col>div {
-        margin: 0 auto;
-      }
-      img.fullwidth,
-      img.fullwidthOnMobile {
-        max-width: 100% !important;
-      }
-      .no-stack .col {
-        min-width: 0 !important;
-        display: table-cell !important;
-      }
-      .no-stack.two-up .col {
-        width: 50% !important;
-      }
-      .no-stack.mixed-two-up .col.num4 {
-        width: 33% !important;
-      }
-      .no-stack.mixed-two-up .col.num8 {
-        width: 66% !important;
-      }
-      .no-stack.three-up .col.num4 {
-        width: 33% !important;
-      }
-      .no-stack.four-up .col.num3 {
-        width: 25% !important;
-      }
-    }
-  </style>
-</head>
-
-<body class="clean-body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #FFFFFF">
-  <style type="text/css" id="media-query-bodytag">
-    @media (max-width: 520px) {
-      .block-grid {
-        min-width: 320px!important;
-        max-width: 100%!important;
-        width: 100%!important;
-        display: block!important;
+      .ie-browser .block-grid.nine-up .col,
+      [owa] .block-grid.nine-up .col {
+        width: 55px !important;
       }
 
-      .col {
-        min-width: 320px!important;
-        max-width: 100%!important;
-        width: 100%!important;
-        display: block!important;
+      .ie-browser .block-grid.ten-up .col,
+      [owa] .block-grid.ten-up .col {
+        width: 50px !important;
       }
 
-      .col>div {
-        margin: 0 auto;
+      .ie-browser .block-grid.eleven-up .col,
+      [owa] .block-grid.eleven-up .col {
+        width: 45px !important;
       }
 
-      img.fullwidth {
-        max-width: 100%!important;
-      }
-      img.fullwidthOnMobile {
-        max-width: 100%!important;
-      }
-      .no-stack .col {
-        min-width: 0!important;
-        display: table-cell!important;
-      }
-      .no-stack.two-up .col {
-        width: 50%!important;
-      }
-      .no-stack.mixed-two-up .col.num4 {
-        width: 33%!important;
-      }
-      .no-stack.mixed-two-up .col.num8 {
-        width: 66%!important;
-      }
-      .no-stack.three-up .col.num4 {
-        width: 33%!important
-      }
-      .no-stack.four-up .col.num3 {
-        width: 25%!important
+      .ie-browser .block-grid.twelve-up .col,
+      [owa] .block-grid.twelve-up .col {
+        width: 41px !important;
       }
-    }
-  </style>
-  <!--[if IE]><div class="ie-browser"><![endif]-->
-  <!--[if mso]><div class="mso-container"><![endif]-->
-  <table class="nl-container" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #FFFFFF;width: 100%"
-    cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr style="vertical-align: top">
-        <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
-          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #FFFFFF;"><![endif]-->
-
-          <div style="background-color:#FFFFFF;">
-            <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #000000;"
-              class="block-grid ">
-              <div style="border-collapse: collapse;display: table;width: 100%;background-color:#000000;">
-                <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#FFFFFF;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:#000000;"><![endif]-->
-
-                <!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:#FFFFFF; width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
-                <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
-                  <div style="background-color: #FFFFFF; width: 100% !important;">
-                    <!--[if (!mso)&(!IE)]><!-->
-                    <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
-                      <!--<![endif]-->
 
-
-                      <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
-                      <div style="color:#000000;line-height:200%;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;">
-                        <div style="font-size:12px;line-height:24px;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:#000000;text-align:left;">
-                          <p style="margin: 0;font-size: 14px;line-height: 28px;text-align: left">
-                            <span style="color: rgb(0, 0, 0); font-size: 14px; line-height: 28px;">
-                              <strong>
-                                <span style="line-height: 56px; font-size: 28px;">
-                                  <span style="font-size: 24px; line-height: 48px;">Kutt</span>.</span>
-                              </strong>
-                              <span style="line-height: 56px; font-size: 28px;"></span>
-                            </span>
-                          </p>
+      @media only screen and (min-width: 520px) {
+        .block-grid {
+          width: 500px !important;
+        }
+        .block-grid .col {
+          vertical-align: top;
+        }
+        .block-grid .col.num12 {
+          width: 500px !important;
+        }
+        .block-grid.mixed-two-up .col.num4 {
+          width: 164px !important;
+        }
+        .block-grid.mixed-two-up .col.num8 {
+          width: 328px !important;
+        }
+        .block-grid.two-up .col {
+          width: 250px !important;
+        }
+        .block-grid.three-up .col {
+          width: 166px !important;
+        }
+        .block-grid.four-up .col {
+          width: 125px !important;
+        }
+        .block-grid.five-up .col {
+          width: 100px !important;
+        }
+        .block-grid.six-up .col {
+          width: 83px !important;
+        }
+        .block-grid.seven-up .col {
+          width: 71px !important;
+        }
+        .block-grid.eight-up .col {
+          width: 62px !important;
+        }
+        .block-grid.nine-up .col {
+          width: 55px !important;
+        }
+        .block-grid.ten-up .col {
+          width: 50px !important;
+        }
+        .block-grid.eleven-up .col {
+          width: 45px !important;
+        }
+        .block-grid.twelve-up .col {
+          width: 41px !important;
+        }
+      }
+
+      @media (max-width: 520px) {
+        .block-grid,
+        .col {
+          min-width: 320px !important;
+          max-width: 100% !important;
+          display: block !important;
+        }
+        .block-grid {
+          width: calc(100% - 40px) !important;
+        }
+        .col {
+          width: 100% !important;
+        }
+        .col > div {
+          margin: 0 auto;
+        }
+        img.fullwidth,
+        img.fullwidthOnMobile {
+          max-width: 100% !important;
+        }
+        .no-stack .col {
+          min-width: 0 !important;
+          display: table-cell !important;
+        }
+        .no-stack.two-up .col {
+          width: 50% !important;
+        }
+        .no-stack.mixed-two-up .col.num4 {
+          width: 33% !important;
+        }
+        .no-stack.mixed-two-up .col.num8 {
+          width: 66% !important;
+        }
+        .no-stack.three-up .col.num4 {
+          width: 33% !important;
+        }
+        .no-stack.four-up .col.num3 {
+          width: 25% !important;
+        }
+      }
+    </style>
+  </head>
+
+  <body
+    class="clean-body"
+    style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #FFFFFF"
+  >
+    <style type="text/css" id="media-query-bodytag">
+      @media (max-width: 520px) {
+        .block-grid {
+          min-width: 320px !important;
+          max-width: 100% !important;
+          width: 100% !important;
+          display: block !important;
+        }
+
+        .col {
+          min-width: 320px !important;
+          max-width: 100% !important;
+          width: 100% !important;
+          display: block !important;
+        }
+
+        .col > div {
+          margin: 0 auto;
+        }
+
+        img.fullwidth {
+          max-width: 100% !important;
+        }
+        img.fullwidthOnMobile {
+          max-width: 100% !important;
+        }
+        .no-stack .col {
+          min-width: 0 !important;
+          display: table-cell !important;
+        }
+        .no-stack.two-up .col {
+          width: 50% !important;
+        }
+        .no-stack.mixed-two-up .col.num4 {
+          width: 33% !important;
+        }
+        .no-stack.mixed-two-up .col.num8 {
+          width: 66% !important;
+        }
+        .no-stack.three-up .col.num4 {
+          width: 33% !important;
+        }
+        .no-stack.four-up .col.num3 {
+          width: 25% !important;
+        }
+      }
+    </style>
+    <!--[if IE]><div class="ie-browser"><![endif]-->
+    <!--[if mso]><div class="mso-container"><![endif]-->
+    <table
+      class="nl-container"
+      style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #FFFFFF;width: 100%"
+      cellpadding="0"
+      cellspacing="0"
+    >
+      <tbody>
+        <tr style="vertical-align: top">
+          <td
+            style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"
+          >
+            <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #FFFFFF;"><![endif]-->
+
+            <div style="background-color:#FFFFFF;">
+              <div
+                style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #000000;"
+                class="block-grid "
+              >
+                <div
+                  style="border-collapse: collapse;display: table;width: 100%;background-color:#000000;"
+                >
+                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#FFFFFF;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:#000000;"><![endif]-->
+
+                  <!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:#FFFFFF; width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
+                  <div
+                    class="col num12"
+                    style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;"
+                  >
+                    <div
+                      style="background-color: #FFFFFF; width: 100% !important;"
+                    >
+                      <!--[if (!mso)&(!IE)]><!-->
+                      <div
+                        style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;"
+                      >
+                        <!--<![endif]-->
+
+                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
+                        <div
+                          style="color:#000000;line-height:200%;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;"
+                        >
+                          <div
+                            style="font-size:12px;line-height:24px;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:#000000;text-align:left;"
+                          >
+                            <p
+                              style="margin: 0;font-size: 14px;line-height: 28px;text-align: left"
+                            >
+                              <span
+                                style="color: rgb(0, 0, 0); font-size: 14px; line-height: 28px;"
+                              >
+                                <strong>
+                                  <span
+                                    style="line-height: 56px; font-size: 28px;"
+                                  >
+                                    <span
+                                      style="font-size: 24px; line-height: 48px;"
+                                      >{{site_name}}</span
+                                    >.</span
+                                  >
+                                </strong>
+                                <span
+                                  style="line-height: 56px; font-size: 28px;"
+                                ></span>
+                              </span>
+                            </p>
+                          </div>
                         </div>
-                      </div>
-                      <!--[if mso]></td></tr></table><![endif]-->
-
+                        <!--[if mso]></td></tr></table><![endif]-->
 
-                      <!--[if (!mso)&(!IE)]><!-->
+                        <!--[if (!mso)&(!IE)]><!-->
+                      </div>
+                      <!--<![endif]-->
                     </div>
-                    <!--<![endif]-->
                   </div>
+                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                 </div>
-                <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
               </div>
             </div>
-          </div>
-          <div style="background-color:transparent;">
-            <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
-              class="block-grid ">
-              <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
-                <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
-
-                <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
-                <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
-                  <div style="background-color: transparent; width: 100% !important;">
-                    <!--[if (!mso)&(!IE)]><!-->
-                    <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
-                      <!--<![endif]-->
-
-
-                      <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;"><![endif]-->
-                      <div style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;">
-                        <div style="font-size:12px;line-height:22px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;">
-                          <p style="margin: 0;font-size: 14px;line-height: 25px">A password reset has been requested for your account.
-                            <br>
-                          </p>
-                          <p style="margin: 0;font-size: 14px;line-height: 25px">Please click on the button below to reset your password. There's no need to take any action if you didn't request this.</p>
+            <div style="background-color:transparent;">
+              <div
+                style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
+                class="block-grid "
+              >
+                <div
+                  style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;"
+                >
+                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
+
+                  <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
+                  <div
+                    class="col num12"
+                    style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;"
+                  >
+                    <div
+                      style="background-color: transparent; width: 100% !important;"
+                    >
+                      <!--[if (!mso)&(!IE)]><!-->
+                      <div
+                        style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;"
+                      >
+                        <!--<![endif]-->
+
+                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;"><![endif]-->
+                        <div
+                          style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;"
+                        >
+                          <div
+                            style="font-size:12px;line-height:22px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;"
+                          >
+                            <p
+                              style="margin: 0;font-size: 14px;line-height: 25px"
+                            >
+                              A password reset has been requested for your
+                              account.
+                              <br />
+                            </p>
+                            <p
+                              style="margin: 0;font-size: 14px;line-height: 25px"
+                            >
+                              Please click on the button below to reset your
+                              password. There's no need to take any action if
+                              you didn't request this.
+                            </p>
+                          </div>
                         </div>
-                      </div>
-                      <!--[if mso]></td></tr></table><![endif]-->
-
+                        <!--[if mso]></td></tr></table><![endif]-->
 
-                      <!--[if (!mso)&(!IE)]><!-->
+                        <!--[if (!mso)&(!IE)]><!-->
+                      </div>
+                      <!--<![endif]-->
                     </div>
-                    <!--<![endif]-->
                   </div>
+                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                 </div>
-                <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
               </div>
             </div>
-          </div>
-          <div style="background-color:transparent;">
-            <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
-              class="block-grid ">
-              <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
-                <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
-
-                <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 5px; padding-left: 5px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
-                <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
-                  <div style="background-color: transparent; width: 100% !important;">
-                    <!--[if (!mso)&(!IE)]><!-->
-                    <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 5px; padding-left: 5px;">
-                      <!--<![endif]-->
-
-
-
-                      <div align="left" class="button-container left" style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;">
-                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;" align="left"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://{{domain}}/reset-password/{{resetpassword}}" style="height:31pt; v-text-anchor:middle; width:81pt;" arcsize="143%" strokecolor="#2196F3" fillcolor="#2196F3"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:16px;"><![endif]-->
-                        <a href="https://{{domain}}/reset-password/{{resetpassword}}" target="_blank" style="display: block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #ffffff; background-color: #2196F3; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; max-width: 128px; width: 48px;width: auto; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;mso-border-alt: none">
-                          <span style="font-size:16px;line-height:32px;">Reset password</span>
-                        </a>
-                        <!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->
-                      </div>
-
-
-
-                      <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;"><![endif]-->
-                      <div style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;">
-                        <div style="font-size:12px;line-height:22px;text-align:center;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;">
-                          <span style="font-size:14px; line-height:25px;">
-                            <a style="color:#0068A5;text-decoration: underline;" href="https://kutt.it" target="_blank" rel="noopener" data-mce-selected="1">kutt.it | Free &amp; open source URL shortener</a>
-                          </span>
-                          <br data-mce-bogus="1">
+            <div style="background-color:transparent;">
+              <div
+                style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
+                class="block-grid "
+              >
+                <div
+                  style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;"
+                >
+                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
+
+                  <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 5px; padding-left: 5px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
+                  <div
+                    class="col num12"
+                    style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;"
+                  >
+                    <div
+                      style="background-color: transparent; width: 100% !important;"
+                    >
+                      <!--[if (!mso)&(!IE)]><!-->
+                      <div
+                        style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 5px; padding-left: 5px;"
+                      >
+                        <!--<![endif]-->
+
+                        <div
+                          align="left"
+                          class="button-container left"
+                          style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;"
+                        >
+                          <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;" align="left"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://{{domain}}/reset-password/{{resetpassword}}" style="height:31pt; v-text-anchor:middle; width:81pt;" arcsize="143%" strokecolor="#2196F3" fillcolor="#2196F3"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:16px;"><![endif]-->
+                          <a
+                            href="https://{{domain}}/reset-password/{{resetpassword}}"
+                            target="_blank"
+                            style="display: block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #ffffff; background-color: #2196F3; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; max-width: 128px; width: 48px;width: auto; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;mso-border-alt: none"
+                          >
+                            <span style="font-size:16px;line-height:32px;"
+                              >Reset password</span
+                            >
+                          </a>
+                          <!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->
                         </div>
-                      </div>
-                      <!--[if mso]></td></tr></table><![endif]-->
 
+                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;"><![endif]-->
+                        <div
+                          style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;"
+                        >
+                          <div
+                            style="font-size:12px;line-height:22px;text-align:center;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;"
+                          >
+                            <span style="font-size:14px; line-height:25px;">
+                              <a
+                                style="color:#0068A5;text-decoration: underline;"
+                                href="https://{{domain}}"
+                                target="_blank"
+                                rel="noopener"
+                                data-mce-selected="1"
+                                >{{site_name}} | Free &amp; open source URL
+                                shortener</a
+                              >
+                            </span>
+                            <br data-mce-bogus="1" />
+                          </div>
+                        </div>
+                        <!--[if mso]></td></tr></table><![endif]-->
 
-                      <!--[if (!mso)&(!IE)]><!-->
+                        <!--[if (!mso)&(!IE)]><!-->
+                      </div>
+                      <!--<![endif]-->
                     </div>
-                    <!--<![endif]-->
                   </div>
+                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                 </div>
-                <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
               </div>
             </div>
-          </div>
-          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
-        </td>
-      </tr>
-    </tbody>
-  </table>
-  <!--[if (mso)|(IE)]></div><![endif]-->
-
-
-</body>
-
-</html>
-\ No newline at end of file
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--[if (mso)|(IE)]></div><![endif]-->
+  </body>
+</html>
diff --git a/server/mail/template-verify.html b/server/mail/template-verify.html
index d294f95..3f7299a 100644
--- a/server/mail/template-verify.html
+++ b/server/mail/template-verify.html
@@ -1,424 +1,508 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
-
-<head>
-  <!--[if gte mso 9]><xml>
-   <o:OfficeDocumentSettings>
-    <o:AllowPNG/>
-    <o:PixelsPerInch>96</o:PixelsPerInch>
-   </o:OfficeDocumentSettings>
-  </xml><![endif]-->
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-  <meta name="viewport" content="width=device-width">
-  <!--[if !mso]><!-->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <!--<![endif]-->
-  <title></title>
-
-
-  <style type="text/css" id="media-query">
-    body {
-      margin: 0;
-      padding: 0;
-    }
-
-    table,
-    tr,
-    td {
-      vertical-align: top;
-      border-collapse: collapse;
-    }
-
-    .ie-browser table,
-    .mso-container table {
-      table-layout: fixed;
-    }
-
-    * {
-      line-height: inherit;
-    }
-
-    a[x-apple-data-detectors=true] {
-      color: inherit !important;
-      text-decoration: none !important;
-    }
-
-    [owa] .img-container div,
-    [owa] .img-container button {
-      display: block !important;
-    }
-
-    [owa] .fullwidth button {
-      width: 100% !important;
-    }
-
-    [owa] .block-grid .col {
-      display: table-cell;
-      float: none !important;
-      vertical-align: top;
-    }
-
-    .ie-browser .num12,
-    .ie-browser .block-grid,
-    [owa] .num12,
-    [owa] .block-grid {
-      width: 500px !important;
-    }
-
-    .ExternalClass,
-    .ExternalClass p,
-    .ExternalClass span,
-    .ExternalClass font,
-    .ExternalClass td,
-    .ExternalClass div {
-      line-height: 100%;
-    }
-
-    .ie-browser .mixed-two-up .num4,
-    [owa] .mixed-two-up .num4 {
-      width: 164px !important;
-    }
-
-    .ie-browser .mixed-two-up .num8,
-    [owa] .mixed-two-up .num8 {
-      width: 328px !important;
-    }
-
-    .ie-browser .block-grid.two-up .col,
-    [owa] .block-grid.two-up .col {
-      width: 250px !important;
-    }
-
-    .ie-browser .block-grid.three-up .col,
-    [owa] .block-grid.three-up .col {
-      width: 166px !important;
-    }
-
-    .ie-browser .block-grid.four-up .col,
-    [owa] .block-grid.four-up .col {
-      width: 125px !important;
-    }
-
-    .ie-browser .block-grid.five-up .col,
-    [owa] .block-grid.five-up .col {
-      width: 100px !important;
-    }
-
-    .ie-browser .block-grid.six-up .col,
-    [owa] .block-grid.six-up .col {
-      width: 83px !important;
-    }
-
-    .ie-browser .block-grid.seven-up .col,
-    [owa] .block-grid.seven-up .col {
-      width: 71px !important;
-    }
-
-    .ie-browser .block-grid.eight-up .col,
-    [owa] .block-grid.eight-up .col {
-      width: 62px !important;
-    }
-
-    .ie-browser .block-grid.nine-up .col,
-    [owa] .block-grid.nine-up .col {
-      width: 55px !important;
-    }
-
-    .ie-browser .block-grid.ten-up .col,
-    [owa] .block-grid.ten-up .col {
-      width: 50px !important;
-    }
-
-    .ie-browser .block-grid.eleven-up .col,
-    [owa] .block-grid.eleven-up .col {
-      width: 45px !important;
-    }
-
-    .ie-browser .block-grid.twelve-up .col,
-    [owa] .block-grid.twelve-up .col {
-      width: 41px !important;
-    }
-
-    @media only screen and (min-width: 520px) {
-      .block-grid {
-        width: 500px !important;
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office"
+>
+  <head>
+    <!--[if gte mso 9
+      ]><xml>
+        <o:OfficeDocumentSettings>
+          <o:AllowPNG />
+          <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+      </xml><!
+    [endif]-->
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <!--[if !mso]><!-->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <!--<![endif]-->
+    <title></title>
+
+    <style type="text/css" id="media-query">
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      table,
+      tr,
+      td {
+        vertical-align: top;
+        border-collapse: collapse;
+      }
+
+      .ie-browser table,
+      .mso-container table {
+        table-layout: fixed;
+      }
+
+      * {
+        line-height: inherit;
+      }
+
+      a[x-apple-data-detectors="true"] {
+        color: inherit !important;
+        text-decoration: none !important;
+      }
+
+      [owa] .img-container div,
+      [owa] .img-container button {
+        display: block !important;
+      }
+
+      [owa] .fullwidth button {
+        width: 100% !important;
       }
-      .block-grid .col {
+
+      [owa] .block-grid .col {
+        display: table-cell;
+        float: none !important;
         vertical-align: top;
       }
-      .block-grid .col.num12 {
+
+      .ie-browser .num12,
+      .ie-browser .block-grid,
+      [owa] .num12,
+      [owa] .block-grid {
         width: 500px !important;
       }
-      .block-grid.mixed-two-up .col.num4 {
+
+      .ExternalClass,
+      .ExternalClass p,
+      .ExternalClass span,
+      .ExternalClass font,
+      .ExternalClass td,
+      .ExternalClass div {
+        line-height: 100%;
+      }
+
+      .ie-browser .mixed-two-up .num4,
+      [owa] .mixed-two-up .num4 {
         width: 164px !important;
       }
-      .block-grid.mixed-two-up .col.num8 {
+
+      .ie-browser .mixed-two-up .num8,
+      [owa] .mixed-two-up .num8 {
         width: 328px !important;
       }
-      .block-grid.two-up .col {
+
+      .ie-browser .block-grid.two-up .col,
+      [owa] .block-grid.two-up .col {
         width: 250px !important;
       }
-      .block-grid.three-up .col {
+
+      .ie-browser .block-grid.three-up .col,
+      [owa] .block-grid.three-up .col {
         width: 166px !important;
       }
-      .block-grid.four-up .col {
+
+      .ie-browser .block-grid.four-up .col,
+      [owa] .block-grid.four-up .col {
         width: 125px !important;
       }
-      .block-grid.five-up .col {
+
+      .ie-browser .block-grid.five-up .col,
+      [owa] .block-grid.five-up .col {
         width: 100px !important;
       }
-      .block-grid.six-up .col {
+
+      .ie-browser .block-grid.six-up .col,
+      [owa] .block-grid.six-up .col {
         width: 83px !important;
       }
-      .block-grid.seven-up .col {
+
+      .ie-browser .block-grid.seven-up .col,
+      [owa] .block-grid.seven-up .col {
         width: 71px !important;
       }
-      .block-grid.eight-up .col {
+
+      .ie-browser .block-grid.eight-up .col,
+      [owa] .block-grid.eight-up .col {
         width: 62px !important;
       }
-      .block-grid.nine-up .col {
-        width: 55px !important;
-      }
-      .block-grid.ten-up .col {
-        width: 50px !important;
-      }
-      .block-grid.eleven-up .col {
-        width: 45px !important;
-      }
-      .block-grid.twelve-up .col {
-        width: 41px !important;
-      }
-    }
 
-    @media (max-width: 520px) {
-      .block-grid,
-      .col {
-        min-width: 320px !important;
-        max-width: 100% !important;
-        display: block !important;
-      }
-      .block-grid {
-        width: calc(100% - 40px) !important;
-      }
-      .col {
-        width: 100% !important;
-      }
-      .col>div {
-        margin: 0 auto;
-      }
-      img.fullwidth,
-      img.fullwidthOnMobile {
-        max-width: 100% !important;
-      }
-      .no-stack .col {
-        min-width: 0 !important;
-        display: table-cell !important;
-      }
-      .no-stack.two-up .col {
-        width: 50% !important;
-      }
-      .no-stack.mixed-two-up .col.num4 {
-        width: 33% !important;
-      }
-      .no-stack.mixed-two-up .col.num8 {
-        width: 66% !important;
-      }
-      .no-stack.three-up .col.num4 {
-        width: 33% !important;
-      }
-      .no-stack.four-up .col.num3 {
-        width: 25% !important;
-      }
-    }
-  </style>
-</head>
-
-<body class="clean-body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #FFFFFF">
-  <style type="text/css" id="media-query-bodytag">
-    @media (max-width: 520px) {
-      .block-grid {
-        min-width: 320px!important;
-        max-width: 100%!important;
-        width: 100%!important;
-        display: block!important;
+      .ie-browser .block-grid.nine-up .col,
+      [owa] .block-grid.nine-up .col {
+        width: 55px !important;
       }
 
-      .col {
-        min-width: 320px!important;
-        max-width: 100%!important;
-        width: 100%!important;
-        display: block!important;
+      .ie-browser .block-grid.ten-up .col,
+      [owa] .block-grid.ten-up .col {
+        width: 50px !important;
       }
 
-      .col>div {
-        margin: 0 auto;
+      .ie-browser .block-grid.eleven-up .col,
+      [owa] .block-grid.eleven-up .col {
+        width: 45px !important;
       }
 
-      img.fullwidth {
-        max-width: 100%!important;
-      }
-      img.fullwidthOnMobile {
-        max-width: 100%!important;
-      }
-      .no-stack .col {
-        min-width: 0!important;
-        display: table-cell!important;
-      }
-      .no-stack.two-up .col {
-        width: 50%!important;
-      }
-      .no-stack.mixed-two-up .col.num4 {
-        width: 33%!important;
-      }
-      .no-stack.mixed-two-up .col.num8 {
-        width: 66%!important;
-      }
-      .no-stack.three-up .col.num4 {
-        width: 33%!important
-      }
-      .no-stack.four-up .col.num3 {
-        width: 25%!important
+      .ie-browser .block-grid.twelve-up .col,
+      [owa] .block-grid.twelve-up .col {
+        width: 41px !important;
       }
-    }
-  </style>
-  <!--[if IE]><div class="ie-browser"><![endif]-->
-  <!--[if mso]><div class="mso-container"><![endif]-->
-  <table class="nl-container" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #FFFFFF;width: 100%"
-    cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr style="vertical-align: top">
-        <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
-          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #FFFFFF;"><![endif]-->
-
-          <div style="background-color:#FFFFFF;">
-            <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #000000;"
-              class="block-grid ">
-              <div style="border-collapse: collapse;display: table;width: 100%;background-color:#000000;">
-                <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#FFFFFF;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:#000000;"><![endif]-->
-
-                <!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:#FFFFFF; width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
-                <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
-                  <div style="background-color: #FFFFFF; width: 100% !important;">
-                    <!--[if (!mso)&(!IE)]><!-->
-                    <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
-                      <!--<![endif]-->
 
-
-                      <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
-                      <div style="color:#000000;line-height:200%;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;">
-                        <div style="font-size:12px;line-height:24px;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:#000000;text-align:left;">
-                          <p style="margin: 0;font-size: 14px;line-height: 28px;text-align: left">
-                            <span style="color: rgb(0, 0, 0); font-size: 14px; line-height: 28px;">
-                              <strong>
-                                <span style="line-height: 56px; font-size: 28px;">
-                                  <span style="font-size: 24px; line-height: 48px;">Kutt</span>.</span>
-                              </strong>
-                              <span style="line-height: 56px; font-size: 28px;"></span>
-                            </span>
-                          </p>
+      @media only screen and (min-width: 520px) {
+        .block-grid {
+          width: 500px !important;
+        }
+        .block-grid .col {
+          vertical-align: top;
+        }
+        .block-grid .col.num12 {
+          width: 500px !important;
+        }
+        .block-grid.mixed-two-up .col.num4 {
+          width: 164px !important;
+        }
+        .block-grid.mixed-two-up .col.num8 {
+          width: 328px !important;
+        }
+        .block-grid.two-up .col {
+          width: 250px !important;
+        }
+        .block-grid.three-up .col {
+          width: 166px !important;
+        }
+        .block-grid.four-up .col {
+          width: 125px !important;
+        }
+        .block-grid.five-up .col {
+          width: 100px !important;
+        }
+        .block-grid.six-up .col {
+          width: 83px !important;
+        }
+        .block-grid.seven-up .col {
+          width: 71px !important;
+        }
+        .block-grid.eight-up .col {
+          width: 62px !important;
+        }
+        .block-grid.nine-up .col {
+          width: 55px !important;
+        }
+        .block-grid.ten-up .col {
+          width: 50px !important;
+        }
+        .block-grid.eleven-up .col {
+          width: 45px !important;
+        }
+        .block-grid.twelve-up .col {
+          width: 41px !important;
+        }
+      }
+
+      @media (max-width: 520px) {
+        .block-grid,
+        .col {
+          min-width: 320px !important;
+          max-width: 100% !important;
+          display: block !important;
+        }
+        .block-grid {
+          width: calc(100% - 40px) !important;
+        }
+        .col {
+          width: 100% !important;
+        }
+        .col > div {
+          margin: 0 auto;
+        }
+        img.fullwidth,
+        img.fullwidthOnMobile {
+          max-width: 100% !important;
+        }
+        .no-stack .col {
+          min-width: 0 !important;
+          display: table-cell !important;
+        }
+        .no-stack.two-up .col {
+          width: 50% !important;
+        }
+        .no-stack.mixed-two-up .col.num4 {
+          width: 33% !important;
+        }
+        .no-stack.mixed-two-up .col.num8 {
+          width: 66% !important;
+        }
+        .no-stack.three-up .col.num4 {
+          width: 33% !important;
+        }
+        .no-stack.four-up .col.num3 {
+          width: 25% !important;
+        }
+      }
+    </style>
+  </head>
+
+  <body
+    class="clean-body"
+    style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #FFFFFF"
+  >
+    <style type="text/css" id="media-query-bodytag">
+      @media (max-width: 520px) {
+        .block-grid {
+          min-width: 320px !important;
+          max-width: 100% !important;
+          width: 100% !important;
+          display: block !important;
+        }
+
+        .col {
+          min-width: 320px !important;
+          max-width: 100% !important;
+          width: 100% !important;
+          display: block !important;
+        }
+
+        .col > div {
+          margin: 0 auto;
+        }
+
+        img.fullwidth {
+          max-width: 100% !important;
+        }
+        img.fullwidthOnMobile {
+          max-width: 100% !important;
+        }
+        .no-stack .col {
+          min-width: 0 !important;
+          display: table-cell !important;
+        }
+        .no-stack.two-up .col {
+          width: 50% !important;
+        }
+        .no-stack.mixed-two-up .col.num4 {
+          width: 33% !important;
+        }
+        .no-stack.mixed-two-up .col.num8 {
+          width: 66% !important;
+        }
+        .no-stack.three-up .col.num4 {
+          width: 33% !important;
+        }
+        .no-stack.four-up .col.num3 {
+          width: 25% !important;
+        }
+      }
+    </style>
+    <!--[if IE]><div class="ie-browser"><![endif]-->
+    <!--[if mso]><div class="mso-container"><![endif]-->
+    <table
+      class="nl-container"
+      style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #FFFFFF;width: 100%"
+      cellpadding="0"
+      cellspacing="0"
+    >
+      <tbody>
+        <tr style="vertical-align: top">
+          <td
+            style="word-break: break-word;border-collapse: collapse !important;vertical-align: top"
+          >
+            <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #FFFFFF;"><![endif]-->
+
+            <div style="background-color:#FFFFFF;">
+              <div
+                style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #000000;"
+                class="block-grid "
+              >
+                <div
+                  style="border-collapse: collapse;display: table;width: 100%;background-color:#000000;"
+                >
+                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#FFFFFF;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:#000000;"><![endif]-->
+
+                  <!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:#FFFFFF; width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
+                  <div
+                    class="col num12"
+                    style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;"
+                  >
+                    <div
+                      style="background-color: #FFFFFF; width: 100% !important;"
+                    >
+                      <!--[if (!mso)&(!IE)]><!-->
+                      <div
+                        style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;"
+                      >
+                        <!--<![endif]-->
+
+                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
+                        <div
+                          style="color:#000000;line-height:200%;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; padding-right: 0px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;"
+                        >
+                          <div
+                            style="font-size:12px;line-height:24px;font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:#000000;text-align:left;"
+                          >
+                            <p
+                              style="margin: 0;font-size: 14px;line-height: 28px;text-align: left"
+                            >
+                              <span
+                                style="color: rgb(0, 0, 0); font-size: 14px; line-height: 28px;"
+                              >
+                                <strong>
+                                  <span
+                                    style="line-height: 56px; font-size: 28px;"
+                                  >
+                                    <span
+                                      style="font-size: 24px; line-height: 48px;"
+                                      >{{site_name}}</span
+                                    >.</span
+                                  >
+                                </strong>
+                                <span
+                                  style="line-height: 56px; font-size: 28px;"
+                                ></span>
+                              </span>
+                            </p>
+                          </div>
                         </div>
-                      </div>
-                      <!--[if mso]></td></tr></table><![endif]-->
-
+                        <!--[if mso]></td></tr></table><![endif]-->
 
-                      <!--[if (!mso)&(!IE)]><!-->
+                        <!--[if (!mso)&(!IE)]><!-->
+                      </div>
+                      <!--<![endif]-->
                     </div>
-                    <!--<![endif]-->
                   </div>
+                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                 </div>
-                <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
               </div>
             </div>
-          </div>
-          <div style="background-color:transparent;">
-            <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
-              class="block-grid ">
-              <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
-                <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
-
-                <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
-                <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
-                  <div style="background-color: transparent; width: 100% !important;">
-                    <!--[if (!mso)&(!IE)]><!-->
-                    <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
-                      <!--<![endif]-->
-
-
-                      <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;"><![endif]-->
-                      <div style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;">
-                        <div style="font-size:12px;line-height:22px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;">
-                          <p style="margin: 0;font-size: 14px;line-height: 25px">Thanks for creating an account on Kutt.it.
-                            <br>
-                          </p>
-                          <p style="margin: 0;font-size: 14px;line-height: 25px">Please verify your email address using the link below.</p>
+            <div style="background-color:transparent;">
+              <div
+                style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
+                class="block-grid "
+              >
+                <div
+                  style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;"
+                >
+                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
+
+                  <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
+                  <div
+                    class="col num12"
+                    style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;"
+                  >
+                    <div
+                      style="background-color: transparent; width: 100% !important;"
+                    >
+                      <!--[if (!mso)&(!IE)]><!-->
+                      <div
+                        style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;"
+                      >
+                        <!--<![endif]-->
+
+                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;"><![endif]-->
+                        <div
+                          style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px;"
+                        >
+                          <div
+                            style="font-size:12px;line-height:22px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;"
+                          >
+                            <p
+                              style="margin: 0;font-size: 14px;line-height: 25px"
+                            >
+                              Thanks for creating an account on {{domain}}.
+                              <br />
+                            </p>
+                            <p
+                              style="margin: 0;font-size: 14px;line-height: 25px"
+                            >
+                              Please verify your email address using the link
+                              below.
+                            </p>
+                          </div>
                         </div>
-                      </div>
-                      <!--[if mso]></td></tr></table><![endif]-->
-
+                        <!--[if mso]></td></tr></table><![endif]-->
 
-                      <!--[if (!mso)&(!IE)]><!-->
+                        <!--[if (!mso)&(!IE)]><!-->
+                      </div>
+                      <!--<![endif]-->
                     </div>
-                    <!--<![endif]-->
                   </div>
+                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                 </div>
-                <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
               </div>
             </div>
-          </div>
-          <div style="background-color:transparent;">
-            <div style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
-              class="block-grid ">
-              <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
-                <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
-
-                <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 5px; padding-left: 5px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
-                <div class="col num12" style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;">
-                  <div style="background-color: transparent; width: 100% !important;">
-                    <!--[if (!mso)&(!IE)]><!-->
-                    <div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 5px; padding-left: 5px;">
-                      <!--<![endif]-->
-
-
-
-                      <div align="left" class="button-container left" style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;">
-                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;" align="left"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://{{domain}}/verify/{{verification}}" style="height:31pt; v-text-anchor:middle; width:81pt;" arcsize="143%" strokecolor="#2196F3" fillcolor="#2196F3"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:16px;"><![endif]-->
-                        <a href="https://{{domain}}/verify/{{verification}}" target="_blank" style="display: block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #ffffff; background-color: #2196F3; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; max-width: 108px; width: 48px;width: auto; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;mso-border-alt: none">
-                          <span style="font-size:16px;line-height:32px;">Verify account</span>
-                        </a>
-                        <!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->
-                      </div>
-
-
-
-                      <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;"><![endif]-->
-                      <div style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;">
-                        <div style="font-size:12px;line-height:22px;text-align:center;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;">
-                          <span style="font-size:14px; line-height:25px;">
-                            <a style="color:#0068A5;text-decoration: underline;" href="https://kutt.it" target="_blank" rel="noopener" data-mce-selected="1">kutt.it | Free &amp; open source URL shortener</a>
-                          </span>
-                          <br data-mce-bogus="1">
+            <div style="background-color:transparent;">
+              <div
+                style="Margin: 0 auto;min-width: 320px;max-width: 500px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;"
+                class="block-grid "
+              >
+                <div
+                  style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;"
+                >
+                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 500px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
+
+                  <!--[if (mso)|(IE)]><td align="center" width="500" style=" width:500px; padding-right: 5px; padding-left: 5px; padding-top:5px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
+                  <div
+                    class="col num12"
+                    style="min-width: 320px;max-width: 500px;display: table-cell;vertical-align: top;"
+                  >
+                    <div
+                      style="background-color: transparent; width: 100% !important;"
+                    >
+                      <!--[if (!mso)&(!IE)]><!-->
+                      <div
+                        style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 5px; padding-left: 5px;"
+                      >
+                        <!--<![endif]-->
+
+                        <div
+                          align="left"
+                          class="button-container left"
+                          style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;"
+                        >
+                          <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-right: 30px; padding-left: 30px; padding-top:30px; padding-bottom:30px;" align="left"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://{{domain}}/verify/{{verification}}" style="height:31pt; v-text-anchor:middle; width:81pt;" arcsize="143%" strokecolor="#2196F3" fillcolor="#2196F3"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:16px;"><![endif]-->
+                          <a
+                            href="https://{{domain}}/verify/{{verification}}"
+                            target="_blank"
+                            style="display: block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #ffffff; background-color: #2196F3; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; max-width: 108px; width: 48px;width: auto; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;mso-border-alt: none"
+                          >
+                            <span style="font-size:16px;line-height:32px;"
+                              >Verify account</span
+                            >
+                          </a>
+                          <!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->
                         </div>
-                      </div>
-                      <!--[if mso]></td></tr></table><![endif]-->
 
+                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;"><![endif]-->
+                        <div
+                          style="color:#555555;line-height:180%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 40px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;"
+                        >
+                          <div
+                            style="font-size:12px;line-height:22px;text-align:center;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;"
+                          >
+                            <span style="font-size:14px; line-height:25px;">
+                              <a
+                                style="color:#0068A5;text-decoration: underline;"
+                                href="https://{{domain}}"
+                                target="_blank"
+                                rel="noopener"
+                                data-mce-selected="1"
+                                >{{site_name}} | Free &amp; open source URL
+                                shortener</a
+                              >
+                            </span>
+                            <br data-mce-bogus="1" />
+                          </div>
+                        </div>
+                        <!--[if mso]></td></tr></table><![endif]-->
 
-                      <!--[if (!mso)&(!IE)]><!-->
+                        <!--[if (!mso)&(!IE)]><!-->
+                      </div>
+                      <!--<![endif]-->
                     </div>
-                    <!--<![endif]-->
                   </div>
+                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                 </div>
-                <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
               </div>
             </div>
-          </div>
-          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
-        </td>
-      </tr>
-    </tbody>
-  </table>
-  <!--[if (mso)|(IE)]></div><![endif]-->
-
-
-</body>
-
-</html>
-\ No newline at end of file
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--[if (mso)|(IE)]></div><![endif]-->
+  </body>
+</html>
diff --git a/server/mail/text.ts b/server/mail/text.ts
index 0150119..bcae19e 100644
--- a/server/mail/text.ts
+++ b/server/mail/text.ts
@@ -1,5 +1,5 @@
 /* eslint-disable max-len */
-export const verifyMailText = `Thanks for creating an account on Kutt.it.
+export const verifyMailText = `Thanks for creating an account on {{site_name}}.
 
 Please verify your email address using the link below.
author	poeti8 <ezzati.upt@gmail.com>	2020-02-05 17:57:08 +0300
committer	poeti8 <ezzati.upt@gmail.com>	2020-02-05 17:57:08 +0300
commit	3b2b0c012961f39d839c959deff4eb2f16eea2ba (patch)
tree	1805581f1624d37d1437be1c09880fb500071160 /server
parent	cbc04705508505f319d38b1f56356b9fe685f2b0 (diff)