aboutsummaryrefslogtreecommitdiffstats
path: root/templates/email/default/_email_top.html
blob: 943b522cbd12f3f354ef82426002d702b8e52a26 (plain)
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
[%
    # The cobrand might come to us a variety of ways
    # Alert sets cobrand directly, questionnaire/submit have it in report, otherwise web
    cobrand = cobrand.moniker OR report.cobrand OR c.cobrand.moniker;

    IF cobrand == 'fixmystreet';
        SET img_dir = 'fixmystreet.com';
    ELSE;
        SET img_dir = cobrand;
    END -%]
[% IF NOT for_rss ~%]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[% END ~%]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>[% rss_title | safe %]</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">
  [%~ # Styles here will be applied by everything except Gmail.com %]
  a { [% link_style %] }
  a:hover { [% link_hover_style %] }

  body, table, td, th {
    font-family: [% body_font_family %] !important;
  }

  @media only screen and (max-width: [% wrapper_min_width - 1 %]px) {
    #main, .hint {
      min-width: 0 !important;
    }

    #main table, #main tr, #main th {
      display: block !important;
    }

    #primary_column,
    #secondary_column {
      width: auto !important;
    }
  }

  @media only screen and (min-width: [% wrapper_max_width %]px) {
    .spacer-cell {
      background-color: [% body_background_color %];
    }
  }
  </style>
</head>
<body style="[% body_style %]">
[% IF staging AND NOT for_rss %]
  <table [% wrapper_table | safe %] style="[% td_style %]">
    <tr>
      <th class="spacer-cell"></th>
      <th width="[% wrapper_max_width %]" style="[% td_style %][% warning_style %]" class="hint">
        [% loc('This email was sent from a staging site.') %]
      </th>
      <th class="spacer-cell"></th>
    </tr>
  </table>
[% END %]
  <table [% wrapper_table | safe %] style="[% wrapper_style %]">
    <tr>
      <th class="spacer-cell"></th>
      <th width="[% wrapper_max_width %]" style="[% td_style %][% hint_style %]" class="hint">
        [% email_summary %]
      </th>
      <th class="spacer-cell"></th>
    </tr>
  </table>
  <table [% wrapper_table | safe %] style="[% wrapper_style %]">
    <tr>
      <th class="spacer-cell"></th>
      <th width="[% wrapper_max_width %]" style="[% td_style %] min-width: [% wrapper_min_width %]px;" id="main">
        <table [% table_reset | safe %]>
          <tr>
            <th colspan="[% email_columns %]" style="[% td_style %][% header_style %]">
              [%~ IF file_exists("web/cobrands/${ img_dir }/images/${ logo_file }") ~%]
                [%~ IF for_rss ~%]
                  <img src="/cobrands/[% img_dir %]/images/[% logo_file %]" width="[% logo_width %]" height="[% logo_height %]" alt="[% site_name %]" style="[% logo_style %]"/>
                [%~ ELSE ~%]
                  <img src="[% inline_image('web/cobrands/' _ img_dir _ '/images/' _ logo_file ) %]" width="[% logo_width %]" height="[% logo_height %]" alt="[% site_name %]" style="[% logo_style %]"/>
                [%~ END ~%]
              [%~ ELSE ~%]
                <span style="[% logo_style %]">[% site_name %]</span>
              [%~ END %]
            </th>
          </tr>
          <tr>