From aef0b713d2e50ca1dfec57727e734df25217ed7a Mon Sep 17 00:00:00 2001
From: "Glenn Y. Rolland" <glenux@glenux.net>
Date: Fri, 11 Oct 2019 12:33:27 +0200
Subject: [PATCH] Add HTML templates

---
 templates/html.ace                  | 289 ++++++++++++++++++++++++++++
 templates/{html2.tmpl => html.html} |  95 +++------
 templates/html.mjml                 |  24 +++
 templates/html.tmpl                 | 289 ++++++++++++++++++++++++++++
 templates/html.tmpl.html            |   1 +
 5 files changed, 632 insertions(+), 66 deletions(-)
 create mode 100644 templates/html.ace
 rename templates/{html2.tmpl => html.html} (72%)
 create mode 100644 templates/html.mjml
 create mode 120000 templates/html.tmpl.html

diff --git a/templates/html.ace b/templates/html.ace
new file mode 100644
index 0000000..48f06ca
--- /dev/null
+++ b/templates/html.ace
@@ -0,0 +1,289 @@
+doctype transitional
+html(style="width:100%;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0;")
+  head
+    meta(charset='UTF-8')
+    meta(content='width=device-width, initial-scale=1', name='viewport')
+    meta(name='x-apple-disable-message-reformatting')
+    meta(http-equiv='X-UA-Compatible', content='IE=edge')
+    meta(content='telephone=no', name='format-detection')
+    title MailForGoals
+    //if (mso 16)
+      style(type='text/css').
+        a {text-decoration: none;}
+    //if gte mso 9
+      style.
+        sup { font-size: 100% !important; }
+    // [if !mso] <!
+    link(href='https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i', rel='stylesheet')
+    // <![endif]
+    style(type='text/css').
+      @media only screen and (max-width:600px) {p, ul li, ol li, a { font-size:16px!important; line-height:150%!important } h1 { font-size:30px!important; text-align:center; line-height:120%!important } h2 { font-size:26px!important; text-align:center; line-height:120%!important } h3 { font-size:20px!important; text-align:center; line-height:120%!important } h1 a { font-size:30px!important } h2 a { font-size:26px!important } h3 a { font-size:20px } .es-menu td a { font-size:16px!important } .es-header-body p, .es-header-body ul li, .es-header-body ol li, .es-header-body a { font-size:16px!important } .es-footer-body p, .es-footer-body ul li, .es-footer-body ol li, .es-footer-body a { font-size:16px!important } .es-infoblock p, .es-infoblock ul li, .es-infoblock ol li, .es-infoblock a { font-size:12px!important } *[class="gmail-fix"] { display:none!important } .es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3 { text-align:center!important } .es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3 { text-align:right!important } .es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3 { text-align:left!important } .es-m-txt-r img, .es-m-txt-c img, .es-m-txt-l img { display:inline!important } .es-button-border { display:block!important } a.es-button { font-size:20px!important; display:block!important; border-width:15px 25px 15px 25px!important } .es-btn-fw { border-width:10px 0px!important; text-align:center!important } .es-adaptive table, .es-btn-fw, .es-btn-fw-brdr, .es-left, .es-right { width:100%!important } .es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { width:100%!important; max-width:600px!important } .es-adapt-td { display:block!important; width:100%!important } .adapt-img { width:100%!important; height:auto!important } .es-m-p0 { padding:0px!important } .es-m-p0r { padding-right:0px!important } .es-m-p0l { padding-left:0px!important } .es-m-p0t { padding-top:0px!important } .es-m-p0b { padding-bottom:0!important } .es-m-p20b { padding-bottom:20px!important } .es-mobile-hidden, .es-hidden { display:none!important } .es-desk-hidden { display:table-row!important; width:auto!important; overflow:visible!important; float:none!important; max-height:inherit!important; line-height:inherit!important } .es-desk-menu-hidden { display:table-cell!important } table.es-table-not-adapt, .esd-block-html table { width:auto!important } table.es-social { display:inline-block!important } table.es-social td { display:inline-block!important } }
+      #outlook a {
+      padding:0;
+      }
+      .ExternalClass {
+      width:100%;
+      }
+      .ExternalClass,
+      .ExternalClass p,
+      .ExternalClass span,
+      .ExternalClass font,
+      .ExternalClass td,
+      .ExternalClass div {
+      line-height:100%;
+      }
+      .es-button {
+      mso-style-priority:100!important;
+      text-decoration:none!important;
+      }
+      a[x-apple-data-detectors] {
+      color:inherit!important;
+      text-decoration:none!important;
+      font-size:inherit!important;
+      font-family:inherit!important;
+      font-weight:inherit!important;
+      line-height:inherit!important;
+      }
+      .es-desk-hidden {
+      display:none;
+      float:left;
+      overflow:hidden;
+      width:0;
+      max-height:0;
+      line-height:0;
+      mso-hide:all;
+      }
+  |  
+  |  
+  body(style="width:100%;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0;")
+    .es-wrapper-color(style='background-color:#CCCCCC;')
+      //if gte mso 9
+        v:background(xmlns:v='urn:schemas-microsoft-com:vml', fill='t')
+          v:fill(type='tile', color='#cccccc', origin='0.5, 0', position='0.5,0')
+      |  
+      |    
+      table.es-wrapper(width='100%', cellspacing='0', cellpadding='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;padding:0;Margin:0;width:100%;height:100%;background-repeat:repeat;background-position:center top;')
+        tr.gmail-fix(height='0', style='border-collapse:collapse;')
+          td(style='padding:0;Margin:0;')
+            table(width='600', cellspacing='0', cellpadding='0', border='0', align='center', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+              tr(style='border-collapse:collapse;')
+                td(cellpadding='0', cellspacing='0', border='0', style='padding:0;Margin:0;line-height:1px;min-width:600px;', height='0')
+                  img(src='https://esputnik.com/repository/applications/images/blank.gif', style='display:block;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-height:0px;min-height:0px;min-width:600px;width:600px;', alt='', width='600', height='1')
+        |  
+        |      
+        tr(style='border-collapse:collapse;')
+          td(valign='top', style='padding:0;Margin:0;')
+            table.es-header(cellspacing='0', cellpadding='0', align='center', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:#539BE2;background-repeat:repeat;background-position:center top;')
+              tr(style='border-collapse:collapse;')
+                td(style='padding:0;Margin:0;background-color:#662D91;', bgcolor='#662d91', align='center')
+                  table.es-header-body(width='600', cellspacing='0', cellpadding='0', align='center', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;')
+                    tr(style='border-collapse:collapse;')
+                      td(align='left', style='padding:0;Margin:0;padding-top:10px;')
+                        table(width='100%', cellspacing='0', cellpadding='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                          tr(style='border-collapse:collapse;')
+                            td(width='600', valign='top', align='center', style='padding:0;Margin:0;')
+                              table(width='100%', cellspacing='0', cellpadding='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                tr(style='border-collapse:collapse;')
+                                  td(align='center', bgcolor='transparent', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;')
+                                    table(border='0', width='100%', height='100%', cellpadding='0', cellspacing='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(style='padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;')
+            |  
+            |        
+            table.es-header(cellspacing='0', cellpadding='0', align='center', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:#539BE2;background-repeat:repeat;background-position:center top;')
+              tr(style='border-collapse:collapse;')
+                td(style='padding:0;Margin:0;background-color:#662D91;', bgcolor='#662d91', align='center')
+                  table.es-header-body(style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;', width='600', cellspacing='0', cellpadding='0', align='center', bgcolor='rgba(0, 0, 0, 0)')
+                    tr(style='border-collapse:collapse;')
+                      td.esdev-adapt-off(align='left', bgcolor='#ffffff', style='padding:0;Margin:0;padding-left:10px;padding-top:30px;padding-right:30px;background-color:#FFFFFF;')
+                        table.esdev-mso-table(width='560', cellpadding='0', cellspacing='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                          tr(style='border-collapse:collapse;')
+                            td.esdev-mso-td(valign='top', style='padding:0;Margin:0;')
+                              table.es-left(cellpadding='0', cellspacing='0', align='left', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:left;')
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-p0r(width='192', align='center', style='padding:0;Margin:0;')
+                                    table(cellpadding='0', cellspacing='0', width='100%', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(align='left', style='padding:0;Margin:0;padding-left:20px;')
+                                          img.adapt-img(src='https://qdyfd.stripocdn.email/content/guids/cab_pub_7cbbc409ec990f19c78c75bd1e06f215/images/55701543505134357.gif', alt='', style='display:block;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;', width='128', height='140.80')
+                                  |  
+                                  |                       
+                                  td(width='20', style='padding:0;Margin:0;')
+                            |  
+                            |                   
+                            td.esdev-mso-td(valign='top', style='padding:0;Margin:0;')
+                              table.es-left(cellpadding='0', cellspacing='0', align='left', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:left;')
+                                tr(style='border-collapse:collapse;')
+                                  td(width='132', align='center', style='padding:0;Margin:0;')
+                                    table(cellpadding='0', cellspacing='0', width='100%', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(align='left', style='padding:0;Margin:0;')
+                                          p(style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;color:#666666;")
+                                            br
+                                  |  
+                                  |                       
+                                  td(width='20', style='padding:0;Margin:0;')
+                            |  
+                            |                   
+                            td.esdev-mso-td(valign='top', style='padding:0;Margin:0;')
+                              table.es-right(cellpadding='0', cellspacing='0', align='right', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:right;')
+                                tr(style='border-collapse:collapse;')
+                                  td(width='196', align='center', style='padding:0;Margin:0;')
+                                    table(cellpadding='0', cellspacing='0', width='100%', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(align='center', bgcolor='#662d91', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;')
+                                          p(style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;color:#FFFFFF;") {{ Context.Date }}
+            |  
+            |        
+            table.es-content(cellspacing='0', cellpadding='0', align='center', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;')
+              tr(style='border-collapse:collapse;')
+                td(align='center', bgcolor='transparent', style='padding:0;Margin:0;background-color:transparent;')
+                  table.es-content-body(style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;', width='600', cellspacing='0', cellpadding='0', align='center')
+                    tr(style='border-collapse:collapse;')
+                      td(align='left', style='padding:0;Margin:0;')
+                        table(width='100%', cellspacing='0', cellpadding='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                          tr(style='border-collapse:collapse;')
+                            td(width='600', valign='top', align='center', style='padding:0;Margin:0;')
+                              table(style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:separate;border-spacing:0px;border-radius:4px;background-color:#FFFFFF;', width='100%', cellspacing='0', cellpadding='0', bgcolor='#ffffff')
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-c(bgcolor='#ffffff', align='center', style='padding:0;Margin:0;padding-left:10px;padding-right:10px;padding-top:20px;')
+                                    p(style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;") Your daily task list for
+                                    p(style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:30px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:45px;color:#666666;")
+                                      strong {{ Board.Title }}
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-c(bgcolor='#ffffff', align='center', style='padding:0;Margin:0;padding-left:10px;padding-right:10px;padding-bottom:40px;')
+                                    p(style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;")
+                                      strong
+                                        a(target='_blank', style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;", href='') &gt;&gt; open&nbsp;in Trello
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-l(bgcolor='#ffffff', align='left', style='padding:0;Margin:0;padding-right:30px;')
+                                    table.cke_show_border(style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#FFFFFF;', width='100%', cellspacing='0', cellpadding='0', bgcolor='#ffffff')
+                                      tr(style='border-collapse:collapse;')
+                                        td(style='padding:0;Margin:0;')
+                                          table.es-menu.cke_show_border(cellpadding='0', cellspacing='0', width='100%', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                            tr(style='border-collapse:collapse;')
+                                              td#esd-menu-id-0(valign='top', width='30%', bgcolor='#662d91', style='Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;text-align:center;')
+                                                span(style="font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;color:#FFFFFF;") {{ List.Title }}
+                                              |  
+                                              |                               
+                                              td#esd-menu-id-1(align='center', valign='top', width='70%', bgcolor='#ffffff', style='Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;')
+                                                br
+                          |  
+                          |                  
+                          tr(style='border-collapse:collapse;')
+                            td(width='600', valign='top', align='center', style='padding:0;Margin:0;')
+                          |  
+                          |                  
+                          tr(style='border-collapse:collapse;')
+                            td(width='600', valign='top', align='center', style='padding:0;Margin:0;')
+                              table(width='100%', cellspacing='0', cellpadding='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                tr(style='border-collapse:collapse;')
+                                  td(align='center', bgcolor='#ffffff', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;')
+                                    table(border='0', width='100%', height='100%', cellpadding='0', cellspacing='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(style='padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;')
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-l(align='left', bgcolor='#ffffff', style='padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;')
+                                    h3(style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;")
+                                      strong {{ Card.Title }}
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-l(align='left', bgcolor='#ffffff', style='padding:0;Margin:0;padding-left:30px;padding-right:30px;')
+                                    p(style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;")
+                                      strong {{ Card.Author }}
+                                      | , due on {{ Card.Date }}
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-l(align='left', bgcolor='#ffffff', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;')
+                                    h3(style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;")
+                                      | {{ Card.Description }}&nbsp;&nbsp;
+                                      strong
+                                        a(target='_blank', style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;", href='') &gt;&gt; see more
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td(align='center', bgcolor='#ffffff', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;')
+                                    table(border='0', width='100%', height='100%', cellpadding='0', cellspacing='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(style='padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;')
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td(align='center', bgcolor='#ffffff', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;')
+                                    table(border='0', width='100%', height='100%', cellpadding='0', cellspacing='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(style='padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;')
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td(style='padding:0;Margin:0;')
+                                    table.es-menu(cellpadding='0', cellspacing='0', width='100%', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr.links(style='border-collapse:collapse;')
+                                        td#esd-menu-id-1(align='center', valign='top', width='50%', bgcolor='#662d91', style='Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;')
+                                          a(target='_blank', href='', style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;display:block;color:#FFFFFF;") Item2
+                                        |  
+                                        |                           
+                                        td#esd-menu-id-2(align='center', valign='top', width='50%', bgcolor='#ffffff', style='Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;')
+                                          a(target='_blank', href='', style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;display:block;color:#539BE2;")
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td(align='center', bgcolor='#ffffff', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;')
+                                    table(border='0', width='100%', height='100%', cellpadding='0', cellspacing='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(style='padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;')
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-l(align='left', bgcolor='#ffffff', style='padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;')
+                                    h3(style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;")
+                                      strong Delenda est Carthago
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-l(align='left', bgcolor='#ffffff', style='padding:0;Margin:0;padding-left:30px;padding-right:30px;')
+                                    p(style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;")
+                                      strong Julius C.
+                                      | , pour le jeudi 27 avril 2019
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td.es-m-txt-l(align='left', bgcolor='#ffffff', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;')
+                                    h3(style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;")
+                                      | Blablabla, super projet, lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.&nbsp; 
+                                      strong
+                                        a(target='_blank', style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;", href='') &gt;&gt; see more
+                                |  
+                                |                      
+                                tr(style='border-collapse:collapse;')
+                                  td(align='center', bgcolor='#ffffff', style='Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;')
+                                    table(border='0', width='100%', height='100%', cellpadding='0', cellspacing='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                      tr(style='border-collapse:collapse;')
+                                        td(style='padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;')
+            |  
+            |        
+            table.es-footer(cellspacing='0', cellpadding='0', align='center', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:transparent;background-repeat:repeat;background-position:center top;')
+              tr(style='border-collapse:collapse;')
+                td(align='center', style='padding:0;Margin:0;')
+                  table.es-footer-body(width='600', cellspacing='0', cellpadding='0', align='center', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;')
+                    tr(style='border-collapse:collapse;')
+                      td(align='left', bgcolor='#662d91', style='Margin:0;padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;background-color:#662D91;')
+                        table(width='100%', cellspacing='0', cellpadding='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                          tr(style='border-collapse:collapse;')
+                            td(width='540', valign='top', align='center', style='padding:0;Margin:0;')
+                              table(width='100%', cellspacing='0', cellpadding='0', style='mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;')
+                                tr(style='border-collapse:collapse;')
+                                  td(align='left', style='padding:0;Margin:0;')
+                                    p(style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:24px;color:#FFFFFF;")
+                                      | To stop receiving these emails, you can change your&nbsp; 
+                                      strong
+                                        a(target='_blank', style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;font-size:16px;text-decoration:none;color:#15FEBF;", href='') notification preferences
+                                      | &nbsp;in Musala Mail.
diff --git a/templates/html2.tmpl b/templates/html.html
similarity index 72%
rename from templates/html2.tmpl
rename to templates/html.html
index a3f1c13..a59f31b 100644
--- a/templates/html2.tmpl
+++ b/templates/html.html
@@ -6,7 +6,7 @@
   <meta name="x-apple-disable-message-reformatting"> 
   <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
   <meta content="telephone=no" name="format-detection"> 
-  <title>Musala Mail</title> 
+  <title>MailForGoals</title> 
   <!--[if (mso 16)]>
     <style type="text/css">
     a {text-decoration: none;}
@@ -56,10 +56,10 @@ a[x-apple-data-detectors] {
 </style> 
  </head> 
  <body style="width:100%;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0;"> 
-  <div class="es-wrapper-color" style="background-color:#F4F4F4;"> 
+  <div class="es-wrapper-color" style="background-color:#CCCCCC;"> 
    <!--[if gte mso 9]>
 			<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
-				<v:fill type="tile" color="#f4f4f4"></v:fill>
+				<v:fill type="tile" color="#cccccc" origin="0.5, 0" position="0.5,0"></v:fill>
 			</v:background>
 		<![endif]--> 
    <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;padding:0;Margin:0;width:100%;height:100%;background-repeat:repeat;background-position:center top;"> 
@@ -73,40 +73,6 @@ a[x-apple-data-detectors] {
      </tr> 
      <tr style="border-collapse:collapse;"> 
       <td valign="top" style="padding:0;Margin:0;"> 
-       <table class="es-content" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;"> 
-         <tr style="border-collapse:collapse;"></tr> 
-         <tr style="border-collapse:collapse;"> 
-          <td align="center" style="padding:0;Margin:0;"> 
-           <table class="es-content-body" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;" width="600" cellspacing="0" cellpadding="0" align="center"> 
-             <tr style="border-collapse:collapse;"> 
-              <td align="left" style="Margin:0;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px;"> 
-               <!--[if mso]><table width="580" cellpadding="0" cellspacing="0"><tr><td width="282" valign="top"><![endif]--> 
-               <table class="es-left" cellspacing="0" cellpadding="0" align="left" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:left;"> 
-                 <tr style="border-collapse:collapse;"> 
-                  <td width="282" align="left" style="padding:0;Margin:0;"> 
-                   <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
-                     <tr style="border-collapse:collapse;"> 
-                      <td class="es-infoblock es-m-txt-c" align="left" style="padding:0;Margin:0;line-height:14px;font-size:12px;color:#CCCCCC;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:12px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:14px;color:#CCCCCC;">Put your preheader text here<br></p></td> 
-                     </tr> 
-                   </table></td> 
-                 </tr> 
-               </table> 
-               <!--[if mso]></td><td width="20"></td><td width="278" valign="top"><![endif]--> 
-               <table class="es-right" cellspacing="0" cellpadding="0" align="right" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:right;"> 
-                 <tr style="border-collapse:collapse;"> 
-                  <td width="278" align="left" style="padding:0;Margin:0;"> 
-                   <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
-                     <tr style="border-collapse:collapse;"> 
-                      <td class="es-infoblock es-m-txt-c" align="right" style="padding:0;Margin:0;line-height:14px;font-size:12px;color:#CCCCCC;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:12px;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:14px;color:#CCCCCC;"><a href="http://#" target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:12px;text-decoration:underline;color:#CCCCCC;">View in browser</a><br></p></td> 
-                     </tr> 
-                   </table></td> 
-                 </tr> 
-               </table> 
-               <!--[if mso]></td></tr></table><![endif]--></td> 
-             </tr> 
-           </table></td> 
-         </tr> 
-       </table> 
        <table class="es-header" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:#539BE2;background-repeat:repeat;background-position:center top;"> 
          <tr style="border-collapse:collapse;"> 
           <td style="padding:0;Margin:0;background-color:#662D91;" bgcolor="#662d91" align="center"> 
@@ -170,7 +136,7 @@ a[x-apple-data-detectors] {
                       <td width="196" align="center" style="padding:0;Margin:0;"> 
                        <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
                          <tr style="border-collapse:collapse;"> 
-                          <td align="center" bgcolor="#662d91" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;color:#FFFFFF;">Mardi 04 Septembre</p></td> 
+                          <td align="center" bgcolor="#662d91" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;color:#FFFFFF;">{{ Context.Date }}</p></td> 
                          </tr> 
                        </table></td> 
                      </tr> 
@@ -192,24 +158,30 @@ a[x-apple-data-detectors] {
                   <td width="600" valign="top" align="center" style="padding:0;Margin:0;"> 
                    <table style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:separate;border-spacing:0px;border-radius:4px;background-color:#FFFFFF;" width="100%" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
                      <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" bgcolor="#ffffff" align="center" style="Margin:0;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:40px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:18px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:27px;color:#666666;">Your daily task list for</p><h1 style="Margin:0;line-height:36px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:30px;font-style:normal;font-weight:normal;color:#111111;"><strong>La classe américaine</strong></h1></td> 
+                      <td class="es-m-txt-c" bgcolor="#ffffff" align="center" style="padding:0;Margin:0;padding-left:10px;padding-right:10px;padding-top:20px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;">Your daily task list for</p><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:30px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:45px;color:#666666;"><strong>{{ Board.Title }}</strong></p></td> 
                      </tr> 
-                   </table></td> 
-                 </tr> 
-                 <tr style="border-collapse:collapse;"> 
-                  <td width="600" valign="top" align="center" style="padding:0;Margin:0;"> 
-                   <table style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:separate;border-spacing:0px;border-radius:4px;background-color:#FFFFFF;" width="100%" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
                      <tr style="border-collapse:collapse;"> 
-                      <td style="padding:0;Margin:0;"> 
-                       <table cellpadding="0" cellspacing="0" width="100%" class="es-menu" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
-                         <tr class="links" style="border-collapse:collapse;"> 
-                          <td align="center" valign="top" width="50%" id="esd-menu-id-1" bgcolor="#662d91" style="Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;"><a target="_blank" href="" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;display:block;color:#FFFFFF;">Monde de merde</a></td> 
-                          <td align="center" valign="top" width="50%" id="esd-menu-id-2" bgcolor="#ffffff" style="Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;"><a target="_blank" href="" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;display:block;color:#539BE2;"></a></td> 
+                      <td class="es-m-txt-c" bgcolor="#ffffff" align="center" style="padding:0;Margin:0;padding-left:10px;padding-right:10px;padding-bottom:40px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; open&nbsp;in Trello</a></strong></p></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td bgcolor="#ffffff" align="left" class="es-m-txt-l" style="padding:0;Margin:0;padding-right:30px;"> 
+                       <table style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#FFFFFF;" width="100%" cellspacing="0" cellpadding="0" bgcolor="#ffffff" class="cke_show_border"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td style="padding:0;Margin:0;"> 
+                           <table cellpadding="0" cellspacing="0" width="100%" class="es-menu cke_show_border" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                             <tr style="border-collapse:collapse;"> 
+                              <td valign="top" width="30%" bgcolor="#662d91" style="Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;text-align:center;" id="esd-menu-id-0"><span style="font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;color:#FFFFFF;">{{ List.Title }}</span></td> 
+                              <td align="center" valign="top" width="70%" bgcolor="#ffffff" style="Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;" id="esd-menu-id-1"><br></td> 
+                             </tr> 
+                           </table></td> 
                          </tr> 
                        </table></td> 
                      </tr> 
                    </table></td> 
                  </tr> 
+                 <tr style="border-collapse:collapse;"> 
+                  <td width="600" valign="top" align="center" style="padding:0;Margin:0;"></td> 
+                 </tr> 
                  <tr style="border-collapse:collapse;"> 
                   <td width="600" valign="top" align="center" style="padding:0;Margin:0;"> 
                    <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
@@ -222,13 +194,13 @@ a[x-apple-data-detectors] {
                        </table></td> 
                      </tr> 
                      <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;"><strong>Rendez vous avec les journalistes</strong></h3></td> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;"><strong>{{ Card.Title }}</strong></h3></td> 
                      </tr> 
                      <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-left:30px;padding-right:30px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong>Georges A.</strong>, pour le jeudi 27 avril 2019</p></td> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-left:30px;padding-right:30px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong>{{ Card.Author }}</strong>, due on {{ Card.Date }}</p></td> 
                      </tr> 
                      <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;">Blablabla, super projet, lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.&nbsp; <strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; voir plus</a></strong></h3></td> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;">{{ Card.Description }}&nbsp;&nbsp;<strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; see more</a></strong></h3></td> 
                      </tr> 
                      <tr style="border-collapse:collapse;"> 
                       <td align="center" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
@@ -238,15 +210,6 @@ a[x-apple-data-detectors] {
                          </tr> 
                        </table></td> 
                      </tr> 
-                     <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;"><strong>Rendez vous avec les journalistes</strong></h3></td> 
-                     </tr> 
-                     <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-left:30px;padding-right:30px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong>Georges A.</strong>, pour le jeudi 27 avril 2019</p></td> 
-                     </tr> 
-                     <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;">Blablabla, super projet, lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.&nbsp; <strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; voir plus</a></strong></h3></td> 
-                     </tr> 
                      <tr style="border-collapse:collapse;"> 
                       <td align="center" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
                        <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
@@ -273,13 +236,13 @@ a[x-apple-data-detectors] {
                        </table></td> 
                      </tr> 
                      <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;"><strong>Rendez vous avec les journalistes</strong></h3></td> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;"><strong>Delenda est Carthago</strong></h3></td> 
                      </tr> 
                      <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-left:30px;padding-right:30px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong>Georges A.</strong>, pour le jeudi 27 avril 2019</p></td> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-left:30px;padding-right:30px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong>Julius C.</strong>, pour le jeudi 27 avril 2019</p></td> 
                      </tr> 
                      <tr style="border-collapse:collapse;"> 
-                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;">Blablabla, super projet, lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.&nbsp; <strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; voir plus</a></strong></h3></td> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;">Blablabla, super projet, lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.&nbsp; <strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; see more</a></strong></h3></td> 
                      </tr> 
                      <tr style="border-collapse:collapse;"> 
                       <td align="center" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
@@ -307,7 +270,7 @@ a[x-apple-data-detectors] {
                   <td width="540" valign="top" align="center" style="padding:0;Margin:0;"> 
                    <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
                      <tr style="border-collapse:collapse;"> 
-                      <td align="left" style="padding:0;Margin:0;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;color:#FFFFFF;">Pour ne plus recevoir ces emails, vous pouvez modifiez vos <strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;font-size:14px;text-decoration:none;color:#15FEBF;" href="">préférences de notification</a></strong> dans TrelloToMail.</p></td> 
+                      <td align="left" style="padding:0;Margin:0;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:24px;color:#FFFFFF;">To stop receiving these emails, you can change your&nbsp; <strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;font-size:16px;text-decoration:none;color:#15FEBF;" href="">notification preferences</a></strong>&nbsp;in Musala Mail.</p></td> 
                      </tr> 
                    </table></td> 
                  </tr> 
@@ -320,4 +283,4 @@ a[x-apple-data-detectors] {
    </table> 
   </div>  
  </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/templates/html.mjml b/templates/html.mjml
new file mode 100644
index 0000000..5ace1cf
--- /dev/null
+++ b/templates/html.mjml
@@ -0,0 +1,24 @@
+<mjml>
+  <mj-body>
+    
+    <mj-section>
+      <mj-column>
+        <mj-image width="100px" src="/assets/img/logo-small.png"></mj-image>
+      </mj-column>
+      <mj-column>
+      </mj-column>
+      <mj-column>
+        <mj-text font-size="20px" color="#F45E43" background-color="#662D91" font-family="helvetica">Hello World</mj-text>
+      </mj-column>
+    </mj-section>
+    
+    <mj-section>
+      <mj-column>
+        <mj-text font-size="20px" align="center">Your daily task list</mj-text>
+        <mj-text font-size="30px" align="center">{{ Context.Board }}</mj-text>
+        <mj-text font-size="16px" align="center">Plop</mj-text>
+      </mj-column>
+    </mj-section>
+
+  </mj-body>
+</mjml>
diff --git a/templates/html.tmpl b/templates/html.tmpl
index e69de29..540006d 100644
--- a/templates/html.tmpl
+++ b/templates/html.tmpl
@@ -0,0 +1,289 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html style="width:100%;font-family:arial, 'helvetica neue', helvetica, arial, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0;">
+ <head> 
+  <meta charset="UTF-8"> 
+  <meta content="width=device-width, initial-scale=1" name="viewport"> 
+  <meta name="x-apple-disable-message-reformatting"> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
+  <meta content="telephone=no" name="format-detection"> 
+  <title>MailForGoals</title> 
+  <!--[if (mso 16)]>
+    <style type="text/css">
+    a {text-decoration: none;}
+    </style>
+    <![endif]--> 
+  <!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]--> 
+  <!--[if !mso]><!-- --> 
+  <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet"> 
+  <!--<![endif]--> 
+  <style type="text/css">
+@media only screen and (max-width:600px) {p, ul li, ol li, a { font-size:16px!important; line-height:150%!important } h1 { font-size:30px!important; text-align:center; line-height:120%!important } h2 { font-size:26px!important; text-align:center; line-height:120%!important } h3 { font-size:20px!important; text-align:center; line-height:120%!important } h1 a { font-size:30px!important } h2 a { font-size:26px!important } h3 a { font-size:20px } .es-menu td a { font-size:16px!important } .es-header-body p, .es-header-body ul li, .es-header-body ol li, .es-header-body a { font-size:16px!important } .es-footer-body p, .es-footer-body ul li, .es-footer-body ol li, .es-footer-body a { font-size:16px!important } .es-infoblock p, .es-infoblock ul li, .es-infoblock ol li, .es-infoblock a { font-size:12px!important } *[class="gmail-fix"] { display:none!important } .es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3 { text-align:center!important } .es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3 { text-align:right!important } .es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3 { text-align:left!important } .es-m-txt-r img, .es-m-txt-c img, .es-m-txt-l img { display:inline!important } .es-button-border { display:block!important } a.es-button { font-size:20px!important; display:block!important; border-width:15px 25px 15px 25px!important } .es-btn-fw { border-width:10px 0px!important; text-align:center!important } .es-adaptive table, .es-btn-fw, .es-btn-fw-brdr, .es-left, .es-right { width:100%!important } .es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { width:100%!important; max-width:600px!important } .es-adapt-td { display:block!important; width:100%!important } .adapt-img { width:100%!important; height:auto!important } .es-m-p0 { padding:0px!important } .es-m-p0r { padding-right:0px!important } .es-m-p0l { padding-left:0px!important } .es-m-p0t { padding-top:0px!important } .es-m-p0b { padding-bottom:0!important } .es-m-p20b { padding-bottom:20px!important } .es-mobile-hidden, .es-hidden { display:none!important } .es-desk-hidden { display:table-row!important; width:auto!important; overflow:visible!important; float:none!important; max-height:inherit!important; line-height:inherit!important } .es-desk-menu-hidden { display:table-cell!important } table.es-table-not-adapt, .esd-block-html table { width:auto!important } table.es-social { display:inline-block!important } table.es-social td { display:inline-block!important } }
+#outlook a {
+	padding:0;
+}
+.ExternalClass {
+	width:100%;
+}
+.ExternalClass,
+.ExternalClass p,
+.ExternalClass span,
+.ExternalClass font,
+.ExternalClass td,
+.ExternalClass div {
+	line-height:100%;
+}
+.es-button {
+	mso-style-priority:100!important;
+	text-decoration:none!important;
+}
+a[x-apple-data-detectors] {
+	color:inherit!important;
+	text-decoration:none!important;
+	font-size:inherit!important;
+	font-family:inherit!important;
+	font-weight:inherit!important;
+	line-height:inherit!important;
+}
+.es-desk-hidden {
+	display:none;
+	float:left;
+	overflow:hidden;
+	width:0;
+	max-height:0;
+	line-height:0;
+	mso-hide:all;
+}
+</style> 
+ </head> 
+ <body style="width:100%;font-family:arial, 'helvetica neue', helvetica, arial, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0;"> 
+  <div class="es-wrapper-color" style="background-color:#CCCCCC;"> 
+   <!--[if gte mso 9]>
+			<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
+				<v:fill type="tile" color="#cccccc" origin="0.5, 0" position="0.5,0"></v:fill>
+			</v:background>
+		<![endif]--> 
+   <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;padding:0;Margin:0;width:100%;height:100%;background-repeat:repeat;background-position:center top;"> 
+     <tr class="gmail-fix" height="0" style="border-collapse:collapse;"> 
+      <td style="padding:0;Margin:0;"> 
+       <table width="600" cellspacing="0" cellpadding="0" border="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+         <tr style="border-collapse:collapse;"> 
+          <td cellpadding="0" cellspacing="0" border="0" style="padding:0;Margin:0;line-height:1px;min-width:600px;" height="0"><img src="https://esputnik.com/repository/applications/images/blank.gif" style="display:block;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-height:0px;min-height:0px;min-width:600px;width:600px;" alt width="600" height="1"></td> 
+         </tr> 
+       </table></td> 
+     </tr> 
+     <tr style="border-collapse:collapse;"> 
+      <td valign="top" style="padding:0;Margin:0;"> 
+       <table class="es-header" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:#539BE2;background-repeat:repeat;background-position:center top;"> 
+         <tr style="border-collapse:collapse;"> 
+          <td style="padding:0;Margin:0;background-color:#662D91;" bgcolor="#662d91" align="center"> 
+           <table class="es-header-body" width="600" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;"> 
+             <tr style="border-collapse:collapse;"> 
+              <td align="left" style="padding:0;Margin:0;padding-top:10px;"> 
+               <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                 <tr style="border-collapse:collapse;"> 
+                  <td width="600" valign="top" align="center" style="padding:0;Margin:0;"> 
+                   <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td align="center" bgcolor="transparent" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
+                       <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td style="padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;"></td> 
+                         </tr> 
+                       </table></td> 
+                     </tr> 
+                   </table></td> 
+                 </tr> 
+               </table></td> 
+             </tr> 
+           </table></td> 
+         </tr> 
+       </table> 
+       <table class="es-header" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:#539BE2;background-repeat:repeat;background-position:center top;"> 
+         <tr style="border-collapse:collapse;"> 
+          <td style="padding:0;Margin:0;background-color:#662D91;" bgcolor="#662d91" align="center"> 
+           <table class="es-header-body" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="rgba(0, 0, 0, 0)"> 
+             <tr style="border-collapse:collapse;"> 
+              <td class="esdev-adapt-off" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-left:10px;padding-top:30px;padding-right:30px;background-color:#FFFFFF;"> 
+               <table width="560" cellpadding="0" cellspacing="0" class="esdev-mso-table" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                 <tr style="border-collapse:collapse;"> 
+                  <td class="esdev-mso-td" valign="top" style="padding:0;Margin:0;"> 
+                   <table cellpadding="0" cellspacing="0" class="es-left" align="left" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:left;"> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td width="192" class="es-m-p0r" align="center" style="padding:0;Margin:0;"> 
+                       <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td align="left" style="padding:0;Margin:0;padding-left:20px;"><img class="adapt-img" src="https://qdyfd.stripocdn.email/content/guids/cab_pub_7cbbc409ec990f19c78c75bd1e06f215/images/55701543505134357.gif" alt style="display:block;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;" width="128" height="140.80"></td> 
+                         </tr> 
+                       </table></td> 
+                      <td width="20" style="padding:0;Margin:0;"></td> 
+                     </tr> 
+                   </table></td> 
+                  <td class="esdev-mso-td" valign="top" style="padding:0;Margin:0;"> 
+                   <table cellpadding="0" cellspacing="0" class="es-left" align="left" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:left;"> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td width="132" align="center" style="padding:0;Margin:0;"> 
+                       <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td align="left" style="padding:0;Margin:0;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;color:#666666;"><br></p></td> 
+                         </tr> 
+                       </table></td> 
+                      <td width="20" style="padding:0;Margin:0;"></td> 
+                     </tr> 
+                   </table></td> 
+                  <td class="esdev-mso-td" valign="top" style="padding:0;Margin:0;"> 
+                   <table cellpadding="0" cellspacing="0" class="es-right" align="right" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:right;"> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td width="196" align="center" style="padding:0;Margin:0;"> 
+                       <table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td align="center" bgcolor="#662d91" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:14px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:21px;color:#FFFFFF;">{{ Context.Date }}</p></td> 
+                         </tr> 
+                       </table></td> 
+                     </tr> 
+                   </table></td> 
+                 </tr> 
+               </table></td> 
+             </tr> 
+           </table></td> 
+         </tr> 
+       </table> 
+       <table class="es-content" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;"> 
+         <tr style="border-collapse:collapse;"> 
+          <td align="center" bgcolor="transparent" style="padding:0;Margin:0;background-color:transparent;"> 
+           <table class="es-content-body" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;" width="600" cellspacing="0" cellpadding="0" align="center"> 
+             <tr style="border-collapse:collapse;"> 
+              <td align="left" style="padding:0;Margin:0;"> 
+               <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                 <tr style="border-collapse:collapse;"> 
+                  <td width="600" valign="top" align="center" style="padding:0;Margin:0;"> 
+                	BEFORE TABLE3
+                   <table style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:separate;border-spacing:0px;border-radius:4px;background-color:#FFFFFF;" width="100%" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td class="es-m-txt-c" bgcolor="#ffffff" align="center" style="padding:0;Margin:0;padding-left:10px;padding-right:10px;padding-top:20px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;">Your daily task list for</p><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:30px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:45px;color:#666666;"><strong>{{ Board.Title }}</strong></p></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td class="es-m-txt-c" bgcolor="#ffffff" align="center" style="padding:0;Margin:0;padding-left:10px;padding-right:10px;padding-bottom:40px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, arial, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; open&nbsp;in Trello</a></strong></p></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td bgcolor="#ffffff" align="left" class="es-m-txt-l" style="padding:0;Margin:0;padding-right:30px;"> 
+                       BEFORE TABLE2
+                       <table style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#FFFFFF;" width="100%" cellspacing="0" cellpadding="0" bgcolor="#ffffff" class="cke_show_border"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td style="padding:0;Margin:0;"> 
+                           BEFORE TABLE
+                           <table cellpadding="0" cellspacing="0" width="100%" class="es-menu cke_show_border" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                             <tr style="border-collapse:collapse;"> 
+                              <td valign="top" width="30%" bgcolor="#662d91" style="Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;text-align:center;" id="esd-menu-id-0"><span style="font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;color:#FFFFFF;">{{ List.Title }}</span></td> 
+                              <td align="center" valign="top" width="70%" bgcolor="#ffffff" style="Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;" id="esd-menu-id-1"><br></td> 
+                             </tr> 
+                           </table>AFTER TABLE</td> 
+                         </tr> 
+                       </table>AFTER TABLE2</td> 
+                     </tr> 
+                   </table>AFTER TABLE3</td> 
+                 </tr> 
+                 <tr style="border-collapse:collapse;"> 
+                  <td width="600" valign="top" align="center" style="padding:0;Margin:0;"></td> 
+                 </tr> 
+                 <tr style="border-collapse:collapse;"> 
+                  <td width="600" valign="top" align="center" style="padding:0;Margin:0;"> 
+                   <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td align="center" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
+                       <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td style="padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;"></td> 
+                         </tr> 
+                       </table></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;"><strong>{{ Card.Title }}</strong></h3></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-left:30px;padding-right:30px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong>{{ Card.Author }}</strong>, due on {{ Card.Date }}</p></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;">{{ Card.Description }}&nbsp;&nbsp;<strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; see more</a></strong></h3></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td align="center" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
+                       <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td style="padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;"></td> 
+                         </tr> 
+                       </table></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td align="center" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
+                       <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td style="padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;"></td> 
+                         </tr> 
+                       </table></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td style="padding:0;Margin:0;"> 
+                       <table cellpadding="0" cellspacing="0" width="100%" class="es-menu" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr class="links" style="border-collapse:collapse;"> 
+                          <td align="center" valign="top" width="50%" id="esd-menu-id-1" bgcolor="#662d91" style="Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;"><a target="_blank" href="" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;display:block;color:#FFFFFF;">Item2</a></td> 
+                          <td align="center" valign="top" width="50%" id="esd-menu-id-2" bgcolor="#ffffff" style="Margin:0;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border:0;"><a target="_blank" href="" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;display:block;color:#539BE2;"></a></td> 
+                         </tr> 
+                       </table></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td align="center" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
+                       <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td style="padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;"></td> 
+                         </tr> 
+                       </table></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-top:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:22px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:18px;font-style:normal;font-weight:normal;color:#000000;"><strong>Delenda est Carthago</strong></h3></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="padding:0;Margin:0;padding-left:30px;padding-right:30px;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, sans-serif;line-height:24px;color:#666666;"><strong>Julius C.</strong>, pour le jeudi 27 avril 2019</p></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td class="es-m-txt-l" align="left" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:30px;padding-right:30px;"><h3 style="Margin:0;line-height:19px;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-style:normal;font-weight:normal;color:#333333;">Blablabla, super projet, lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.&nbsp; <strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;text-decoration:none;color:#41C3A0;" href="">&gt;&gt; see more</a></strong></h3></td> 
+                     </tr> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td align="center" bgcolor="#ffffff" style="Margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;"> 
+                       <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                         <tr style="border-collapse:collapse;"> 
+                          <td style="padding:0;Margin:0px;border-bottom:0px solid #CCCCCC;background:none;height:1px;width:100%;margin:0px;"></td> 
+                         </tr> 
+                       </table></td> 
+                     </tr> 
+                   </table></td> 
+                 </tr> 
+               </table></td> 
+             </tr> 
+           </table></td> 
+         </tr> 
+       </table> 
+       <table class="es-footer" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:transparent;background-repeat:repeat;background-position:center top;"> 
+         <tr style="border-collapse:collapse;"> 
+          <td align="center" style="padding:0;Margin:0;"> 
+           <table class="es-footer-body" width="600" cellspacing="0" cellpadding="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;"> 
+             <tr style="border-collapse:collapse;"> 
+              <td align="left" bgcolor="#662d91" style="Margin:0;padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;background-color:#662D91;"> 
+               <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                 <tr style="border-collapse:collapse;"> 
+                  <td width="540" valign="top" align="center" style="padding:0;Margin:0;"> 
+                   <table width="100%" cellspacing="0" cellpadding="0" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
+                     <tr style="border-collapse:collapse;"> 
+                      <td align="left" style="padding:0;Margin:0;"><p style="Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-size:16px;font-family:arial, 'helvetica neue', helvetica, arial, sans-serif;line-height:24px;color:#FFFFFF;">To stop receiving these emails, you can change your&nbsp; <strong><a target="_blank" style="-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:arial, 'helvetica neue', helvetica, arial, sans-serif;font-size:16px;text-decoration:none;color:#15FEBF;" href="">notification preferences</a></strong>&nbsp;in Musala Mail.</p></td> 
+                     </tr> 
+                   </table></td> 
+                 </tr> 
+               </table></td> 
+             </tr> 
+           </table></td> 
+         </tr> 
+       </table></td> 
+     </tr> 
+   </table> 
+  </div>  
+ </body>
+</html>
diff --git a/templates/html.tmpl.html b/templates/html.tmpl.html
new file mode 120000
index 0000000..3e148c0
--- /dev/null
+++ b/templates/html.tmpl.html
@@ -0,0 +1 @@
+html.tmpl
\ No newline at end of file