notification-utils/notifications_utils/jinja_templates/email/email_template.jinja2 at 7199121a65d22985636f3cb31acc534cf8cd4c2b · cds-snc/notification-utils · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
{% if complete_html %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="{{ lang | default('en', true) | e }}">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta content="telephone=no" name="format-detection" /> <!-- need to add formatting for real phone numbers -->
  <meta name="viewport" content="width=device-width" />
  <title>{{ subject }}</title>

  <style type="text/css">
    @media only screen and (min-device-width: 581px) {
      .content {
        width: 580px !important;
      }
    }
    body { margin:0 !important; }
    div[style*="margin: 16px 0"] { margin:0 !important; }
    .force-white-bg { background-color: #fff; background: linear-gradient(#fff, #fff); background-image: url("https://assets.notification.canada.ca/1x1-ffffff.png"); }
    [data-ogsc] .force-white-bg { background-color: #fff; }
    li table[role="presentation"] {
      padding: 0 !important;
      margin: 0 !important;
    }
  </style>
  <!--[if gte mso 9]>
  <style>
     li {text-indent: -1em;}
  </style>
  <![endif]-->
</head>

<body style="font-family: Helvetica, Arial, sans-serif;font-size: 16px;margin: 0;color:#0b0c0c;">
{% endif %}
<span style="display: none;font-size: 1px;color: #fff; max-height: 0;">{{ preheader }}…</span>

<div style="height:20px">&nbsp;</div>
<!-- start primary template header EN + FR -->
{% if fip_banner_english or fip_banner_french or brand_name == "canada.ca-fr" %}
  {% include 'email/_fip_banner.jinja2' %}
{% endif %}

{% if logo_with_background_colour %}
  {% include 'email/_custom_logo_with_background_colour.jinja2' %}
{% endif %}

{% if brand_logo and not logo_with_background_colour %}
  {% include 'email/_custom_logo_no_background_colour.jinja2' %}
{% endif %}

<!-- main content -->
<table
    role="presentation"
    class="content"
    style="border-collapse: collapse; width:100% !important; max-width: 580px; margin: 0 auto;"
>
  <tr>
    <td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.315789474; padding: 0 10px;" dir="{{ 'rtl' if text_direction_rtl else 'ltr' }}">
      {{ body|safe }}
    </td>
  </tr>
</table>
<!-- end main content -->

{% if fip_banner_english or fip_banner_french or brand_name == "canada.ca-fr" %}
  {% include 'email/_footer.jinja2' %}
{% endif %}

{% if complete_html %}
</body>
</html>
{% endif %}