diff --git a/dist/ONEstore/full-mail-ONEstore.html b/dist/ONEstore/full-mail-ONEstore.html new file mode 100644 index 0000000..fd10a82 --- /dev/null +++ b/dist/ONEstore/full-mail-ONEstore.html @@ -0,0 +1 @@ +
안녕하세요. 박주형 매니저 입니다.
Thanks for writing up this email.
We are delighted to reply with a responsive template.
\ No newline at end of file diff --git a/dist/ONEstore/signature-ONEstore.html b/dist/ONEstore/signature-ONEstore.html new file mode 100644 index 0000000..dd64d4f --- /dev/null +++ b/dist/ONEstore/signature-ONEstore.html @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/dist/ONEstore/signature-reply-ONEstore.html b/dist/ONEstore/signature-reply-ONEstore.html new file mode 100644 index 0000000..7ea7e0a --- /dev/null +++ b/dist/ONEstore/signature-reply-ONEstore.html @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/dist/ONEstoreBlack/signature-ONEstoreBlack.html b/dist/ONEstoreBlack/signature-ONEstoreBlack.html new file mode 100644 index 0000000..a70648c --- /dev/null +++ b/dist/ONEstoreBlack/signature-ONEstoreBlack.html @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/dist/ONEstoreBlack/signature-reply-ONEstoreBlack.html b/dist/ONEstoreBlack/signature-reply-ONEstoreBlack.html new file mode 100644 index 0000000..fb049dd --- /dev/null +++ b/dist/ONEstoreBlack/signature-reply-ONEstoreBlack.html @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/dist/fadeit/full-mail-fadeit.html b/dist/fadeit/full-mail-fadeit.html index 5517e71..7fffe53 100644 --- a/dist/fadeit/full-mail-fadeit.html +++ b/dist/fadeit/full-mail-fadeit.html @@ -1 +1 @@ -
Hi there,
Thanks for writing up this email.
We are delighted to reply with a responsive template.
\ No newline at end of file +
Hi there,
Thanks for writing up this email.
We are delighted to reply with a responsive template.
\ No newline at end of file diff --git a/dist/fadeit/signature-fadeit.html b/dist/fadeit/signature-fadeit.html index de4b63e..c63e29f 100644 --- a/dist/fadeit/signature-fadeit.html +++ b/dist/fadeit/signature-fadeit.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/fadeit/signature-reply-fadeit.html b/dist/fadeit/signature-reply-fadeit.html index 67097bf..216c78f 100644 --- a/dist/fadeit/signature-reply-fadeit.html +++ b/dist/fadeit/signature-reply-fadeit.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/play/signature-play.html b/dist/play/signature-play.html index 41ab445..dd7096b 100644 --- a/dist/play/signature-play.html +++ b/dist/play/signature-play.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/play/signature-reply-play.html b/dist/play/signature-reply-play.html index 7b86e0f..bf12fb1 100644 --- a/dist/play/signature-reply-play.html +++ b/dist/play/signature-reply-play.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index e50fe7e..80449e7 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,4 +1,4 @@ -'use strict'; +// 'use strict'; var gulp = require('gulp'), wrench = require('wrench'); diff --git a/package.json b/package.json index 910a58c..03426fa 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "homepage": "https://github.com/fadeit/responsive-html-email-signature#readme", "devDependencies": { "del": "^2.2.0", - "gulp": "^3.9.0", + "gulp": "^3.9.1", "gulp-inline-css": "^3.0.0", "gulp-inline-image-html": "^0.2.1", "gulp-minify-html": "^1.0.5", @@ -34,5 +34,6 @@ "q": "^1.4.1", "run-sequence": "^1.1.5", "wrench": "^1.5.8" - } + }, + "dependencies": {} } diff --git a/src/ONEstore/assets/fadeit-logo.png b/src/ONEstore/assets/fadeit-logo.png new file mode 100644 index 0000000..1d61548 Binary files /dev/null and b/src/ONEstore/assets/fadeit-logo.png differ diff --git a/src/ONEstore/conf.js b/src/ONEstore/conf.js new file mode 100644 index 0000000..a3e5f22 --- /dev/null +++ b/src/ONEstore/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: 'ONEstore', // Will be appended to the built templates. + signature: '서비스 기획팀 | 매니저', + name: '박 주 형', + welcome: '안녕하세요. 박주형 매니저 입니다.', + introParagraph: 'Thanks for writing up this email.
We are delighted to reply with a responsive template.', + contactMain: '+82-10-2129-0021 | ', // Wrap phone numbers like this to prevent iOS mail from making them blue. + contactMail: 'jude.park@sk.com', + contactSecondary: '성남시 분당구 판교역로 188 SK플래닛 건물 11층', + logoUrl: 'http://cfile25.uf.tistory.com/image/2455244C570C6A371D53B6', + logoAlt: 'Onestore logo', + website: 'http://onesto.re' + } +] \ No newline at end of file diff --git a/src/ONEstore/fadeit.css b/src/ONEstore/fadeit.css new file mode 100644 index 0000000..2b91a8a --- /dev/null +++ b/src/ONEstore/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/ONEstore/footer.inc.html b/src/ONEstore/footer.inc.html new file mode 100644 index 0000000..0ce5e38 --- /dev/null +++ b/src/ONEstore/footer.inc.html @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/ONEstore/full-mail.html b/src/ONEstore/full-mail.html new file mode 100644 index 0000000..9245d75 --- /dev/null +++ b/src/ONEstore/full-mail.html @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ diff --git a/src/ONEstore/head.inc.html b/src/ONEstore/head.inc.html new file mode 100644 index 0000000..5a6305e --- /dev/null +++ b/src/ONEstore/head.inc.html @@ -0,0 +1,34 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/ONEstore/signature-reply.html b/src/ONEstore/signature-reply.html new file mode 100644 index 0000000..81f6f7a --- /dev/null +++ b/src/ONEstore/signature-reply.html @@ -0,0 +1,23 @@ + + + +
+ + + + + + + +
+ \ No newline at end of file diff --git a/src/ONEstore/signature.html b/src/ONEstore/signature.html new file mode 100644 index 0000000..a5951b2 --- /dev/null +++ b/src/ONEstore/signature.html @@ -0,0 +1,14 @@ + + + +
+ + + + + + + + +
+ diff --git a/src/ONEstoreBlack/assets/play-logo.png b/src/ONEstoreBlack/assets/play-logo.png new file mode 100644 index 0000000..83e17b7 Binary files /dev/null and b/src/ONEstoreBlack/assets/play-logo.png differ diff --git a/src/ONEstoreBlack/conf.js b/src/ONEstoreBlack/conf.js new file mode 100644 index 0000000..af0862c --- /dev/null +++ b/src/ONEstoreBlack/conf.js @@ -0,0 +1,14 @@ +module.exports = [ + { + id: 'ONEstoreBlack', + signature: 'Best regards,', + name: 'Joo Hyung Park | Sevice Planning Team', + contactMain: 'Call +82-10-2129-0021 or email us at', // Wrap phone numbers like this to prevent iOS mail from making them blue. + contactMail: 'jude.park@sk.com', + slogan: 'The 1st integrated Android App store in Korea', + contactSecondary: '188, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Korea', + logoUrl: 'http://cfile9.uf.tistory.com/image/2178343D570C68482371D5', + logoAlt: 'ONEstore. logo', + website: 'http://onesto.re/' + } +] \ No newline at end of file diff --git a/src/ONEstoreBlack/footer.inc.html b/src/ONEstoreBlack/footer.inc.html new file mode 100644 index 0000000..c70f880 --- /dev/null +++ b/src/ONEstoreBlack/footer.inc.html @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/ONEstoreBlack/head.inc.html b/src/ONEstoreBlack/head.inc.html new file mode 100644 index 0000000..2197a50 --- /dev/null +++ b/src/ONEstoreBlack/head.inc.html @@ -0,0 +1,42 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/ONEstoreBlack/play.css b/src/ONEstoreBlack/play.css new file mode 100644 index 0000000..bba83e8 --- /dev/null +++ b/src/ONEstoreBlack/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: #FF4244; + 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/ONEstoreBlack/signature-reply.html b/src/ONEstoreBlack/signature-reply.html new file mode 100644 index 0000000..81f6f7a --- /dev/null +++ b/src/ONEstoreBlack/signature-reply.html @@ -0,0 +1,23 @@ + + + +
+ + + + + + + +
+ \ No newline at end of file diff --git a/src/ONEstoreBlack/signature.html b/src/ONEstoreBlack/signature.html new file mode 100644 index 0000000..a5951b2 --- /dev/null +++ b/src/ONEstoreBlack/signature.html @@ -0,0 +1,14 @@ + + + +
+ + + + + + + + +
+