wco_email 0.1.1.42 → 0.1.1.44

Sign up to get free protection for your applications and to get access to all the features.
Files changed (36) hide show
  1. checksums.yaml +4 -4
  2. data/app/controllers/wco_email/email_templates_controller.rb +0 -2
  3. data/app/controllers/wco_email/obfuscated_redirects_controller.rb +1 -2
  4. data/app/views/wco_email/contexts/_form_reply.haml +2 -1
  5. data/app/views/wco_email/email_templates/_index_expanded.haml +1 -0
  6. data/config/routes.rb +0 -5
  7. metadata +3 -30
  8. data/app/views/wco_email/application_mailer/_footer_unsubscribe.html.erb +0 -24
  9. data/app/views/wco_email/application_mailer/_header_logo.html.erb +0 -12
  10. data/app/views/wco_email/application_mailer/forwarder_notify.html.erb-trash +0 -17
  11. data/app/views/wco_email/email_layouts/_plain.haml +0 -18
  12. data/app/views/wco_email/email_templates/_m20221201react.html.erb +0 -1202
  13. data/app/views/wco_email/email_templates/_m20221222merryxmas.html.erb +0 -766
  14. data/app/views/wco_email/email_templates/_m202309_feedback.html.erb +0 -1161
  15. data/app/views/wco_email/email_templates/_m202309_ror4.html.erb +0 -1068
  16. data/app/views/wco_email/email_templates/_marketing_node_1.html.erb +0 -984
  17. data/app/views/wco_email/email_templates/_marketing_react_1.html +0 -0
  18. data/app/views/wco_email/email_templates/_marketing_react_2.html.erb +0 -749
  19. data/app/views/wco_email/email_templates/_marketing_react_3.html.erb +0 -628
  20. data/app/views/wco_email/email_templates/_marketing_ror_1.html +0 -751
  21. data/app/views/wco_email/email_templates/_marketing_ror_2.html.erb +0 -755
  22. data/app/views/wco_email/email_templates/_marketing_ror_3.html.erb +0 -25
  23. data/app/views/wco_email/email_templates/_marketing_ror_4.html.erb +0 -25
  24. data/app/views/wco_email/email_templates/_marketing_ror_5.html.erb +0 -17
  25. data/app/views/wco_email/email_templates/_marketing_wordpress_1.html +0 -0
  26. data/app/views/wco_email/email_templates/_marketing_wordpress_2.html +0 -0
  27. data/app/views/wco_email/email_templates/_piousbox_roundborders.html.erb +0 -1007
  28. data/app/views/wco_email/email_templates/_rec_resume_shared_with_you.html.erb +0 -39
  29. data/app/views/wco_email/email_templates/_slug-1.html.erb +0 -0
  30. data/app/views/wco_email/email_templates/_slug-2.html.erb +0 -0
  31. data/app/views/wco_email/email_templates/_slug-3.html.erb +0 -0
  32. data/app/views/wco_email/email_templates/_wasyaco_roundborders.html.erb +0 -686
  33. data/app/views/wco_email/unsubscribes/_header.haml +0 -4
  34. data/app/views/wco_email/unsubscribes/_table.haml +0 -22
  35. /data/app/controllers/wco_email/{unsubscribes_controller.rb → unsubscribes_controller.rb-trash} +0 -0
  36. /data/app/views/wco_email/email_templates/{_plain.haml → _plain.haml-trash} +0 -0
@@ -1,1007 +0,0 @@
1
-
2
- <!doctype html>
3
- <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" >
4
- <head>
5
- <!-- NAME: 1 COLUMN -->
6
- <!--[if gte mso 15]>
7
- <xml>
8
- <o:OfficeDocumentSettings>
9
- <o:AllowPNG/>
10
- <o:PixelsPerInch>96</o:PixelsPerInch>
11
- </o:OfficeDocumentSettings>
12
- </xml>
13
- <![endif]-->
14
- <meta charset="UTF-8">
15
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
16
- <meta name="viewport" content="width=device-width, initial-scale=1">
17
- <title>*|MC:SUBJECT|*</title>
18
-
19
- <style type="text/css">
20
- .mcnTextBlock {
21
- color: #999;
22
- }
23
-
24
- p {
25
- margin: 10px 0;
26
- padding: 0;
27
- }
28
-
29
- table {
30
- border-collapse: collapse;
31
- }
32
-
33
- h1,
34
- h2,
35
- h3,
36
- h4,
37
- h5,
38
- h6 {
39
- display: block;
40
- margin: 0;
41
- padding: 0;
42
- }
43
-
44
- img,
45
- a img {
46
- border: 0;
47
- height: auto;
48
- outline: none;
49
- text-decoration: none;
50
- }
51
-
52
- body,
53
- #bodyTable,
54
- #bodyCell {
55
- height: 100%;
56
- margin: 0;
57
- padding: 0;
58
- width: 100%;
59
- }
60
-
61
- .mcnPreviewText {
62
- display: none !important;
63
- }
64
-
65
- #outlook a {
66
- padding: 0;
67
- }
68
-
69
- img {
70
- -ms-interpolation-mode: bicubic;
71
- }
72
-
73
- table {
74
- mso-table-lspace: 0pt;
75
- mso-table-rspace: 0pt;
76
- }
77
-
78
- .ReadMsgBody {
79
- width: 100%;
80
- }
81
-
82
- .ExternalClass {
83
- width: 100%;
84
- }
85
-
86
- p,
87
- a,
88
- li,
89
- td,
90
- blockquote {
91
- mso-line-height-rule: exactly;
92
- }
93
-
94
- a[href^=tel],
95
- a[href^=sms] {
96
- color: inherit;
97
- cursor: default;
98
- text-decoration: none;
99
- }
100
-
101
- p,
102
- a,
103
- li,
104
- td,
105
- body,
106
- table,
107
- blockquote {
108
- -ms-text-size-adjust: 100%;
109
- -webkit-text-size-adjust: 100%;
110
- }
111
-
112
- .ExternalClass,
113
- .ExternalClass p,
114
- .ExternalClass td,
115
- .ExternalClass div,
116
- .ExternalClass span,
117
- .ExternalClass font {
118
- line-height: 100%;
119
- }
120
-
121
- a[x-apple-data-detectors] {
122
- color: inherit !important;
123
- text-decoration: none !important;
124
- font-size: inherit !important;
125
- font-family: inherit !important;
126
- font-weight: inherit !important;
127
- line-height: inherit !important;
128
- }
129
-
130
- #bodyCell {
131
- padding: 10px;
132
- }
133
-
134
- .templateContainer {
135
- max-width: 600px !important;
136
- }
137
-
138
- a.mcnButton {
139
- display: block;
140
- }
141
-
142
- .mcnImage,
143
- .mcnRetinaImage {
144
- vertical-align: bottom;
145
- }
146
-
147
- .mcnTextContent {
148
- word-break: break-word;
149
- }
150
-
151
- .mcnTextContent img {
152
- height: auto !important;
153
- }
154
-
155
- .mcnDividerBlock {
156
- table-layout: fixed !important;
157
- }
158
-
159
- /*
160
- @tab Page
161
- @section Background Style
162
- @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
163
- */
164
- body,
165
- #bodyTable {
166
- /*@editable*/
167
- background-color: #fff;
168
- }
169
-
170
- /*
171
- @tab Page
172
- @section Background Style
173
- @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
174
- */
175
- #bodyCell {
176
- /*@editable*/
177
- border-top: 0;
178
- }
179
-
180
- /*
181
- @tab Page
182
- @section Email Border
183
- @tip Set the border for your email.
184
- */
185
- .templateContainer {
186
- }
187
-
188
- /*
189
- @tab Page
190
- @section Heading 1
191
- @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
192
- @style heading 1
193
- */
194
- h1 {
195
-
196
- /*@editable*/
197
- font-family: Helvetica;
198
- /*@editable*/
199
- font-size: 26px;
200
- /*@editable*/
201
- font-style: normal;
202
- /*@editable*/
203
- font-weight: bold;
204
- /*@editable*/
205
- line-height: 125%;
206
- /*@editable*/
207
- letter-spacing: normal;
208
- /*@editable*/
209
- text-align: left;
210
- }
211
-
212
- /*
213
- @tab Page
214
- @section Heading 2
215
- @tip Set the styling for all second-level headings in your emails.
216
- @style heading 2
217
- */
218
- h2 {
219
- /*@editable*/
220
- color: #202020;
221
- /*@editable*/
222
- font-family: Helvetica;
223
- /*@editable*/
224
- font-size: 22px;
225
- /*@editable*/
226
- font-style: normal;
227
- /*@editable*/
228
- font-weight: bold;
229
- /*@editable*/
230
- line-height: 125%;
231
- /*@editable*/
232
- letter-spacing: normal;
233
- /*@editable*/
234
- text-align: left;
235
- }
236
-
237
- /*
238
- @tab Page
239
- @section Heading 3
240
- @tip Set the styling for all third-level headings in your emails.
241
- @style heading 3
242
- */
243
- h3 {
244
- /*@editable*/
245
- color: #202020;
246
- /*@editable*/
247
- font-family: Helvetica;
248
- /*@editable*/
249
- font-size: 20px;
250
- /*@editable*/
251
- font-style: normal;
252
- /*@editable*/
253
- font-weight: bold;
254
- /*@editable*/
255
- line-height: 125%;
256
- /*@editable*/
257
- letter-spacing: normal;
258
- /*@editable*/
259
- text-align: left;
260
- }
261
-
262
- /*
263
- @tab Page
264
- @section Heading 4
265
- @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
266
- @style heading 4
267
- */
268
- h4 {
269
- /*@editable*/
270
- color: #202020;
271
- /*@editable*/
272
- font-family: Helvetica;
273
- /*@editable*/
274
- font-size: 18px;
275
- /*@editable*/
276
- font-style: normal;
277
- /*@editable*/
278
- font-weight: bold;
279
- /*@editable*/
280
- line-height: 125%;
281
- /*@editable*/
282
- letter-spacing: normal;
283
- /*@editable*/
284
- text-align: left;
285
- }
286
-
287
- /*
288
- @tab Preheader
289
- @section Preheader Style
290
- @tip Set the background color and borders for your email's preheader area.
291
- */
292
- #templatePreheader {
293
- /*@editable*/
294
- background-color: transparent;
295
- /*@editable*/
296
- background-image: none;
297
- /*@editable*/
298
- background-repeat: no-repeat;
299
- /*@editable*/
300
- background-position: center;
301
- /*@editable*/
302
- background-size: cover;
303
- /*@editable*/
304
- border-top: 0;
305
- /*@editable*/
306
- border-bottom: 0;
307
- /*@editable*/
308
- padding-top: 9px;
309
- /*@editable*/
310
- padding-bottom: 9px;
311
- }
312
-
313
- /*
314
- @tab Preheader
315
- @section Preheader Text
316
- @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
317
- */
318
- #templatePreheader .mcnTextContent,
319
- #templatePreheader .mcnTextContent p {
320
- /*@editable*/
321
- color: #656565;
322
- /*@editable*/
323
- font-family: Helvetica;
324
- /*@editable*/
325
- font-size: 12px;
326
- /*@editable*/
327
- line-height: 150%;
328
- /*@editable*/
329
- text-align: left;
330
- }
331
-
332
- /*
333
- @tab Preheader
334
- @section Preheader Link
335
- @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
336
- */
337
- #templatePreheader .mcnTextContent a,
338
- #templatePreheader .mcnTextContent p a {
339
- /*@editable*/
340
- color: #656565;
341
- /*@editable*/
342
- font-weight: normal;
343
- /*@editable*/
344
- text-decoration: underline;
345
- }
346
-
347
- /*
348
- @tab Header
349
- @section Header Style
350
- @tip Set the background color and borders for your email's header area.
351
- */
352
- #templateHeader {
353
- /*@editable*/
354
- background-color: #FFFFFF;
355
- /*@editable*/
356
- background-image: none;
357
- /*@editable*/
358
- background-repeat: no-repeat;
359
- /*@editable*/
360
- background-position: center;
361
- /*@editable*/
362
- background-size: cover;
363
- /*@editable*/
364
- border-top: 0;
365
- /*@editable*/
366
- border-bottom: 0;
367
- /*@editable*/
368
- padding-top: 9px;
369
- /*@editable*/
370
- padding-bottom: 0;
371
- }
372
-
373
- /*
374
- @tab Header
375
- @section Header Text
376
- @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
377
- */
378
- #templateHeader .mcnTextContent,
379
- #templateHeader .mcnTextContent p {
380
- /*@editable*/
381
- color: #202020;
382
- /*@editable*/
383
- font-family: Helvetica;
384
- /*@editable*/
385
- font-size: 16px;
386
- /*@editable*/
387
- line-height: 150%;
388
- /*@editable*/
389
- text-align: left;
390
- }
391
-
392
- /*
393
- @tab Header
394
- @section Header Link
395
- @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
396
- */
397
- #templateHeader .mcnTextContent a,
398
- #templateHeader .mcnTextContent p a {
399
- /*@editable*/
400
- color: #007C89;
401
- /*@editable*/
402
- font-weight: normal;
403
- /*@editable*/
404
- text-decoration: underline;
405
- }
406
-
407
- /*
408
- @tab Body
409
- @section Body Style
410
- @tip Set the background color and borders for your email's body area.
411
- */
412
- #templateBody {
413
- /*@editable*/
414
- background-color: #FFFFFF;
415
- /*@editable*/
416
- background-image: none;
417
- /*@editable*/
418
- background-repeat: no-repeat;
419
- /*@editable*/
420
- background-position: center;
421
- /*@editable*/
422
- background-size: cover;
423
- /*@editable*/
424
- border-top: 0;
425
- /*@editable*/
426
- border-bottom: 2px solid #EAEAEA;
427
- /*@editable*/
428
- padding-top: 0;
429
- /*@editable*/
430
- padding-bottom: 9px;
431
- }
432
-
433
- /*
434
- @tab Body
435
- @section Body Text
436
- @tip Set the styling for your email's body text. Choose a size and color that is easy to read.
437
- */
438
- #templateBody .mcnTextContent,
439
- #templateBody .mcnTextContent p {
440
- /*@editable*/
441
- color: #202020;
442
- /*@editable*/
443
- font-family: Helvetica;
444
- /*@editable*/
445
- font-size: 16px;
446
- /*@editable*/
447
- line-height: 150%;
448
- /*@editable*/
449
- text-align: left;
450
- }
451
-
452
- /*
453
- @tab Body
454
- @section Body Link
455
- @tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
456
- */
457
- #templateBody .mcnTextContent a,
458
- #templateBody .mcnTextContent p a {
459
- /*@editable*/
460
- color: #007C89;
461
- /*@editable*/
462
- font-weight: normal;
463
- /*@editable*/
464
- text-decoration: underline;
465
- }
466
-
467
- /*
468
- @tab Footer
469
- @section Footer Style
470
- @tip Set the background color and borders for your email's footer area.
471
- */
472
- #templateFooter {
473
- /*@editable*/
474
- background-color: #FAFAFA;
475
- /*@editable*/
476
- background-image: none;
477
- /*@editable*/
478
- background-repeat: no-repeat;
479
- /*@editable*/
480
- background-position: center;
481
- /*@editable*/
482
- background-size: cover;
483
- /*@editable*/
484
- border-top: 0;
485
- /*@editable*/
486
- border-bottom: 0;
487
- /*@editable*/
488
- padding-top: 9px;
489
- /*@editable*/
490
- padding-bottom: 9px;
491
- }
492
-
493
- /*
494
- @tab Footer
495
- @section Footer Text
496
- @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
497
- */
498
- #templateFooter .mcnTextContent,
499
- #templateFooter .mcnTextContent p {
500
- /*@editable*/
501
- color: #656565;
502
- /*@editable*/
503
- font-family: Helvetica;
504
- /*@editable*/
505
- font-size: 12px;
506
- /*@editable*/
507
- line-height: 150%;
508
- }
509
-
510
- /*
511
- @tab Footer
512
- @section Footer Link
513
- @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
514
- */
515
- #templateFooter .mcnTextContent a,
516
- #templateFooter .mcnTextContent p a {
517
- /*@editable*/
518
- color: #656565;
519
- /*@editable*/
520
- font-weight: normal;
521
- /*@editable*/
522
- text-decoration: underline;
523
- }
524
-
525
- @media only screen and (min-width:768px) {
526
- .templateContainer {
527
- width: 600px !important;
528
- }
529
-
530
- }
531
-
532
- @media only screen and (max-width: 480px) {
533
-
534
- body,
535
- table,
536
- td,
537
- p,
538
- a,
539
- li,
540
- blockquote {
541
- -webkit-text-size-adjust: none !important;
542
- }
543
-
544
- }
545
-
546
- @media only screen and (max-width: 480px) {
547
- body {
548
- width: 100% !important;
549
- min-width: 100% !important;
550
- }
551
-
552
- }
553
-
554
- @media only screen and (max-width: 480px) {
555
- .mcnRetinaImage {
556
- max-width: 100% !important;
557
- }
558
-
559
- }
560
-
561
- @media only screen and (max-width: 480px) {
562
- .mcnImage {
563
- width: 100% !important;
564
- }
565
-
566
- }
567
-
568
- @media only screen and (max-width: 480px) {
569
-
570
- .mcnCartContainer,
571
- .mcnCaptionTopContent,
572
- .mcnRecContentContainer,
573
- .mcnCaptionBottomContent,
574
- .mcnTextContentContainer,
575
- .mcnBoxedTextContentContainer,
576
- .mcnImageGroupContentContainer,
577
- .mcnCaptionLeftTextContentContainer,
578
- .mcnCaptionRightTextContentContainer,
579
- .mcnCaptionLeftImageContentContainer,
580
- .mcnCaptionRightImageContentContainer,
581
- .mcnImageCardLeftTextContentContainer,
582
- .mcnImageCardRightTextContentContainer,
583
- .mcnImageCardLeftImageContentContainer,
584
- .mcnImageCardRightImageContentContainer {
585
- max-width: 100% !important;
586
- width: 100% !important;
587
- }
588
-
589
- }
590
-
591
- @media only screen and (max-width: 480px) {
592
- .mcnBoxedTextContentContainer {
593
- min-width: 100% !important;
594
- }
595
-
596
- }
597
-
598
- @media only screen and (max-width: 480px) {
599
- .mcnImageGroupContent {
600
- padding: 9px !important;
601
- }
602
-
603
- }
604
-
605
- @media only screen and (max-width: 480px) {
606
-
607
- .mcnCaptionLeftContentOuter .mcnTextContent,
608
- .mcnCaptionRightContentOuter .mcnTextContent {
609
- padding-top: 9px !important;
610
- }
611
-
612
- }
613
-
614
- @media only screen and (max-width: 480px) {
615
-
616
- .mcnImageCardTopImageContent,
617
- .mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,
618
- .mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent {
619
- padding-top: 18px !important;
620
- }
621
-
622
- }
623
-
624
- @media only screen and (max-width: 480px) {
625
- .mcnImageCardBottomImageContent {
626
- padding-bottom: 9px !important;
627
- }
628
-
629
- }
630
-
631
- @media only screen and (max-width: 480px) {
632
- .mcnImageGroupBlockInner {
633
- padding-top: 0 !important;
634
- padding-bottom: 0 !important;
635
- }
636
-
637
- }
638
-
639
- @media only screen and (max-width: 480px) {
640
- .mcnImageGroupBlockOuter {
641
- padding-top: 9px !important;
642
- padding-bottom: 9px !important;
643
- }
644
-
645
- }
646
-
647
- @media only screen and (max-width: 480px) {
648
-
649
- .mcnTextContent,
650
- .mcnBoxedTextContentColumn {
651
- padding-right: 18px !important;
652
- padding-left: 18px !important;
653
- }
654
-
655
- }
656
-
657
- @media only screen and (max-width: 480px) {
658
-
659
- .mcnImageCardLeftImageContent,
660
- .mcnImageCardRightImageContent {
661
- padding-right: 18px !important;
662
- padding-bottom: 0 !important;
663
- padding-left: 18px !important;
664
- }
665
-
666
- }
667
-
668
- @media only screen and (max-width: 480px) {
669
- .mcpreview-image-uploader {
670
- display: none !important;
671
- width: 100% !important;
672
- }
673
-
674
- }
675
-
676
- @media only screen and (max-width: 480px) {
677
-
678
- /*
679
- @tab Mobile Styles
680
- @section Heading 1
681
- @tip Make the first-level headings larger in size for better readability on small screens.
682
- */
683
- h1 {
684
- /*@editable*/
685
- font-size: 22px !important;
686
- /*@editable*/
687
- line-height: 125% !important;
688
- }
689
-
690
- }
691
-
692
- @media only screen and (max-width: 480px) {
693
-
694
- /*
695
- @tab Mobile Styles
696
- @section Heading 2
697
- @tip Make the second-level headings larger in size for better readability on small screens.
698
- */
699
- h2 {
700
- /*@editable*/
701
- font-size: 20px !important;
702
- /*@editable*/
703
- line-height: 125% !important;
704
- }
705
-
706
- }
707
-
708
- @media only screen and (max-width: 480px) {
709
-
710
- /*
711
- @tab Mobile Styles
712
- @section Heading 3
713
- @tip Make the third-level headings larger in size for better readability on small screens.
714
- */
715
- h3 {
716
- /*@editable*/
717
- font-size: 18px !important;
718
- /*@editable*/
719
- line-height: 125% !important;
720
- }
721
-
722
- }
723
-
724
- @media only screen and (max-width: 480px) {
725
-
726
- /*
727
- @tab Mobile Styles
728
- @section Heading 4
729
- @tip Make the fourth-level headings larger in size for better readability on small screens.
730
- */
731
- h4 {
732
- /*@editable*/
733
- font-size: 16px !important;
734
- /*@editable*/
735
- line-height: 150% !important;
736
- }
737
-
738
- }
739
-
740
- @media only screen and (max-width: 480px) {
741
-
742
- /*
743
- @tab Mobile Styles
744
- @section Boxed Text
745
- @tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
746
- */
747
- .mcnBoxedTextContentContainer .mcnTextContent,
748
- .mcnBoxedTextContentContainer .mcnTextContent p {
749
- /*@editable*/
750
- font-size: 14px !important;
751
- /*@editable*/
752
- line-height: 150% !important;
753
- }
754
-
755
- }
756
-
757
- @media only screen and (max-width: 480px) {
758
-
759
- /*
760
- @tab Mobile Styles
761
- @section Preheader Visibility
762
- @tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
763
- */
764
- #templatePreheader {
765
- /*@editable*/
766
- display: block !important;
767
- }
768
-
769
- }
770
-
771
- @media only screen and (max-width: 480px) {
772
-
773
- /*
774
- @tab Mobile Styles
775
- @section Preheader Text
776
- @tip Make the preheader text larger in size for better readability on small screens.
777
- */
778
- #templatePreheader .mcnTextContent,
779
- #templatePreheader .mcnTextContent p {
780
- /*@editable*/
781
- font-size: 14px !important;
782
- /*@editable*/
783
- line-height: 150% !important;
784
- }
785
-
786
- }
787
-
788
- @media only screen and (max-width: 480px) {
789
-
790
- /*
791
- @tab Mobile Styles
792
- @section Header Text
793
- @tip Make the header text larger in size for better readability on small screens.
794
- */
795
- #templateHeader .mcnTextContent,
796
- #templateHeader .mcnTextContent p {
797
- /*@editable*/
798
- font-size: 16px !important;
799
- /*@editable*/
800
- line-height: 150% !important;
801
- }
802
-
803
- }
804
-
805
- @media only screen and (max-width: 480px) {
806
-
807
- /*
808
- @tab Mobile Styles
809
- @section Body Text
810
- @tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
811
- */
812
- #templateBody .mcnTextContent,
813
- #templateBody .mcnTextContent p {
814
- /*@editable*/
815
- font-size: 16px !important;
816
- /*@editable*/
817
- line-height: 150% !important;
818
- }
819
-
820
- }
821
-
822
- @media only screen and (max-width: 480px) {
823
-
824
- /*
825
- @tab Mobile Styles
826
- @section Footer Text
827
- @tip Make the footer content text larger in size for better readability on small screens.
828
- */
829
- #templateFooter .mcnTextContent,
830
- #templateFooter .mcnTextContent p {
831
- /*@editable*/
832
- font-size: 14px !important;
833
- /*@editable*/
834
- line-height: 150% !important;
835
- }
836
-
837
- }
838
- </style>
839
- </head>
840
-
841
- <body>
842
-
843
- <!--*|IF:MC_PREVIEW_TEXT|*-->
844
- <!--[if !gte mso 9]><span class="mcnPreviewText"
845
- style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;"
846
- >*|MC_PREVIEW_TEXT|*</span>
847
- <!--<![endif]-->
848
- <!--*|END:IF|*-->
849
-
850
- <center>
851
- <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
852
- <tr>
853
- <td align="center" valign="top" id="bodyCell">
854
-
855
- <!-- BEGIN TEMPLATE // -->
856
-
857
- <!--[if (gte mso 9)|(IE)]>
858
- <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
859
- <tr>
860
- <td align="center" valign="top" width="600" style="width:600px;">
861
- <![endif]-->
862
-
863
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
864
- <tr>
865
- <td valign="top" id="templatePreheader"></td>
866
- </tr>
867
- <tr>
868
- <td valign="top" id="templateHeader">
869
-
870
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
871
- style="min-width:100%;">
872
- <tbody class="mcnImageBlockOuter">
873
- <tr>
874
- <td valign="top" style="padding:9px" class="mcnImageBlockInner">
875
-
876
- <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0"
877
- class="mcnImageContentContainer" style="min-width:100%;">
878
- <tbody>
879
- <tr>
880
- <td class="mcnImageContent" valign="top" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;">
881
- <!-- <img align="center" alt="piousbox-logo" src="*|BRAND:LOGO|*" width="196"
882
- style="max-width:196px; padding-bottom: 0; display: inline !important; vertical-align: bottom;"
883
- class="mcnImage"> -->
884
- - p i o u s b o x -
885
- </td>
886
- </tr>
887
- </tbody>
888
- </table>
889
-
890
- </td>
891
- </tr>
892
- </tbody>
893
- </table>
894
-
895
- </td>
896
- </tr>
897
- <tr>
898
- <td valign="top" id="templateBody">
899
-
900
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
901
- <tbody class="mcnTextBlockOuter">
902
- <tr>
903
- <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
904
- <!--[if mso]>
905
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
906
- <tr>
907
- <td valign="top" width="299" style="width:299px;">
908
- <![endif]-->
909
-
910
- <div style="border: 2px solid #999; border-radius: 4px; padding: 1em; margin-bottom: 1em;">
911
- <!-- herehere -->
912
- <%== ERB.new(@tmpl.body).result((@ctx||@tmpl).get_binding) %>
913
-
914
- </div>
915
-
916
- <!--[if mso]>
917
- </td>
918
- </tr>
919
- </table>
920
- <![endif]-->
921
- </td>
922
- </tr>
923
- </tbody>
924
- </table>
925
-
926
- </td>
927
- </tr>
928
- <tr>
929
- <td valign="top" id="templateFooter">
930
-
931
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
932
- style="min-width:100%;">
933
- <tbody class="mcnTextBlockOuter">
934
- <tr>
935
- <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
936
-
937
- <!--[if mso]>
938
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
939
- <tr>
940
- <td valign="top" width="299" style="width:299px;">
941
- <![endif]-->
942
-
943
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:299px;"
944
- width="100%" class="mcnTextContentContainer">
945
- <tbody>
946
- <tr>
947
-
948
- <td valign="top" class="mcnTextContent"
949
- style="padding-top:0; padding-left:18px; padding-bottom:9px; padding-right:18px;">
950
-
951
- <span style="font-family:roboto,helvetica neue,helvetica,arial,sans-serif">Victor
952
- Pudeyev<br>
953
- Software Engineering Lead<br>
954
- <a href="mailto:victor@piousbox.com"
955
- target="_blank">victor@piousbox.com</a>&nbsp;|&nbsp;<a
956
- href="https://wasya.co/w/c2" target="_blank">Book a chat</a></span>
957
- </td>
958
- </tr>
959
- </tbody>
960
- </table>
961
-
962
- <!--[if mso]>
963
- </td>
964
- <td valign="top" width="299" style="width:299px;">
965
- <![endif]-->
966
-
967
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:299px;"
968
- width="100%" class="mcnTextContentContainer">
969
- <tbody>
970
- <tr>
971
- <td valign="top" class="mcnTextContent" style="padding-top:0; padding-left:18px; padding-bottom:9px; padding-right:18px;">
972
-
973
- <%= render '/wco_email/email_templates/piousbox_social' %>
974
-
975
- </td>
976
- </tr>
977
- </tbody>
978
- </table>
979
-
980
- <!--[if mso]>
981
- </td>
982
- </tr>
983
- </table>
984
- <![endif]-->
985
-
986
- </td>
987
- </tr>
988
- </tbody>
989
- </table>
990
-
991
-
992
- </td>
993
- </tr>
994
- </table>
995
- <!--[if (gte mso 9)|(IE)]>
996
- </td>
997
- </tr>
998
- </table>
999
- <![endif]-->
1000
- <!-- // END TEMPLATE -->
1001
- </td>
1002
- </tr>
1003
- </table>
1004
- </center>
1005
- </body>
1006
-
1007
- </html>