directus

Форк
0
407 строк · 14.3 Кб
1
<!DOCTYPE html>
2
<html lang="en">
3
  <head>
4
    <title>{{ projectName }} Email Service</title>
5

6
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7
    <meta name="viewport" content="width=device-width, initial-scale=1" />
8
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
9

10
    <style type="text/css" id="hs-inline-css">
11
      /*<![CDATA[*/
12

13
      /* CLIENT-SPECIFIC STYLES */
14
      body, table, td, a {
15
      	-webkit-text-size-adjust: 100%;
16
      	-ms-text-size-adjust: 100%;
17
      	-webkit-font-smoothing: antialiased;
18
      	}
19
      table,
20
      td {
21
        mso-table-lspace: 0pt;
22
        mso-table-rspace: 0pt;
23
      }
24
      img {
25
        -ms-interpolation-mode: bicubic;
26
      }
27
      s #content p {
28
        margin: 0;
29
      }
30
      /* RESET STYLES */
31
      img {
32
        border: 0;
33
        height: auto;
34
        line-height: 100%;
35
        outline: none;
36
        text-decoration: none;
37
      }
38
      table {
39
        border-collapse: collapse !important;
40
      }
41
      body {
42
        height: 100% !important;
43
        margin: 0 !important;
44
        padding: 0 !important;
45
        width: 100% !important;
46
      }
47

48
      /* iOS BLUE LINKS */
49
      a[x-apple-data-detectors] {
50
         color: inherit !important;
51
         text-decoration: none !important;
52
         font-size: inherit !important;
53
         font-family: inherit !important;
54
         font-weight: inherit !important;
55
         line-height: inherit !important;
56
      }
57
      body a {
58
          color: {{projectColor}};
59
          text-decoration: underline;
60
      }
61
      body p {
62
        color: #525252;
63
      }
64
      h1 {
65
        font-size: 28px;
66
        color: #171717;
67
        font-weight: 700;
68
        line-height: 32px;
69
        margin: 0;
70
        padding-bottom: 20px;
71
      }
72
      hr {
73
        margin: 0;
74
        width: 100%;
75
        border-top: 1px solid #d3dae4;
76
        border-bottom: none;
77
        border-left: none;
78
        border-right: none;
79
      }
80
      div.im,
81
      span.im {
82
        color: inherit !important;
83
      }
84

85
      /* MOBILE STYLES */
86
      @media screen and (max-width: 600px) {
87
       .img-max {
88
         width: 100% !important;
89
         max-width: 100% !important;
90
         height: auto !important;
91
       }
92

93
       .max-width {
94
         max-width: 100% !important;
95
       }
96

97
       #content {
98
          padding-top: 30px !important;
99
          padding-bottom: 30px !important;
100
        }
101
      }
102

103
      /* DARK MODE */
104
      /* @media (prefers-color-scheme: dark) {
105
        #background {
106
          background-color: #171717 !important;
107
        }
108
        #content {
109
          background-color: #171717 !important;
110
          color: #ffffff !important;
111
        }
112
        #footer {
113
          background-color: #171717 !important;
114
          color: #ffffff !important;
115
        }
116
        h1,
117
        h2 {
118
          color: #ffffff !important;
119
        }
120
        .link {
121
          color: #ff99dd !important;
122
        }
123
        body a {
124
          color: #ffffff !important;
125
        }
126
        body p {
127
          color: #e7e5e4 !important;
128
        }
129
        .button {
130
          background-color: #ffffff !important;
131
          color: #171717 !important;
132
          border-color: #171717 !important;
133
        }
134
        hr {
135
          border-color: #334155 !important;
136
        }
137
      } */
138

139
      /* ANDROID CENTER FIX */
140
      div[style*="margin: 16px 0;"] {
141
      	margin: 0 !important;
142
      }
143

144
      blockquote {
145
      	background: #f0f4f9 !important;
146
      	border-radius: 4px !important;
147
      	margin: 0 !important;
148
      	padding: 24px !important;
149
      }
150

151
      blockquote > p {
152
      	margin: 0 !important;
153
      }
154
      /*]]>*/
155
    </style>
156

157
    <meta name="generator" content="Directus" />
158
    <meta name="x-apple-disable-message-reformatting" />
159
    <meta name="robots" content="noindex,follow" />
160
  </head>
161
  <body
162
    style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100% !important; width:100% !important; margin:0 !important; padding:0; !important background-color:#f6f6f6"
163
    bgcolor="#f6f6f6"
164
  >
165
    <!-- HIDDEN PREHEADER TEXT -->
166
    <div
167
      class="preview-text"
168
      style="
169
        display: none;
170
        font-size: 1px;
171
        color: #172940;
172
        line-height: 1px;
173
        max-height: 0px;
174
        max-width: 0px;
175
        opacity: 0;
176
        overflow: hidden;
177
      "
178
    >
179
      &nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌
180
    </div>
181

182
    <table
183
      role="presentation"
184
      border="0"
185
      cellpadding="0"
186
      cellspacing="0"
187
      width="100%"
188
      style="
189
        -webkit-text-size-adjust: 100%;
190
        -ms-text-size-adjust: 100%;
191
        mso-table-lspace: 0pt;
192
        mso-table-rspace: 0pt;
193
        border-collapse: collapse !important;
194
      "
195
    >
196
      <tbody>
197
        <tr>
198
          <td
199
            id="background"
200
            align="center"
201
            valign="top"
202
            width="100%"
203
            bgcolor="#ffffff"
204
            style="
205
              -webkit-text-size-adjust: 100%;
206
              -ms-text-size-adjust: 100%;
207
              mso-table-lspace: 0pt;
208
              mso-table-rspace: 0pt;
209
              background-size: cover;
210
              padding: 30px 15px 0 15px;
211
              background-color: #ffffff;
212
            "
213
          >
214
            <!--[if (gte mso 9)|(IE)]>
215
					<table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="600">
216
					<tr>
217
					<td align="center" valign="top" width="600">
218
					<![endif]-->
219
            <table
220
              role="presentation"
221
              align="center"
222
              border="0"
223
              cellpadding="0"
224
              cellspacing="0"
225
              width="100%"
226
              style="
227
                -webkit-text-size-adjust: 100%;
228
                -ms-text-size-adjust: 100%;
229
                mso-table-lspace: 0pt;
230
                mso-table-rspace: 0pt;
231
                border-collapse: collapse !important;
232
                max-width: 600px;
233
              "
234
            >
235
              <tbody>
236
                <tr>
237
                  <td
238
                    align="left"
239
                    valign="top"
240
                    style="
241
                      -webkit-text-size-adjust: 100%;
242
                      -ms-text-size-adjust: 100%;
243
                      mso-table-lspace: 0pt;
244
                      mso-table-rspace: 0pt;
245
                      padding: 0 0 40px 0;
246
                    "
247
                  >
248
                    <table>
249
                      <tbody>
250
                        <tr>
251
                          <td align="center" valign="middle">
252
                            <img
253
                              id="logo"
254
                              src="{{ projectLogo }}"
255
                              alt="{{ projectName }} Logo"
256
                              width="40"
257
                              height="40"
258
                              border="0"
259
                              style="
260
                                -ms-interpolation-mode: bicubic;
261
                                border: 1px solid white;
262
                                border-radius: 8px;
263
                                height: 40px;
264
                                width: 40px;
265
                                line-height: 100%;
266
                                outline: none;
267
                                text-decoration: none;
268
                                display: block;
269
                                object-fit: contain;
270
                                padding: 10px;
271
                                background: {{ projectColor }}
272
                              "
273
                            />
274
                          </td>
275
                        </tr>
276
                      </tbody>
277
                    </table>
278
                  </td>
279
                </tr>
280
                <tr>
281
                  <td
282
                    id="content"
283
                    align="left"
284
                    valign="top"
285
                    style="
286
                      -webkit-text-size-adjust: 100%;
287
                      -ms-text-size-adjust: 100%;
288
                      mso-table-lspace: 0pt;
289
                      mso-table-rspace: 0pt;
290
                      font-family: -apple-system, BlinkMacSystemFont,
291
                        'HelveticaNeue-Light', 'Helvetica Neue Light',
292
                        'Helvetica Neue', Helvetica, Arial, 'Lucida Grande',
293
                        sans-serif;
294
                      font-size: 16px;
295
                      line-height: 26px;
296
                      letter-spacing: 0.32px;
297
                      margin: 0;
298
                      color: #171717;
299
                    "
300
                  >
301
                    <div
302
                      style="
303
                        color: inherit;
304
                        font-size: inherit;
305
                        line-height: inherit;
306
                      "
307
                    >
308
                      {% block content %}{{ html }}{% endblock %}
309
                    </div>
310

311
                    <p style="padding: 20px 0 10px 0">All the best,</p>
312
                    <table border="0" cellpadding="0" cellspacing="0">
313
                      <tr>
314
                        <td align="center" valign="middle" style="">
315
                          <img
316
                            id="logo"
317
                            src="{{ projectLogo }}"
318
                            alt=""
319
                            width="22"
320
                            height="22"
321
                            border="0"
322
                            style="
323
                              -ms-interpolation-mode: bicubic;
324
                              border: 0;
325
                              height: 22px;
326
                              width: 22px;
327
                              outline: none;
328
                              text-decoration: none;
329
                              display: block;
330
                              object-fit: contain;
331
                              padding: 11px;
332
                              border-radius: 100%;
333
                              border: 1px solid #ffffff;
334
                              background: {{ projectColor }};
335
                            "
336
                          />
337
                        </td>
338
                        <td>
339
                          <p
340
                            style="
341
                              display: inline-block;
342
                              line-height: 20px;
343
                              padding-left: 8px;
344
                              margin: 0;
345
                            "
346
                          >
347
                            The {{ projectName }} Team<br /><span
348
                              style="color: #737373"
349
                              >Administrator</span
350
                            >
351
                          </p>
352
                        </td>
353
                      </tr>
354
                    </table>
355
                    <hr style="margin: 40px 0 20px 0" width="100%" />
356
                  </td>
357
                </tr>
358
                <tr>
359
                  <td
360
                    align="left"
361
                    valign="middle"
362
                    style="
363
                      -webkit-text-size-adjust: 100%;
364
                      -ms-text-size-adjust: 100%;
365
                      mso-table-lspace: 0pt;
366
                      mso-table-rspace: 0pt;
367
                      padding: 0 0 20px 0;
368
                      font-family: Open Sans, Helvetica, Arial, sans-serif;
369
                    "
370
                  >
371
                    <p
372
                      style="
373
                        margin: 10px 0;
374
                        font-size: 13px;
375
                        line-height: 16px;
376
                        color: #171717;
377
                      "
378
                    >
379
                      Sent by the team at {{ projectName }}{% if projectUrl != '' %} —
380
                      <a
381
                        style="
382
                          -webkit-text-size-adjust: 100%;
383
                          -ms-text-size-adjust: 100%;
384
                          text-decoration: underline;
385
                          color: #171717;
386
                        "
387
                        href="{{ projectUrl }}"
388
                        target="_blank"
389
                        >Manage Your Account</a
390
                      >{% endif %}<br />
391
                      {% block footer %}{% endblock %}
392
                    </p>
393
                  </td>
394
                </tr>
395
              </tbody>
396
            </table>
397
            <!--[if (gte mso 9)|(IE)]>
398
					</td>
399
					</tr>
400
					</table>
401
					<![endif]-->
402
          </td>
403
        </tr>
404
      </tbody>
405
    </table>
406
  </body>
407
</html>
408

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.