testio-tailwind 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -12,14 +12,16 @@ html(lang="en")
|
|
|
12
12
|
title test IO
|
|
13
13
|
meta(content='width=device-width', name='viewport')
|
|
14
14
|
style(type='text/css').
|
|
15
|
+
|
|
16
|
+
/* RESET STYLES */
|
|
15
17
|
#outlook a {
|
|
16
|
-
|
|
18
|
+
padding: 0;
|
|
17
19
|
}
|
|
18
20
|
.ReadMsgBody {
|
|
19
|
-
|
|
21
|
+
width: 100%;
|
|
20
22
|
}
|
|
21
23
|
.ExternalClass {
|
|
22
|
-
|
|
24
|
+
width: 100%;
|
|
23
25
|
}
|
|
24
26
|
.ExternalClass,
|
|
25
27
|
.ExternalClass p,
|
|
@@ -27,35 +29,37 @@ html(lang="en")
|
|
|
27
29
|
.ExternalClass font,
|
|
28
30
|
.ExternalClass td,
|
|
29
31
|
.ExternalClass div {
|
|
30
|
-
|
|
32
|
+
line-height: 100%;
|
|
31
33
|
}
|
|
32
34
|
body,
|
|
33
35
|
table,
|
|
34
36
|
td,
|
|
35
37
|
a {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
+
-webkit-text-size-adjust: 100%;
|
|
39
|
+
-ms-text-size-adjust: 100%;
|
|
38
40
|
}
|
|
39
41
|
/* Prevent WebKit and Windows mobile changing default text sizes */
|
|
40
42
|
table,
|
|
41
43
|
td {}
|
|
42
44
|
/* Remove spacing between tables in Outlook 2007 and up */
|
|
43
45
|
img {
|
|
44
|
-
|
|
46
|
+
-ms-interpolation-mode: bicubic;
|
|
45
47
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
48
|
+
|
|
49
|
+
.appleBody a {
|
|
50
|
+
color: #68440a;
|
|
51
|
+
text-decoration: none;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.appleFooter a {
|
|
55
|
+
color: #999999;
|
|
53
56
|
text-decoration: none;
|
|
54
|
-
display: block;
|
|
55
|
-
margin-bottom: 20px;
|
|
56
|
-
max-width: 500px;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
+
/*/// Custom styles ///*/
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
59
63
|
table {
|
|
60
64
|
border-collapse: collapse !important;
|
|
61
65
|
}
|
|
@@ -68,23 +72,73 @@ html(lang="en")
|
|
|
68
72
|
background-color: #222222;
|
|
69
73
|
}
|
|
70
74
|
|
|
75
|
+
h1,
|
|
76
|
+
h2,
|
|
77
|
+
h3,
|
|
78
|
+
h4,
|
|
79
|
+
h5,
|
|
80
|
+
h6 {
|
|
81
|
+
color: #1d1d1d;
|
|
82
|
+
line-height: 1.5;
|
|
83
|
+
padding: 0 0 0 0;
|
|
84
|
+
margin-bottom: 15px;
|
|
85
|
+
text-align: left;
|
|
86
|
+
}
|
|
87
|
+
h1 {
|
|
88
|
+
font-weight: 300 !important;
|
|
89
|
+
font-size: 35px !important;
|
|
90
|
+
line-height: 38px !important;
|
|
91
|
+
margin-top: 0;
|
|
92
|
+
}
|
|
93
|
+
h2 {
|
|
94
|
+
font-weight: 300 !important;
|
|
95
|
+
font-size: 25px !important;
|
|
96
|
+
line-height: 28px !important;
|
|
97
|
+
}
|
|
98
|
+
h3 {
|
|
99
|
+
font-weight: 300 !important;
|
|
100
|
+
font-size: 22px !important;
|
|
101
|
+
line-height: 22px !important;
|
|
102
|
+
}
|
|
103
|
+
p {
|
|
104
|
+
font-weight: 400;
|
|
105
|
+
font-size: 16px;
|
|
106
|
+
line-height: 24px;
|
|
107
|
+
padding: 0 0 15px 0;
|
|
108
|
+
color: #5f656d;
|
|
109
|
+
text-align: left;
|
|
110
|
+
}
|
|
111
|
+
img {
|
|
112
|
+
border: 0;
|
|
113
|
+
height: auto;
|
|
114
|
+
line-height: 100%;
|
|
115
|
+
outline: none;
|
|
116
|
+
text-decoration: none;
|
|
117
|
+
display: block;
|
|
118
|
+
margin-bottom: 20px;
|
|
119
|
+
width: 100%;
|
|
120
|
+
max-width: 500px;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.mobile-padding {
|
|
124
|
+
width: 100%;
|
|
125
|
+
padding-left: 15px;
|
|
126
|
+
padding-right: 15px;
|
|
127
|
+
}
|
|
128
|
+
|
|
71
129
|
.email-wrapper {
|
|
72
130
|
max-width: 600px;
|
|
73
|
-
background-color: #ffffff;
|
|
74
131
|
}
|
|
75
132
|
|
|
76
133
|
.email-header {
|
|
77
|
-
|
|
78
|
-
width: 500px;
|
|
79
|
-
background-position: center;
|
|
80
|
-
background-repeat: no-repeat;
|
|
81
|
-
background-color: #222222;
|
|
134
|
+
padding-top: 20px;
|
|
82
135
|
}
|
|
83
136
|
|
|
84
137
|
.emailheader-logo {
|
|
85
138
|
display: block;
|
|
86
139
|
width: 280px;
|
|
87
140
|
height: 64px;
|
|
141
|
+
max-width: 100%;
|
|
88
142
|
}
|
|
89
143
|
|
|
90
144
|
.space-logo-container {
|
|
@@ -101,8 +155,8 @@ html(lang="en")
|
|
|
101
155
|
}
|
|
102
156
|
|
|
103
157
|
.space-logo {
|
|
158
|
+
width: 100%;
|
|
104
159
|
height: auto;
|
|
105
|
-
width: auto;
|
|
106
160
|
max-width: 300px;
|
|
107
161
|
max-height: 150px;
|
|
108
162
|
margin-bottom: 0;
|
|
@@ -117,76 +171,72 @@ html(lang="en")
|
|
|
117
171
|
}
|
|
118
172
|
|
|
119
173
|
.email-footer {
|
|
120
|
-
height: 250px;
|
|
121
174
|
width: 100%;
|
|
122
175
|
background-position: center;
|
|
123
176
|
background-repeat: no-repeat;
|
|
124
177
|
background-color: #181818;
|
|
178
|
+
font-size: 12px;
|
|
179
|
+
line-height: 18px;
|
|
180
|
+
font-family: Helvetica, Arial, sans-serif;
|
|
181
|
+
color:#666666;
|
|
125
182
|
}
|
|
126
183
|
|
|
127
|
-
|
|
184
|
+
.email-footer a {
|
|
185
|
+
color: #78EAC1
|
|
186
|
+
}
|
|
128
187
|
|
|
129
|
-
.
|
|
130
|
-
|
|
131
|
-
text-decoration: none;
|
|
188
|
+
.footer-wrapper {
|
|
189
|
+
padding: 20px 0;
|
|
132
190
|
}
|
|
133
191
|
|
|
134
|
-
.
|
|
135
|
-
|
|
136
|
-
|
|
192
|
+
.footer-logo {
|
|
193
|
+
display: block;
|
|
194
|
+
height: 40px;
|
|
195
|
+
width: auto;
|
|
196
|
+
padding-top: 20px;
|
|
137
197
|
}
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
h4,
|
|
143
|
-
h5,
|
|
144
|
-
h6 {
|
|
145
|
-
color: #1d1d1d;
|
|
146
|
-
line-height: 1.5;
|
|
147
|
-
padding: 0 0 0 0;
|
|
148
|
-
margin-bottom: 15px;
|
|
149
|
-
text-align: left;
|
|
198
|
+
|
|
199
|
+
.text-poweredby {
|
|
200
|
+
padding-top: 20px;
|
|
201
|
+
text-align: right;
|
|
150
202
|
}
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
margin-top: 0;
|
|
203
|
+
|
|
204
|
+
.footer-links {
|
|
205
|
+
text-align: center;
|
|
206
|
+
padding-bottom: 20px;
|
|
156
207
|
}
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
208
|
+
|
|
209
|
+
.footer-links a {
|
|
210
|
+
padding-left: 10px;
|
|
211
|
+
padding-right: 10px;
|
|
161
212
|
}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
213
|
+
|
|
214
|
+
.footer-disclaimer {
|
|
215
|
+
display: block;
|
|
216
|
+
padding-bottom: 10px;
|
|
217
|
+
text-align: center;
|
|
166
218
|
}
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
color: #
|
|
173
|
-
|
|
219
|
+
|
|
220
|
+
.unsubscribe-wrapper {
|
|
221
|
+
display: block;
|
|
222
|
+
padding: 10px 10px;
|
|
223
|
+
text-align: center;
|
|
224
|
+
background-color: #1d1d1d;
|
|
225
|
+
border-top: 1px solid #5f656d;
|
|
226
|
+
font-size: 12px;
|
|
227
|
+
line-height: 18px;
|
|
228
|
+
font-family: Helvetica, Arial, sans-serif;
|
|
229
|
+
color:#666666;
|
|
174
230
|
}
|
|
231
|
+
|
|
175
232
|
.unsubscribe-wrapper a {
|
|
176
|
-
|
|
177
|
-
}
|
|
178
|
-
.unsubscribe-wrapper {
|
|
179
|
-
display: block;
|
|
180
|
-
padding: 10px 0;
|
|
181
|
-
color: #5f656d;
|
|
182
|
-
text-align: right;
|
|
183
|
-
background-color: #1d1d1d;
|
|
184
|
-
border-top: 1px solid #5f656d;
|
|
233
|
+
color: #78EAC1
|
|
185
234
|
}
|
|
186
235
|
.unsubscribe-link {
|
|
187
236
|
color: #666666;
|
|
188
237
|
margin-right: 40px;
|
|
189
238
|
}
|
|
239
|
+
|
|
190
240
|
a.email-button {
|
|
191
241
|
display: block;
|
|
192
242
|
min-height: 25px;
|
|
@@ -251,52 +301,62 @@ html(lang="en")
|
|
|
251
301
|
}
|
|
252
302
|
|
|
253
303
|
|
|
254
|
-
table(border='0', cellpadding='0', cellspacing='0', width='100%')
|
|
255
|
-
tr
|
|
256
|
-
td.mobile-padding(align='center', vertical-align='top', width='100%', bgcolor='#181818', style="background-size: cover; padding: 35px 15px 0 15px;")
|
|
257
|
-
table(align='center', border='0', cellpadding='0', cellspacing='0', width='100%', style='max-width:600px;')
|
|
258
|
-
tr
|
|
259
|
-
td.space-logo-container(align='center')
|
|
260
|
-
img.space-logo(src='/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png', alt='Logo')
|
|
261
304
|
body
|
|
262
305
|
table(border='0', cellpadding='0', cellspacing='0', width='100%')
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
306
|
+
tr
|
|
307
|
+
td.mobile-padding.email-header
|
|
308
|
+
table.email-wrapper(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
|
|
309
|
+
tr
|
|
310
|
+
td.space-logo-container(align='center')
|
|
311
|
+
img.space-logo(src='/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png', alt='Logo')
|
|
312
|
+
table(border='0', cellpadding='0', cellspacing='0', width='100%')
|
|
313
|
+
tr
|
|
314
|
+
td.mobile-padding
|
|
315
|
+
table.email-wrapper(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
|
|
316
|
+
tr
|
|
317
|
+
td.email-content(align='center')
|
|
318
|
+
h1 Here's the main h1 heading
|
|
319
|
+
p
|
|
320
|
+
strong Strong subheadline with some lorem ipsum
|
|
321
|
+
p
|
|
322
|
+
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer feugiat facilisis purus at scelerisque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam tincidunt porttitor eros, vitae vestibulum dui facilisis eu. Cras eu ipsum lacus. Integer faucibus iaculis lorem, quis pretium leo rhoncus eget. Duis sodales tincidunt est a pretium. Nunc orci nisl, dignissim non pretium sed, fermentum vel purus. Sed quis enim rhoncus leo dapibus molestie in eu risus. Sed tincidunt tristique urna. Nullam accumsan tincidunt sem vitae fermentum. Nunc est nulla, adipiscing et laoreet nec,
|
|
323
|
+
a(target='_blank', href='http://testinator.ai') convallis vel ante
|
|
324
|
+
| . Quisque cursus, odio ac pharetra tristique, diam felis lobortis orci, at blandit sem mauris eget lacus. Ut placerat posuere lacus, nec suscipit libero iaculis in.
|
|
325
|
+
a.email-button(href='#') email-button
|
|
326
|
+
img(src='/assets/images/placeholders/Approaches-desktop.png')
|
|
327
|
+
h2 Here's an h2 heading for structuring the content
|
|
328
|
+
p Fusce eget augue quam. Maecenas vehicula ligula in nibh dapibus sollicitudin. Donec eget vulputate mauris. Duis fringilla nunc vitae quam euismod non interdum orci aliquet. Duis at lacus erat, sed ultricies felis. Phasellus faucibus mauris vel odio iaculis ullamcorper. In hac habitasse platea dictumst. Integer id odio justo. Ut a ligula arcu. Vestibulum nec quam justo. Suspendisse molestie neque a enim accumsan auctor ornare lacus pellentesque. Praesent vitae lectus vitae sapien scelerisque auctor.
|
|
329
|
+
p Here's an announcement message containing facilisis auctor dolor, et fringilla turpis suscipit et. Pellentesque ipsum risus, vehicula eu rutrum non, ornare aliquam lectus. Donec sed tortor ut quam ultrices tincidunt. Sed sagittis tincidunt pulvinar.
|
|
330
|
+
h3 H3 New announcements
|
|
331
|
+
p.email-card
|
|
332
|
+
| A card containing some very important: Ut facilisis auctor dolor, et fringilla turpis suscipit et. Pellentesque ipsum risus, vehicula eu rutrum non, ornare aliquam lectus. Donec sed tortor ut quam ultrices tincidunt. Sed sagittis tincidunt pulvinar.
|
|
333
|
+
a.intercom-h2b-button(href='#') intercom-h2b-button
|
|
334
|
+
table.email-footer(border='0', cellpadding='0', cellspacing='0', width='100%')
|
|
335
|
+
tr
|
|
336
|
+
td.mobile-padding
|
|
337
|
+
table.email-wrapper(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
|
|
338
|
+
tr
|
|
339
|
+
td
|
|
340
|
+
a(target='_blank', href='http://testinator.ai')
|
|
341
|
+
img.footer-logo(src='/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png', alt='Logo')
|
|
342
|
+
td(align='right')
|
|
343
|
+
p.text-poweredby Powered by Test IO | EPAM
|
|
344
|
+
table.email-wrapper(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
|
|
345
|
+
tr(align='center')
|
|
346
|
+
td.mobile-padding
|
|
347
|
+
.footer-disclaimer
|
|
348
|
+
| This email and its contents are intended for informational purposes only. By submitting your email address, you consented to receive communications related to your Testinator demo test. We respect your privacy and handle your data in accordance with applicable data protection laws, including the General Data Protection Regulation (GDPR). Learn more in our
|
|
349
|
+
a(target='_blank', href='https://test.io/dataprivacy') Privacy Policy
|
|
350
|
+
| .
|
|
351
|
+
tr
|
|
352
|
+
td.footer-links(align='center')
|
|
353
|
+
a(target='_blank', href='https://test.io/dataprivacy') data privacy
|
|
354
|
+
a(target='_blank', href='https://test.io/ai-in-qa/testinator') about
|
|
355
|
+
a(target='_blank', href='https://test.io/policies') terms
|
|
287
356
|
table(width='100%', cellspacing='0', cellpadding='0', border='0')
|
|
288
|
-
tbody
|
|
289
|
-
tr.email-footer(align='center')
|
|
290
|
-
td
|
|
291
|
-
table(align='center', cellpadding='0', cellspacing='0', border='0', width='600')
|
|
292
|
-
tbody
|
|
293
|
-
tr
|
|
294
|
-
td(style='padding: 10px 0 10px 30px; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;', valign='middle', align='left')
|
|
295
|
-
a(target='_blank', href='http://testinator.ai')
|
|
296
|
-
img(style='display: block;', height='30', width='190', src='/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png', alt='Logo')
|
|
297
|
-
td(style='padding: 10px 0 10px 30px; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;', valign='middle', align='left')
|
|
298
|
-
p Powered by Test IO | EPAM
|
|
299
357
|
tr
|
|
300
358
|
td
|
|
301
|
-
.unsubscribe-wrapper
|
|
302
|
-
|
|
|
359
|
+
.unsubscribe-wrapper
|
|
360
|
+
| If you received this email in error or would like to request to access, update, or delete your data, you can
|
|
361
|
+
a(target='_blank', href='mailto:testinator@test.io') contact us
|
|
362
|
+
| anytime.
|