mails 0.0.2 → 0.2.0
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/.npmignore +1 -3
- package/LICENSE +1 -1
- package/README.en.md +32 -36
- package/README.md +46 -49
- package/dist/render.js +42 -0
- package/dist/render.js.map +1 -0
- package/libs/render.js +21 -0
- package/package.json +17 -13
- package/README.sample.md +0 -58
- package/bin/cli +0 -3
- package/cli.js +0 -141
- package/index.js +0 -86
- package/package.sample.json +0 -20
- package/styles/basic.css +0 -77
- package/styles/ink.css +0 -548
- package/styles/mails.css +0 -86
- package/templates/basic.html +0 -171
- package/templates/hero.html +0 -228
- package/templates/layout.html +0 -20
- package/templates/newsletter.html +0 -336
- package/templates/one.html +0 -143
- package/templates/sidebar-hero.html +0 -277
- package/templates/sidebar.html +0 -249
|
@@ -1,336 +0,0 @@
|
|
|
1
|
-
{% extends 'layout.html' %}
|
|
2
|
-
|
|
3
|
-
{% block css %}
|
|
4
|
-
<link rel="stylesheet" href="../styles/basic.css" />
|
|
5
|
-
{% endblock %}
|
|
6
|
-
|
|
7
|
-
{% block content %}
|
|
8
|
-
|
|
9
|
-
<table class="row header">
|
|
10
|
-
<tr>
|
|
11
|
-
<td class="center" align="center">
|
|
12
|
-
<center>
|
|
13
|
-
|
|
14
|
-
<table class="container">
|
|
15
|
-
<tr>
|
|
16
|
-
<td class="wrapper last">
|
|
17
|
-
|
|
18
|
-
<table class="twelve columns">
|
|
19
|
-
<tr>
|
|
20
|
-
<td class="six sub-columns">
|
|
21
|
-
<img src="http://placehold.it/200x50">
|
|
22
|
-
</td>
|
|
23
|
-
<td class="six sub-columns last" style="text-align:right; vertical-align:middle;">
|
|
24
|
-
<span class="template-label">NEWSLETTER</span>
|
|
25
|
-
</td>
|
|
26
|
-
|
|
27
|
-
</tr>
|
|
28
|
-
</table>
|
|
29
|
-
|
|
30
|
-
</td>
|
|
31
|
-
</tr>
|
|
32
|
-
</table>
|
|
33
|
-
|
|
34
|
-
</center>
|
|
35
|
-
</td>
|
|
36
|
-
</tr>
|
|
37
|
-
</table>
|
|
38
|
-
|
|
39
|
-
<br>
|
|
40
|
-
|
|
41
|
-
<table class="container">
|
|
42
|
-
<tr>
|
|
43
|
-
<td>
|
|
44
|
-
|
|
45
|
-
<!-- content start -->
|
|
46
|
-
<table class="row">
|
|
47
|
-
<tr>
|
|
48
|
-
<td class="wrapper last">
|
|
49
|
-
|
|
50
|
-
<table class="twelve columns">
|
|
51
|
-
<tr>
|
|
52
|
-
<td>
|
|
53
|
-
<h3>Great Scott!</h3>
|
|
54
|
-
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
|
|
55
|
-
<img width="580" height="300" src="http://placehold.it/580x300">
|
|
56
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
57
|
-
</td>
|
|
58
|
-
<td class="expander"></td>
|
|
59
|
-
</tr>
|
|
60
|
-
</table>
|
|
61
|
-
|
|
62
|
-
</td>
|
|
63
|
-
</tr>
|
|
64
|
-
</table>
|
|
65
|
-
|
|
66
|
-
<!-- Article List 1 -->
|
|
67
|
-
<table class="row">
|
|
68
|
-
<tr>
|
|
69
|
-
<td class="wrapper">
|
|
70
|
-
|
|
71
|
-
<table class="twelve columns">
|
|
72
|
-
<tr>
|
|
73
|
-
<td class="three sub-columns">
|
|
74
|
-
<!-- Top Left sub-grid -->
|
|
75
|
-
<img width="110" height="110" src="http://placehold.it/110x110">
|
|
76
|
-
</td>
|
|
77
|
-
<td class="nine sub-columns last">
|
|
78
|
-
<!-- Top Right sub-grid -->
|
|
79
|
-
<h5>Title Ipsum <small>This is a note.</small></h5>
|
|
80
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
81
|
-
|
|
82
|
-
<!-- custom wrapped button -->
|
|
83
|
-
<table width="150">
|
|
84
|
-
<tr>
|
|
85
|
-
<td>
|
|
86
|
-
|
|
87
|
-
<a class="button" href="#">
|
|
88
|
-
<table>
|
|
89
|
-
<tr>
|
|
90
|
-
<td>
|
|
91
|
-
Clickity Click »
|
|
92
|
-
</td>
|
|
93
|
-
</tr>
|
|
94
|
-
</table>
|
|
95
|
-
</a>
|
|
96
|
-
|
|
97
|
-
</td>
|
|
98
|
-
</tr>
|
|
99
|
-
</table>
|
|
100
|
-
|
|
101
|
-
</td>
|
|
102
|
-
<td class="expander"></td>
|
|
103
|
-
</tr>
|
|
104
|
-
</table>
|
|
105
|
-
|
|
106
|
-
<table class="twelve columns">
|
|
107
|
-
<tr>
|
|
108
|
-
<td class="three sub-columns">
|
|
109
|
-
<!-- Top Left sub-grid -->
|
|
110
|
-
<img width="110" height="110" src="http://placehold.it/110x110">
|
|
111
|
-
</td>
|
|
112
|
-
<td class="nine sub-columns last">
|
|
113
|
-
<!-- Top Right sub-grid -->
|
|
114
|
-
<h5>Title Ipsum <small>This is a note.</small></h5>
|
|
115
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
116
|
-
|
|
117
|
-
<!-- custom wrapped button -->
|
|
118
|
-
<table width="150">
|
|
119
|
-
<tr>
|
|
120
|
-
<td>
|
|
121
|
-
|
|
122
|
-
<a class="button" href="#">
|
|
123
|
-
<table>
|
|
124
|
-
<tr>
|
|
125
|
-
<td>
|
|
126
|
-
Clickity Click »
|
|
127
|
-
</td>
|
|
128
|
-
</tr>
|
|
129
|
-
</table>
|
|
130
|
-
</a>
|
|
131
|
-
|
|
132
|
-
</td>
|
|
133
|
-
</tr>
|
|
134
|
-
</table>
|
|
135
|
-
|
|
136
|
-
</td>
|
|
137
|
-
<td class="expander"></td>
|
|
138
|
-
</tr>
|
|
139
|
-
</table>
|
|
140
|
-
|
|
141
|
-
</td>
|
|
142
|
-
</tr>
|
|
143
|
-
</table>
|
|
144
|
-
|
|
145
|
-
<!-- Panel with call to action -->
|
|
146
|
-
<table class="row callout">
|
|
147
|
-
<tr>
|
|
148
|
-
|
|
149
|
-
<td class="wrapper last">
|
|
150
|
-
<table class="twelve columns">
|
|
151
|
-
<tr>
|
|
152
|
-
<td class="panel">
|
|
153
|
-
<p>Phasellus dictum sapien a neque luctus cursus. Pellentesque sem dolor, fringilla et pharetra vitae. <a href="#">Click it! »</a></p>
|
|
154
|
-
</td>
|
|
155
|
-
<td class="expander"></td>
|
|
156
|
-
</tr>
|
|
157
|
-
</table>
|
|
158
|
-
</td>
|
|
159
|
-
|
|
160
|
-
</tr>
|
|
161
|
-
</table>
|
|
162
|
-
<br>
|
|
163
|
-
<!-- Article List 2 -->
|
|
164
|
-
<table class="row">
|
|
165
|
-
<tr>
|
|
166
|
-
<td class="wrapper">
|
|
167
|
-
|
|
168
|
-
<table class="twelve columns">
|
|
169
|
-
<tr>
|
|
170
|
-
<td class="three sub-columns">
|
|
171
|
-
<!-- Top Left sub-grid -->
|
|
172
|
-
<img width="110" height="110" src="http://placehold.it/110x110">
|
|
173
|
-
</td>
|
|
174
|
-
<td class="nine sub-columns last">
|
|
175
|
-
<!-- Top Right sub-grid -->
|
|
176
|
-
<h5>Title Ipsum <small>This is a note.</small></h5>
|
|
177
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
178
|
-
|
|
179
|
-
<!-- custom wrapped button -->
|
|
180
|
-
<table width="150">
|
|
181
|
-
<tr>
|
|
182
|
-
<td>
|
|
183
|
-
|
|
184
|
-
<a class="button" href="#">
|
|
185
|
-
<table>
|
|
186
|
-
<tr>
|
|
187
|
-
<td>
|
|
188
|
-
Clickity Click »
|
|
189
|
-
</td>
|
|
190
|
-
</tr>
|
|
191
|
-
</table>
|
|
192
|
-
</a>
|
|
193
|
-
|
|
194
|
-
</td>
|
|
195
|
-
</tr>
|
|
196
|
-
</table>
|
|
197
|
-
|
|
198
|
-
</td>
|
|
199
|
-
<td class="expander"></td>
|
|
200
|
-
</tr>
|
|
201
|
-
</table>
|
|
202
|
-
|
|
203
|
-
<table class="twelve columns">
|
|
204
|
-
<tr>
|
|
205
|
-
<td class="three sub-columns">
|
|
206
|
-
<!-- Top Left sub-grid -->
|
|
207
|
-
<img width="110" height="110" src="http://placehold.it/110x110">
|
|
208
|
-
</td>
|
|
209
|
-
<td class="nine sub-columns last">
|
|
210
|
-
<!-- Top Right sub-grid -->
|
|
211
|
-
<h5>Title Ipsum <small>This is a note.</small></h5>
|
|
212
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
213
|
-
|
|
214
|
-
<!-- custom wrapped button -->
|
|
215
|
-
<table width="150">
|
|
216
|
-
<tr>
|
|
217
|
-
<td>
|
|
218
|
-
|
|
219
|
-
<a class="button" href="#">
|
|
220
|
-
<table>
|
|
221
|
-
<tr>
|
|
222
|
-
<td>
|
|
223
|
-
Clickity Click »
|
|
224
|
-
</td>
|
|
225
|
-
</tr>
|
|
226
|
-
</table>
|
|
227
|
-
</a>
|
|
228
|
-
|
|
229
|
-
</td>
|
|
230
|
-
</tr>
|
|
231
|
-
</table>
|
|
232
|
-
|
|
233
|
-
</td>
|
|
234
|
-
<td class="expander"></td>
|
|
235
|
-
</tr>
|
|
236
|
-
</table>
|
|
237
|
-
|
|
238
|
-
</td>
|
|
239
|
-
</tr>
|
|
240
|
-
</table>
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
<table class="row footer">
|
|
245
|
-
<tr>
|
|
246
|
-
<td class="wrapper">
|
|
247
|
-
|
|
248
|
-
<table class="six columns">
|
|
249
|
-
<tr>
|
|
250
|
-
<td class="left-text-pad">
|
|
251
|
-
|
|
252
|
-
<h5>Connect With Us:</h5>
|
|
253
|
-
|
|
254
|
-
<a class="tiny-button facebook" href="#">
|
|
255
|
-
<table>
|
|
256
|
-
<tr>
|
|
257
|
-
<td>
|
|
258
|
-
Facebook
|
|
259
|
-
</td>
|
|
260
|
-
</tr>
|
|
261
|
-
</table>
|
|
262
|
-
</a>
|
|
263
|
-
|
|
264
|
-
<br>
|
|
265
|
-
|
|
266
|
-
<a class="tiny-button twitter" href="#">
|
|
267
|
-
<table>
|
|
268
|
-
<tr>
|
|
269
|
-
<td>
|
|
270
|
-
Twitter
|
|
271
|
-
</td>
|
|
272
|
-
</tr>
|
|
273
|
-
</table>
|
|
274
|
-
</a>
|
|
275
|
-
|
|
276
|
-
<br>
|
|
277
|
-
|
|
278
|
-
<a class="tiny-button google-plus" href="#">
|
|
279
|
-
<table>
|
|
280
|
-
<tr>
|
|
281
|
-
<td>
|
|
282
|
-
Google +
|
|
283
|
-
</td>
|
|
284
|
-
</tr>
|
|
285
|
-
</table>
|
|
286
|
-
</a>
|
|
287
|
-
|
|
288
|
-
</td>
|
|
289
|
-
<td class="expander"></td>
|
|
290
|
-
</tr>
|
|
291
|
-
</table>
|
|
292
|
-
|
|
293
|
-
</td>
|
|
294
|
-
<td class="wrapper last">
|
|
295
|
-
|
|
296
|
-
<table class="six columns">
|
|
297
|
-
<tr>
|
|
298
|
-
<td class="last right-text-pad">
|
|
299
|
-
<h5>Contact Info:</h5>
|
|
300
|
-
<p>Phone: 408.341.0600</p>
|
|
301
|
-
<p>Email: <a href="mailto:hseldon@trantor.com">hseldon@trantor.com</a></p>
|
|
302
|
-
</td>
|
|
303
|
-
<td class="expander"></td>
|
|
304
|
-
</tr>
|
|
305
|
-
</table>
|
|
306
|
-
|
|
307
|
-
</td>
|
|
308
|
-
</tr>
|
|
309
|
-
</table>
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
<table class="row">
|
|
313
|
-
<tr>
|
|
314
|
-
<td class="wrapper last">
|
|
315
|
-
|
|
316
|
-
<table class="twelve columns">
|
|
317
|
-
<tr>
|
|
318
|
-
<td align="center">
|
|
319
|
-
<center>
|
|
320
|
-
<p style="text-align:center;"><a href="#">Terms</a> | <a href="#">Privacy</a> | <a href="#"><unsubscribe>Unsubscribe</unsubscribe></a></p>
|
|
321
|
-
</center>
|
|
322
|
-
</td>
|
|
323
|
-
<td class="expander"></td>
|
|
324
|
-
</tr>
|
|
325
|
-
</table>
|
|
326
|
-
|
|
327
|
-
</td>
|
|
328
|
-
</tr>
|
|
329
|
-
</table>
|
|
330
|
-
|
|
331
|
-
<!-- container end below -->
|
|
332
|
-
</td>
|
|
333
|
-
</tr>
|
|
334
|
-
</table>
|
|
335
|
-
|
|
336
|
-
{% endblock %}
|
package/templates/one.html
DELETED
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
{% extends 'layout.html' %}
|
|
2
|
-
|
|
3
|
-
{% block css %}
|
|
4
|
-
<link rel="stylesheet" href="../styles/mails.css" />
|
|
5
|
-
{% endblock %}
|
|
6
|
-
|
|
7
|
-
{% block content %}
|
|
8
|
-
|
|
9
|
-
<table class="row header">
|
|
10
|
-
<tr>
|
|
11
|
-
<td class="center" align="center">
|
|
12
|
-
<center>
|
|
13
|
-
|
|
14
|
-
<table class="container">
|
|
15
|
-
<tr>
|
|
16
|
-
<td class="wrapper last">
|
|
17
|
-
|
|
18
|
-
<table class="twelve columns">
|
|
19
|
-
<tr>
|
|
20
|
-
|
|
21
|
-
<td class="six sub-columns">
|
|
22
|
-
<img src="{{site.logo}}" title="{{site.name}}" alt="{{site.name}}">
|
|
23
|
-
</td>
|
|
24
|
-
<td class="six sub-columns last" align="right" style="text-align:right; vertical-align:middle;">
|
|
25
|
-
<span class="template-label">{{site.desc}}</span>
|
|
26
|
-
</td>
|
|
27
|
-
<td class="expander"></td>
|
|
28
|
-
|
|
29
|
-
</tr>
|
|
30
|
-
</table>
|
|
31
|
-
|
|
32
|
-
</td>
|
|
33
|
-
</tr>
|
|
34
|
-
</table>
|
|
35
|
-
|
|
36
|
-
</center>
|
|
37
|
-
</td>
|
|
38
|
-
</tr>
|
|
39
|
-
</table>
|
|
40
|
-
<br>
|
|
41
|
-
|
|
42
|
-
<table class="container">
|
|
43
|
-
<tr>
|
|
44
|
-
<td>
|
|
45
|
-
|
|
46
|
-
<!-- content start -->
|
|
47
|
-
<table class="row">
|
|
48
|
-
<tr>
|
|
49
|
-
<td class="wrapper last">
|
|
50
|
-
|
|
51
|
-
<table class="twelve columns">
|
|
52
|
-
<tr>
|
|
53
|
-
<td>
|
|
54
|
-
|
|
55
|
-
<h3 class="title">{{title}}</h3>
|
|
56
|
-
<p class="lead desc">{{desc}}</p>
|
|
57
|
-
<img width="580" height="300" src="{{banner}}">
|
|
58
|
-
|
|
59
|
-
</td>
|
|
60
|
-
<td class="expander"></td>
|
|
61
|
-
</tr>
|
|
62
|
-
</table>
|
|
63
|
-
|
|
64
|
-
</td>
|
|
65
|
-
</tr>
|
|
66
|
-
</table>
|
|
67
|
-
|
|
68
|
-
<table class="row">
|
|
69
|
-
<tr>
|
|
70
|
-
<td class="wrapper last">
|
|
71
|
-
|
|
72
|
-
<table class="twelve columns">
|
|
73
|
-
<tr>
|
|
74
|
-
<td>
|
|
75
|
-
|
|
76
|
-
<h3>{{content.title}} <small>{{content.desc}}</small></h3>
|
|
77
|
-
<p>{{content.main}}</p>
|
|
78
|
-
|
|
79
|
-
</td>
|
|
80
|
-
<td class="expander"></td>
|
|
81
|
-
</tr>
|
|
82
|
-
</table>
|
|
83
|
-
|
|
84
|
-
</td>
|
|
85
|
-
</tr>
|
|
86
|
-
</table>
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
<table class="row">
|
|
90
|
-
<tr>
|
|
91
|
-
<td class="wrapper last">
|
|
92
|
-
|
|
93
|
-
<table class="three columns">
|
|
94
|
-
<tr>
|
|
95
|
-
<td>
|
|
96
|
-
|
|
97
|
-
<a class="button" href="{{content.link.href}}">
|
|
98
|
-
<table>
|
|
99
|
-
<tr>
|
|
100
|
-
<td>
|
|
101
|
-
{{content.link.text}}
|
|
102
|
-
</td>
|
|
103
|
-
</tr>
|
|
104
|
-
</table>
|
|
105
|
-
</a>
|
|
106
|
-
|
|
107
|
-
</td>
|
|
108
|
-
<td class="expander"></td>
|
|
109
|
-
</tr>
|
|
110
|
-
</table>
|
|
111
|
-
|
|
112
|
-
</td>
|
|
113
|
-
</tr>
|
|
114
|
-
</table>
|
|
115
|
-
|
|
116
|
-
<table class="row">
|
|
117
|
-
<tr>
|
|
118
|
-
<td class="wrapper last">
|
|
119
|
-
|
|
120
|
-
<table class="twelve columns">
|
|
121
|
-
<tr>
|
|
122
|
-
<td align="center">
|
|
123
|
-
<center>
|
|
124
|
-
<p style="text-align:center;">
|
|
125
|
-
{% for key,value in footer %}
|
|
126
|
-
<a href="{{value}}">{{key}}</a>
|
|
127
|
-
{% endfor %}
|
|
128
|
-
</center>
|
|
129
|
-
</td>
|
|
130
|
-
<td class="expander"></td>
|
|
131
|
-
</tr>
|
|
132
|
-
</table>
|
|
133
|
-
|
|
134
|
-
</td>
|
|
135
|
-
</tr>
|
|
136
|
-
</table>
|
|
137
|
-
|
|
138
|
-
<!-- container end below -->
|
|
139
|
-
</td>
|
|
140
|
-
</tr>
|
|
141
|
-
</table>
|
|
142
|
-
|
|
143
|
-
{% endblock %}
|