From 27d060fd5f2db5c64b816b92ba1a56b92fadd021 Mon Sep 17 00:00:00 2001 From: Dan Mindru Date: Thu, 12 May 2016 19:42:56 +0200 Subject: [PATCH] Made /examples dir, switched to generic templates in /src #12 --- .../ONEstore/assets/fadeit-logo.png | Bin {src => examples}/ONEstore/assets/type01.png | Bin {src => examples}/ONEstore/conf.js | 4 +- {src => examples}/ONEstore/fadeit.css | 0 {src => examples}/ONEstore/footer.inc.html | 0 {src => examples}/ONEstore/full-mail.html | 0 {src => examples}/ONEstore/head.inc.html | 0 .../ONEstore/signature-reply.html | 0 {src => examples}/ONEstore/signature.html | 0 .../ONEstoreBlack/assets/logo.png | Bin .../ONEstoreBlack/assets/play-logo.png | Bin .../ONEstoreBlack/assets/type03.png | Bin {src => examples}/ONEstoreBlack/conf.js | 4 +- .../ONEstoreBlack/footer.inc.html | 0 .../ONEstoreBlack/full-mail.html | 0 {src => examples}/ONEstoreBlack/head.inc.html | 0 {src => examples}/ONEstoreBlack/play.css | 0 .../ONEstoreBlack/signature-reply.html | 0 .../ONEstoreBlack/signature.html | 0 .../fadeit/assets/fadeit-logo.png | Bin {src => examples}/fadeit/conf.js | 2 +- {src => examples}/fadeit/fadeit.css | 0 {src => examples}/fadeit/footer.inc.html | 0 {src => examples}/fadeit/full-mail.html | 0 {src => examples}/fadeit/head.inc.html | 0 {src => examples}/fadeit/signature-reply.html | 0 {src => examples}/fadeit/signature.html | 0 {src => examples}/play/assets/play-logo.png | Bin {src => examples}/play/conf.js | 2 +- {src => examples}/play/footer.inc.html | 0 {src => examples}/play/head.inc.html | 0 {src => examples}/play/play.css | 0 {src => examples}/play/signature-reply.html | 0 {src => examples}/play/signature.html | 0 src/dark/assets/play-logo.png | Bin 0 -> 4611 bytes src/dark/conf.js | 13 ++ src/dark/footer.inc.html | 36 ++++ src/dark/head.inc.html | 42 +++++ src/dark/play.css | 174 ++++++++++++++++++ src/dark/signature-reply.html | 23 +++ src/dark/signature.html | 14 ++ src/light/assets/fadeit-logo.png | Bin 0 -> 4893 bytes src/light/conf.js | 19 ++ src/light/fadeit.css | 160 ++++++++++++++++ src/light/footer.inc.html | 38 ++++ src/light/full-mail.html | 25 +++ src/light/head.inc.html | 34 ++++ src/light/signature-reply.html | 23 +++ src/light/signature.html | 14 ++ 49 files changed, 621 insertions(+), 6 deletions(-) rename {src => examples}/ONEstore/assets/fadeit-logo.png (100%) rename {src => examples}/ONEstore/assets/type01.png (100%) rename {src => examples}/ONEstore/conf.js (96%) rename {src => examples}/ONEstore/fadeit.css (100%) rename {src => examples}/ONEstore/footer.inc.html (100%) rename {src => examples}/ONEstore/full-mail.html (100%) rename {src => examples}/ONEstore/head.inc.html (100%) rename {src => examples}/ONEstore/signature-reply.html (100%) rename {src => examples}/ONEstore/signature.html (100%) rename {src => examples}/ONEstoreBlack/assets/logo.png (100%) rename {src => examples}/ONEstoreBlack/assets/play-logo.png (100%) rename {src => examples}/ONEstoreBlack/assets/type03.png (100%) rename {src => examples}/ONEstoreBlack/conf.js (96%) rename {src => examples}/ONEstoreBlack/footer.inc.html (100%) rename {src => examples}/ONEstoreBlack/full-mail.html (100%) rename {src => examples}/ONEstoreBlack/head.inc.html (100%) rename {src => examples}/ONEstoreBlack/play.css (100%) rename {src => examples}/ONEstoreBlack/signature-reply.html (100%) rename {src => examples}/ONEstoreBlack/signature.html (100%) rename {src => examples}/fadeit/assets/fadeit-logo.png (100%) rename {src => examples}/fadeit/conf.js (99%) rename {src => examples}/fadeit/fadeit.css (100%) rename {src => examples}/fadeit/footer.inc.html (100%) rename {src => examples}/fadeit/full-mail.html (100%) rename {src => examples}/fadeit/head.inc.html (100%) rename {src => examples}/fadeit/signature-reply.html (100%) rename {src => examples}/fadeit/signature.html (100%) rename {src => examples}/play/assets/play-logo.png (100%) rename {src => examples}/play/conf.js (99%) rename {src => examples}/play/footer.inc.html (100%) rename {src => examples}/play/head.inc.html (100%) rename {src => examples}/play/play.css (100%) rename {src => examples}/play/signature-reply.html (100%) rename {src => examples}/play/signature.html (100%) create mode 100644 src/dark/assets/play-logo.png create mode 100644 src/dark/conf.js create mode 100644 src/dark/footer.inc.html create mode 100644 src/dark/head.inc.html create mode 100644 src/dark/play.css create mode 100644 src/dark/signature-reply.html create mode 100644 src/dark/signature.html create mode 100644 src/light/assets/fadeit-logo.png create mode 100644 src/light/conf.js create mode 100644 src/light/fadeit.css create mode 100644 src/light/footer.inc.html create mode 100644 src/light/full-mail.html create mode 100644 src/light/head.inc.html create mode 100644 src/light/signature-reply.html create mode 100644 src/light/signature.html diff --git a/src/ONEstore/assets/fadeit-logo.png b/examples/ONEstore/assets/fadeit-logo.png similarity index 100% rename from src/ONEstore/assets/fadeit-logo.png rename to examples/ONEstore/assets/fadeit-logo.png diff --git a/src/ONEstore/assets/type01.png b/examples/ONEstore/assets/type01.png similarity index 100% rename from src/ONEstore/assets/type01.png rename to examples/ONEstore/assets/type01.png diff --git a/src/ONEstore/conf.js b/examples/ONEstore/conf.js similarity index 96% rename from src/ONEstore/conf.js rename to examples/ONEstore/conf.js index 5ce2301..30f8436 100644 --- a/src/ONEstore/conf.js +++ b/examples/ONEstore/conf.js @@ -14,8 +14,8 @@ module.exports = [ contactMain: '+82-10-1234-5678 | ', // Wrap phone numbers like this to prevent iOS mail from making them blue. contactMail: 'devhelper@onestore.co.kr', contactSecondary: '성남시 분당구 판교역로 188 SK플래닛 건물 11층', - logoUrl: 'assets/type01.png', + logoUrl: 'assets/type01.png', logoAlt: 'Onestore logo', website: 'http://onesto.re/' } -] \ No newline at end of file +]; \ No newline at end of file diff --git a/src/ONEstore/fadeit.css b/examples/ONEstore/fadeit.css similarity index 100% rename from src/ONEstore/fadeit.css rename to examples/ONEstore/fadeit.css diff --git a/src/ONEstore/footer.inc.html b/examples/ONEstore/footer.inc.html similarity index 100% rename from src/ONEstore/footer.inc.html rename to examples/ONEstore/footer.inc.html diff --git a/src/ONEstore/full-mail.html b/examples/ONEstore/full-mail.html similarity index 100% rename from src/ONEstore/full-mail.html rename to examples/ONEstore/full-mail.html diff --git a/src/ONEstore/head.inc.html b/examples/ONEstore/head.inc.html similarity index 100% rename from src/ONEstore/head.inc.html rename to examples/ONEstore/head.inc.html diff --git a/src/ONEstore/signature-reply.html b/examples/ONEstore/signature-reply.html similarity index 100% rename from src/ONEstore/signature-reply.html rename to examples/ONEstore/signature-reply.html diff --git a/src/ONEstore/signature.html b/examples/ONEstore/signature.html similarity index 100% rename from src/ONEstore/signature.html rename to examples/ONEstore/signature.html diff --git a/src/ONEstoreBlack/assets/logo.png b/examples/ONEstoreBlack/assets/logo.png similarity index 100% rename from src/ONEstoreBlack/assets/logo.png rename to examples/ONEstoreBlack/assets/logo.png diff --git a/src/ONEstoreBlack/assets/play-logo.png b/examples/ONEstoreBlack/assets/play-logo.png similarity index 100% rename from src/ONEstoreBlack/assets/play-logo.png rename to examples/ONEstoreBlack/assets/play-logo.png diff --git a/src/ONEstoreBlack/assets/type03.png b/examples/ONEstoreBlack/assets/type03.png similarity index 100% rename from src/ONEstoreBlack/assets/type03.png rename to examples/ONEstoreBlack/assets/type03.png diff --git a/src/ONEstoreBlack/conf.js b/examples/ONEstoreBlack/conf.js similarity index 96% rename from src/ONEstoreBlack/conf.js rename to examples/ONEstoreBlack/conf.js index 6530f36..6f7fda9 100644 --- a/src/ONEstoreBlack/conf.js +++ b/examples/ONEstoreBlack/conf.js @@ -15,8 +15,8 @@ module.exports = [ contactMail: 'devhelper@onestore.co.kr', // slogan: '\"The 1st integrated Android App store in Korea\"', contactSecondary: '188, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Korea', - logoUrl: 'assets/type03.png', + logoUrl: 'assets/type03.png', logoAlt: 'ONEstore. logo', website: 'http://onesto.re/' } -] \ No newline at end of file +]; \ No newline at end of file diff --git a/src/ONEstoreBlack/footer.inc.html b/examples/ONEstoreBlack/footer.inc.html similarity index 100% rename from src/ONEstoreBlack/footer.inc.html rename to examples/ONEstoreBlack/footer.inc.html diff --git a/src/ONEstoreBlack/full-mail.html b/examples/ONEstoreBlack/full-mail.html similarity index 100% rename from src/ONEstoreBlack/full-mail.html rename to examples/ONEstoreBlack/full-mail.html diff --git a/src/ONEstoreBlack/head.inc.html b/examples/ONEstoreBlack/head.inc.html similarity index 100% rename from src/ONEstoreBlack/head.inc.html rename to examples/ONEstoreBlack/head.inc.html diff --git a/src/ONEstoreBlack/play.css b/examples/ONEstoreBlack/play.css similarity index 100% rename from src/ONEstoreBlack/play.css rename to examples/ONEstoreBlack/play.css diff --git a/src/ONEstoreBlack/signature-reply.html b/examples/ONEstoreBlack/signature-reply.html similarity index 100% rename from src/ONEstoreBlack/signature-reply.html rename to examples/ONEstoreBlack/signature-reply.html diff --git a/src/ONEstoreBlack/signature.html b/examples/ONEstoreBlack/signature.html similarity index 100% rename from src/ONEstoreBlack/signature.html rename to examples/ONEstoreBlack/signature.html diff --git a/src/fadeit/assets/fadeit-logo.png b/examples/fadeit/assets/fadeit-logo.png similarity index 100% rename from src/fadeit/assets/fadeit-logo.png rename to examples/fadeit/assets/fadeit-logo.png diff --git a/src/fadeit/conf.js b/examples/fadeit/conf.js similarity index 99% rename from src/fadeit/conf.js rename to examples/fadeit/conf.js index 30979f6..a1cdc90 100644 --- a/src/fadeit/conf.js +++ b/examples/fadeit/conf.js @@ -16,4 +16,4 @@ module.exports = [ logoAlt: 'fadeit logo', website: 'http://fadeit.dk' } -] \ No newline at end of file +]; \ No newline at end of file diff --git a/src/fadeit/fadeit.css b/examples/fadeit/fadeit.css similarity index 100% rename from src/fadeit/fadeit.css rename to examples/fadeit/fadeit.css diff --git a/src/fadeit/footer.inc.html b/examples/fadeit/footer.inc.html similarity index 100% rename from src/fadeit/footer.inc.html rename to examples/fadeit/footer.inc.html diff --git a/src/fadeit/full-mail.html b/examples/fadeit/full-mail.html similarity index 100% rename from src/fadeit/full-mail.html rename to examples/fadeit/full-mail.html diff --git a/src/fadeit/head.inc.html b/examples/fadeit/head.inc.html similarity index 100% rename from src/fadeit/head.inc.html rename to examples/fadeit/head.inc.html diff --git a/src/fadeit/signature-reply.html b/examples/fadeit/signature-reply.html similarity index 100% rename from src/fadeit/signature-reply.html rename to examples/fadeit/signature-reply.html diff --git a/src/fadeit/signature.html b/examples/fadeit/signature.html similarity index 100% rename from src/fadeit/signature.html rename to examples/fadeit/signature.html diff --git a/src/play/assets/play-logo.png b/examples/play/assets/play-logo.png similarity index 100% rename from src/play/assets/play-logo.png rename to examples/play/assets/play-logo.png diff --git a/src/play/conf.js b/examples/play/conf.js similarity index 99% rename from src/play/conf.js rename to examples/play/conf.js index b24007c..8e4201b 100644 --- a/src/play/conf.js +++ b/examples/play/conf.js @@ -10,4 +10,4 @@ module.exports = [ logoAlt: 'Play. logo', website: 'http://tryplay.dk' } -] \ No newline at end of file +]; \ No newline at end of file diff --git a/src/play/footer.inc.html b/examples/play/footer.inc.html similarity index 100% rename from src/play/footer.inc.html rename to examples/play/footer.inc.html diff --git a/src/play/head.inc.html b/examples/play/head.inc.html similarity index 100% rename from src/play/head.inc.html rename to examples/play/head.inc.html diff --git a/src/play/play.css b/examples/play/play.css similarity index 100% rename from src/play/play.css rename to examples/play/play.css diff --git a/src/play/signature-reply.html b/examples/play/signature-reply.html similarity index 100% rename from src/play/signature-reply.html rename to examples/play/signature-reply.html diff --git a/src/play/signature.html b/examples/play/signature.html similarity index 100% rename from src/play/signature.html rename to examples/play/signature.html diff --git a/src/dark/assets/play-logo.png b/src/dark/assets/play-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..83e17b721354ca041491ebd20be49fbec29a8768 GIT binary patch literal 4611 zcmV+e68!CnP)Px`y-7qtRCodHoez{$)qThBeKWAj?g|K^yR(bSVsH&K!5SLHf*x#;SkyLAG1lO} zmW8yZ0X*i^H2%Sm9Aj-_Okzn$8)I`qJ)+UJN@7T)5s9XyJuxYN0tF7s&defFAh@{8 z&b-^t@6Np0*=2W`Kkv;h?A)_6@6LPo{(krV?)U!g@80{nZKNQ46@*5 zJmNW&K{nzc5WD~i+PiFx#b!BLU!#?pqKvB7TGeyyG)hO6Hf_pPJB>-c(9qD(7JLKBeNFGV7ex*?|KG z>O-OMO2l)c(z-DtCXi+WSN>+%Z}g*9;jcyG?Y{tU>y95kwszXIXo*RQY7F~goDyV!Ym5$u@1Zx} z3%IJXYh;X(UfqT!i=xFUagS)gQ=*Q0LYLd>GFs=d>YB4w#A2~~&;rkA=O3zgTU%R$ zcEXQPz(4C-2I}+!Z}AMT4_hbe{XyNN{x<^58>8{~i*6!u_vFcwclV`H{@q&w zgMy64nCUp7e+4g%(wik1quw;iU9VhsJ;ULy)ZL!%XP$W`G<){kxlWkIQ2GX*)bg3C zwDSYe0v#Ri-hx*9T~ChE#_&bEjSjO0fO#DzL7iR!RL>ZbkRkrb6+y-iAozvA%iAzk4K*84-GJrDABF1ps3`zs{07^zdEARd+Wu z)V-8Saq91sty8l?JNk2^PSH{7S0-Ehy+p8x{QeTnu zbl%STNMw1gd5cX)U2eq?xI*Z-u6dfa-Bc{i{_^)byNpKLZw6p5l0krh49!FFSoHVu z0hlloJFLFG?vbv}_bxJKthy|I7){;Bf2RDt2`8(9GRoigsnB9Xdl@&TBX zl_9^izOL?OH)*co=Rvurwe#tgrAwa{?_K$wPnb9{QHfAmuHWof2wMM1QZrQ5heuUB zC-&Z{a~Gci4Ym}`^H)L%ut$@L?zw>Fg<>d6ukSw5b-8Hx6dirjlBG-UFNWrsnzt9o z_U+p@9y{X)*c{UMF4Oiur7^zmN9E_uo0niH_zR=VH-sKQyO`N(-a}r#WoeDa{{VnJ zp3c{TzIO=f@wp9id&(O=>be6JVCMpssf0Xx;o!>Icw*VX;d zZ`thHxpO7Gf3u~l^=$`Yv5))B!=tx#>()^rrPqm}&b>s!xHrpi=RNo1DiZ}anYfWU z$xIu0>hJB`xzpO8e$YP?Xk=QDou8#iIX zEewDkYv&rjc-Pi8%!QVn;nCdH*a@v4)#c;Zgu(@MFMs*}O9btpobFB;@p(vz=>J=dCC^PVp0dV@^qt2b@h6fRZa zYisN0z-z4VW6{)G#4MWq(W6H>htg` zyEE_#!GKNv>yh7#e0gc(%6SSK@JPAAiwAkdS@ffnbxM#tJlZFNOzSJ~^Zz3+K~UFG z6=UvYn6N(n`2K&vZ$9m@*wfJ5D|E%L%&&#sLCT5J41Io(=L0^%CVS2n)21*VwH7?k>Z1cr#i*cC-+sVv12bDJXPW?b;EgkduuW`DIT#B zKENT5HL0k--|53D&mm0NLP{o;NqMjO%f?ds`R2_Wf=T&zarX26)DYo6qx4~wuL@;c zi(W)?=G|!$-DV}(Q_C4zFAi!nq2t{|-!5L})ioUWc3vO!qee@|?roFN@Ecjgt-80q-A6O#t)roacNrkXmIC6<2a50e8tQfG|O{ z48j(Fv!Vk4n<)pCp(~5nn3ihslqt0`Q^fKpB)IpH@%41haZY&DkAz1dl=|io%}Cu} zrmU&gGZ^(PO8M`7(*^PSB#_OVS=(`o3Ej+Zao71TgjIO+D2@sWyPG5VkUVD+GaC$RJ|>aaaY#Y*LsbH zX`6pw7JS@IbYF{rwo7iYk5Or_N2BpO^QYF61NnapIxqGB%)H9Mn!oNz5p3)vkO@2K zja|xIL9hBh`OUQH6HKjlQ`qJCtU2x7yZ5|kEcTCR#Q&sq(++%QJxAi^`@Li#3rY%`6vj@xJPNy@u90El;hI4gDj zQ6^jOpb}YLF#jvLDeD;Q$?q^R_%Xca(L4*>cE@|OeKl{T+2uO2@9&cae0tntd) zYj)|~lpQjn?`d^)za=?%R7!RW z8k?KzD~!I1^ca|Sn`)FiBXrY4zr_0|9wctl+q)(FLZkh2TU-2qcGOb{eKMcl4=eq% zSS-Gs;rm(k9bPzc!^`o^t&<~>pLyy1 zxXNr3zLx^AZ_&d)DKwGieB?i$cfP$22sfCdv$3=D*e~UMBiTF!SmDab*|^tSOFijS zx;pdRE|r+usNZq9Mug@k zGMhKRt>(RNQr2VKJ_Ka&3(#j%57{cxy{B~Q7?Z5!*uYN;4KJ{OgiBJov0VMOci-=8 zzr$r;CSudXqHXVII`~P1|5KiGNd-VxK|!1NC3|k!^bXQUYsfQ~x8PhyW9&|6Dd@6& z`*z{EM?OeXz+Z5X^*`#gI?>&IA;Q0xa`v6!jzjeCqi!@pR^X5@X=!jXjp0{bfY&d; zc-~H~Js8?;S-A^}V&{G5MCW@KAo1l0AhXArMNEe5snP}jjM2tJjZJZk4*saTRjDt) z%dg-pam@8;oexRvBH?k=_d_rs@L0k$Aqf|PEav;o&8v3UFyrJb!Tl--bL z_MDQ-S|&>%vK(at6P!nQW8`7)cM#Vy$byh+!8G+3nK90j>?}5}ZEbC}YhwkI>nCG# z^F?1ri_MZpvY4Dqc0b-vGGA|%LFTJCizC))eeA5q2sqFaLZe1~&rfGdH025iFH4s) zp-l3QLM9FQ*0Kz;d?glOdfCcjt#T{=YV3RhLv)Vx}(Mw20uJ>)xJSr8xgZl}bI+2t)vI49Pk$tEgSA4Y2(bVKG~va9pgO-)Vq{Tlgm@;^tIH&DOATeR#x tR!2vNIKY*|Fqc5u9qW`XS;M6o{|}YzF+~^7k1YTI002ovPDHLkV1lqKHpu`0 literal 0 HcmV?d00001 diff --git a/src/dark/conf.js b/src/dark/conf.js new file mode 100644 index 0000000..8e4201b --- /dev/null +++ b/src/dark/conf.js @@ -0,0 +1,13 @@ +module.exports = [ + { + id: 'play', + signature: 'Best regards,', + name: 'Jane Whatsmyname', + contactMain: 'Call (45) 81100200 or email us at', // Wrap phone numbers like this to prevent iOS mail from making them blue. + contactMail: 'info@tryplay.dk', + slogan: 'LED Pylon. LED Wall. Digital Signage.', + logoUrl: 'https://informationscreen.com/manage/assets/images/play-logo.png', + logoAlt: 'Play. logo', + website: 'http://tryplay.dk' + } +]; \ No newline at end of file diff --git a/src/dark/footer.inc.html b/src/dark/footer.inc.html new file mode 100644 index 0000000..c70f880 --- /dev/null +++ b/src/dark/footer.inc.html @@ -0,0 +1,36 @@ + + + + + + + + + + + + + +
+
+
+
+ + +
+ + <!-- @echo logoAlt --> + +
+ + + + +
+
+ + +
+ + + \ No newline at end of file diff --git a/src/dark/head.inc.html b/src/dark/head.inc.html new file mode 100644 index 0000000..2197a50 --- /dev/null +++ b/src/dark/head.inc.html @@ -0,0 +1,42 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/dark/play.css b/src/dark/play.css new file mode 100644 index 0000000..5cb61d3 --- /dev/null +++ b/src/dark/play.css @@ -0,0 +1,174 @@ +/* Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. */ + +/* + * ===================================== + * 1. Common styles for general table things. + * ===================================== + */ +img { + max-width: 100%; +} + +body { + -webkit-font-smoothing: antialiased; + -webkit-text-size-adjust: none; +} + +tr{ + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + box-sizing: border-box; + font-size: 14px; + line-height: 22px; +} + +.main{ + /* @todo gulp-inline-css can't use width in percentages */ + /* This style property fucks up the width on OS X, needs to be *JUST* attribute -> + width:100%; */ + /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ + background-color: #ffffff; +} + +.rbcc{ + /* + * rbcc -> reset - border - cellspacing - cellpading + * + * Resets table attributes. + */ + border:0; + cellpadding:0; + cellspacing:0; +} + +.sp{ + /* sp -> space, Separator tr */ + /* @todo gulp-inline-css doesn't add height attrs */ + height: 30px; +} + +.spd{ + /* spd -> space - double, Separator tr */ + /* @todo gulp-inline-css doesn't add height attrs */ + height: 60px; +} + +.gray-hr{ + border-bottom:1px solid #E4E4E4; + border-top:none; + margin-bottom:20px; + margin-top:20px; +} + +a{ + text-decoration: none; + color: #0fade1; +} + +/* + * ================= + * 2. Content styles. + * ================== + */ +.main__welcome{ + color: #000; + padding: 10px 30px 0 30px; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 22px; +} + +.main__content{ + color: #000; + padding: 10px 30px 0 30px; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 14px; +} + + +/* + * ================ + * 3. Footer styles. + * ================ + */ +.footer{ + /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ + background-color: #303030; + padding: 20px 30px 0px 30px; + color: #f5f5f5; + border-top: 8px solid #585858; +} + +.footer a{ + color: #f5f5f5; +} + +.footer--simple{ + padding-bottom: 20px; + /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ + background-color: #FFFFFF; +} + +.footer--simple tr td{ + color: #888; +} + +.footer__main{ + /* @todo gulp-inline-css can't use width in percentages */ + /* This style property fucks up the width on OS X, needs to be *JUST* attribute -> + width:100%; */ +} + +.footer__main__signature{ + font-size: 14px; + color: #f5f5f5; + /* @todo gulp-inline-css doesn't parse align */ + align:left; +} + +.footer__main__col1{ + /* @todo gulp-inline-css can't use width in percentages */ + width:70%; + margin-bottom:40px; + /* @todo gulp-inline-css doesn't parse align */ + align:left; +} + +.footer__main__col1__td{ + color: #9E9E9E; + /* @todo gulp-inline-css doesn't parse align */ + align:left; + padding-top: 15px; +} + +.footer__main__col1__td > span{ + font-size:18px; + margin-bottom:5px; +} + +.footer__main a > span{ + /* Revert apple blue-link style. */ + color: #f5f5f5!important; + text-decoration:none!important; +} + +.footer__main__col2{ + /* @todo gulp-inline-css can't use width in percentages */ + width:30%; + /* @todo gulp-inline-css doesn't parse align */ + align:right; +} + +.footer__main__col2__td{ + font-size: 14px; + color: #f5f5f5; + /* @todo gulp-inline-css doesn't parse align */ + align:right; +} + +.footer__main__col2__td__img{ + border: 0; + padding-left:20px; + max-width: 100%; + max-height:65px; + height: auto; +} \ No newline at end of file diff --git a/src/dark/signature-reply.html b/src/dark/signature-reply.html new file mode 100644 index 0000000..81f6f7a --- /dev/null +++ b/src/dark/signature-reply.html @@ -0,0 +1,23 @@ + + + +
+ + + + + + + +
+ + + + + +
+
+
+
+
+ \ No newline at end of file diff --git a/src/dark/signature.html b/src/dark/signature.html new file mode 100644 index 0000000..a5951b2 --- /dev/null +++ b/src/dark/signature.html @@ -0,0 +1,14 @@ + + + +
+ + + + + + + + +
+ diff --git a/src/light/assets/fadeit-logo.png b/src/light/assets/fadeit-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..1d61548d9f5f61aee55620660d9b64632bc241d6 GIT binary patch literal 4893 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 P00000NkvXXu0mjfhX_gr literal 0 HcmV?d00001 diff --git a/src/light/conf.js b/src/light/conf.js new file mode 100644 index 0000000..a1cdc90 --- /dev/null +++ b/src/light/conf.js @@ -0,0 +1,19 @@ +/* + * NB: for images, if you pass in a relative path ('assets/logo.png'), they will be automatically embedded (base64). If you pass in a URL, it will stay as it is. + */ + +module.exports = [ + { + id: 'fadeit', // Will be appended to the built templates. + signature: 'Yours truly,', + name: 'Jane Whatsmyname', + welcome: 'Hi there,', + introParagraph: 'Thanks for writing up this email.
We are delighted to reply with a responsive template.', + contactMain: 'Call 81100200 or email us at', // Wrap phone numbers like this to prevent iOS mail from making them blue. + contactMail: 'info@fadeit.dk', + contactSecondary: 'Anelystparken 31, DK-8381 Tilst, Aarhus', + logoUrl: 'http://fadeit.dk/src/assets/img/brand/fadeit-logo.png', + logoAlt: 'fadeit logo', + website: 'http://fadeit.dk' + } +]; \ No newline at end of file diff --git a/src/light/fadeit.css b/src/light/fadeit.css new file mode 100644 index 0000000..2b91a8a --- /dev/null +++ b/src/light/fadeit.css @@ -0,0 +1,160 @@ +/* Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. */ + +/* + * ===================================== + * 1. Common styles for general table things. + * ===================================== + */ +img { + max-width: 100%; +} + +body { + -webkit-font-smoothing: antialiased; + -webkit-text-size-adjust: none; +} + +tr{ + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + box-sizing: border-box; + font-size: 14px; + line-height: 20px; +} + +.main{ + /* @todo gulp-inline-css can't use width in percentages */ + /* This style property fucks up the width on OS X, needs to be *JUST* attribute -> + width:100%; */ + /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ + background-color: #ffffff; +} + +.rbcc{ + /* + * rbcc -> reset - border - cellspacing - cellpading + * + * Resets table attributes. + */ + border:0; + cellpadding:0; + cellspacing:0; +} + +.sp{ + /* Separator tr */ + /* @todo gulp-inline-css doesn't add height attrs */ + height: 30px; +} + +.gray-hr{ + border-bottom:1px solid #E4E4E4; + border-top:none; + margin-bottom:20px; + margin-top:20px; +} + +a{ + text-decoration: none; + color: #0fade1; +} + +/* + * ================= + * 2. Content styles. + * ================== + */ +.main__welcome{ + color: #000; + padding: 10px 30px 0 30px; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 22px; +} + +.main__content{ + color: #000; + padding: 10px 30px 0 30px; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 14px; +} + + +/* + * ================ + * 3. Footer styles. + * ================ + */ +.footer{ + /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ + background-color: #f5f5f5; + padding: 20px 30px 0px 30px; + color: #888; + border-top: 8px solid #EAEAEA; +} + +.footer a{ + color: #888; +} + +.footer--simple{ + padding-bottom: 20px; + /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ + background-color: #FFFFFF; +} + +.footer__main{ + /* @todo gulp-inline-css can't use width in percentages */ + /* This style property fucks up the width on OS X, needs to be *JUST* attribute -> + width:100%; */ +} + +.footer__main__signature{ + font-size: 14px; + color: #888; + /* @todo gulp-inline-css doesn't parse align */ + align:left; +} + +.footer__main__col1{ + /* @todo gulp-inline-css can't use width in percentages */ + width:70%; + margin-bottom:30px; + /* @todo gulp-inline-css doesn't parse align */ + align:left; +} + +.footer__main__col1__td{ + font-size: 14px; + color: #888; + /* @todo gulp-inline-css doesn't parse align */ + align:left; +} + +.footer__main a > span{ + /* Revert apple blue-link style. */ + color: #888!important; + text-decoration:none!important; +} + +.footer__main__col2{ + /* @todo gulp-inline-css can't use width in percentages */ + width:30%; + /* @todo gulp-inline-css doesn't parse align */ + align:right; +} + +.footer__main__col2__td{ + font-size: 14px; + color: #888; + /* @todo gulp-inline-css doesn't parse align */ + align:right; +} + +.footer__main__col2__td__img{ + border: 0; + padding-top: 6px; + padding-left:10px; + max-width: 100%; + max-height:38px; + height: auto; +} \ No newline at end of file diff --git a/src/light/footer.inc.html b/src/light/footer.inc.html new file mode 100644 index 0000000..0ce5e38 --- /dev/null +++ b/src/light/footer.inc.html @@ -0,0 +1,38 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + + +
+ +
+ + + + + +
+ + <!-- @echo logoAlt --> + +
+ + + \ No newline at end of file diff --git a/src/light/full-mail.html b/src/light/full-mail.html new file mode 100644 index 0000000..9245d75 --- /dev/null +++ b/src/light/full-mail.html @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ diff --git a/src/light/head.inc.html b/src/light/head.inc.html new file mode 100644 index 0000000..5a6305e --- /dev/null +++ b/src/light/head.inc.html @@ -0,0 +1,34 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/light/signature-reply.html b/src/light/signature-reply.html new file mode 100644 index 0000000..81f6f7a --- /dev/null +++ b/src/light/signature-reply.html @@ -0,0 +1,23 @@ + + + +
+ + + + + + + +
+ + + + + +
+
+
+
+
+ \ No newline at end of file diff --git a/src/light/signature.html b/src/light/signature.html new file mode 100644 index 0000000..a5951b2 --- /dev/null +++ b/src/light/signature.html @@ -0,0 +1,14 @@ + + + +
+ + + + + + + + +
+