From 3b353daa1021306ec3be839e858b9aedc2c796fd Mon Sep 17 00:00:00 2001 From: Jude Park Date: Tue, 12 Apr 2016 12:33:04 +0900 Subject: [PATCH 1/6] =?UTF-8?q?ONEstore=20=EB=A9=94=EC=9D=BC=20=ED=85=9C?= =?UTF-8?q?=ED=94=8C=EB=A6=BF=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dist/ONEstore/full-mail-ONEstore.html | 1 + dist/ONEstore/signature-ONEstore.html | 1 + dist/ONEstore/signature-reply-ONEstore.html | 1 + .../signature-ONEstoreBlack.html | 1 + .../signature-reply-ONEstoreBlack.html | 1 + dist/fadeit/full-mail-fadeit.html | 2 +- dist/fadeit/signature-fadeit.html | 2 +- dist/fadeit/signature-reply-fadeit.html | 2 +- dist/play/signature-play.html | 2 +- dist/play/signature-reply-play.html | 2 +- gulpfile.js | 2 +- package.json | 5 +- src/ONEstore/assets/fadeit-logo.png | Bin 0 -> 4893 bytes src/ONEstore/conf.js | 19 ++ src/ONEstore/fadeit.css | 160 ++++++++++++++++ src/ONEstore/footer.inc.html | 38 ++++ src/ONEstore/full-mail.html | 25 +++ src/ONEstore/head.inc.html | 34 ++++ src/ONEstore/signature-reply.html | 23 +++ src/ONEstore/signature.html | 14 ++ src/ONEstoreBlack/assets/play-logo.png | Bin 0 -> 4611 bytes src/ONEstoreBlack/conf.js | 14 ++ src/ONEstoreBlack/footer.inc.html | 36 ++++ src/ONEstoreBlack/head.inc.html | 42 +++++ src/ONEstoreBlack/play.css | 174 ++++++++++++++++++ src/ONEstoreBlack/signature-reply.html | 23 +++ src/ONEstoreBlack/signature.html | 14 ++ 27 files changed, 630 insertions(+), 8 deletions(-) create mode 100644 dist/ONEstore/full-mail-ONEstore.html create mode 100644 dist/ONEstore/signature-ONEstore.html create mode 100644 dist/ONEstore/signature-reply-ONEstore.html create mode 100644 dist/ONEstoreBlack/signature-ONEstoreBlack.html create mode 100644 dist/ONEstoreBlack/signature-reply-ONEstoreBlack.html create mode 100644 src/ONEstore/assets/fadeit-logo.png create mode 100644 src/ONEstore/conf.js create mode 100644 src/ONEstore/fadeit.css create mode 100644 src/ONEstore/footer.inc.html create mode 100644 src/ONEstore/full-mail.html create mode 100644 src/ONEstore/head.inc.html create mode 100644 src/ONEstore/signature-reply.html create mode 100644 src/ONEstore/signature.html create mode 100644 src/ONEstoreBlack/assets/play-logo.png create mode 100644 src/ONEstoreBlack/conf.js create mode 100644 src/ONEstoreBlack/footer.inc.html create mode 100644 src/ONEstoreBlack/head.inc.html create mode 100644 src/ONEstoreBlack/play.css create mode 100644 src/ONEstoreBlack/signature-reply.html create mode 100644 src/ONEstoreBlack/signature.html 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 0000000000000000000000000000000000000000..1d61548d9f5f61aee55620660d9b64632bc241d6 GIT binary patch literal 4893 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 P00000NkvXXu0mjfhX_gr literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..83e17b721354ca041491ebd20be49fbec29a8768 GIT binary patch literal 4611 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 literal 0 HcmV?d00001 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 @@ + + + +
+ + + + + + + + +
+ From 5ffb911328fd69f93858b5b0c8e8a05ad84233f2 Mon Sep 17 00:00:00 2001 From: Jude Park Date: Wed, 13 Apr 2016 18:30:16 +0900 Subject: [PATCH 2/6] =?UTF-8?q?ONE=EC=8A=A4=ED=86=A0=EC=96=B4=20=ED=85=9C?= =?UTF-8?q?=ED=94=8C=EB=A6=BF=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 93 ++++----------- README_origin.md | 108 ++++++++++++++++++ dist/ONEstore/full-mail-ONEstore.html | 2 +- dist/ONEstore/signature-ONEstore.html | 2 +- dist/ONEstore/signature-reply-ONEstore.html | 2 +- .../full-mail-ONEstoreBlack.html | 1 + .../signature-ONEstoreBlack.html | 2 +- .../signature-reply-ONEstoreBlack.html | 2 +- src/ONEstore/conf.js | 16 +-- src/ONEstore/footer.inc.html | 4 +- .../assets/ONEstoreBlack-logo.png | Bin 0 -> 20222 bytes src/ONEstoreBlack/conf.js | 20 +++- src/ONEstoreBlack/footer.inc.html | 5 +- src/ONEstoreBlack/full-mail.html | 25 ++++ src/ONEstoreBlack/play.css | 2 +- 15 files changed, 193 insertions(+), 91 deletions(-) create mode 100644 README_origin.md create mode 100644 dist/ONEstoreBlack/full-mail-ONEstoreBlack.html create mode 100644 src/ONEstoreBlack/assets/ONEstoreBlack-logo.png create mode 100644 src/ONEstoreBlack/full-mail.html diff --git a/README.md b/README.md index 4deedb1..0b71c18 100644 --- a/README.md +++ b/README.md @@ -1,68 +1,41 @@ -# Responsive HTML mail signatures -### Let's punch email clients in the stomach! -Responsive templates for mail signatures.
+# ONE스토어 반응형 이메일 서명 +## 왜 필요한가? +> ![enter image description here](https://lh3.googleusercontent.com/BzNweHa8hVXwlLmUierMRZjqdCHcTXV1H1XRBii--RzLBy-xnZ8PIREtFz9x_8Su_Ybw=s0 "IMG_1172.PNG") +> [이 사진은 주작 입니다. ] -When you need some basic signatures that work on mobile.
-...and your colleagues need them too.
-...but you don't want to deal with tables and inline styles. +최근에 업체랑 이야기를 하다보니 위와 같은 말을 들었다. +그래서 이유를 확인해보니 **이메일의 서명**이 이미지 파일을 사용하다보니 거의 모든 이메일이 첨부파일이 있는 것으로 분류가 되고 있었습니다. -## Preview -Here's how the samples look: - -![responsive emails-01](https://cloud.githubusercontent.com/assets/1515742/10591900/13889d32-76b9-11e5-8dc0-b89d80189e93.png) -![responsive emails-02](https://cloud.githubusercontent.com/assets/1515742/10591901/139c4954-76b9-11e5-80f7-5b0ccaf5af81.png) - -## Motivation -Let's make writing HTML emails & email signatures easier. We won't fix all email clients, but we can surely make the process of satisfying them a tad nicer.
-See a fairly comprehensive rant on the subject (and not only) [in this article](http://fadeit.dk/blog/post/html-emails-and-email-signatures-how-hard-can-it-be). +> ![enter image description here](https://lh3.googleusercontent.com/dA1R2hr5dBFIY-SDUrGN8h8JwXauOMM5uJzrEsDtU0HphqdmnVObd_0UJOEckF2Y-dZO=s0 "IMG_1174.PNG") -## What does it do -- [x] config-based template generation -- [x] allows generating multiple templates (for your colleagues too!) -- [x] transforms linked (``) CSS into inline styles -- [x] embeds local `img[src]` into the template (base64).* -- [x] minifies the template -- [x] media queries for mail clients that support them -- [x] can build templates from multiple sources -- [x] watches HTML/CSS files for changes and re-builds +## fadeit 의 이메일 템플릿 엔진 활용 +이미지를 파일을 tag로만 처리하면 해결되는 것이지만 조금 더 욕심을 내보려고 깃헙에서 fadeit 의 템플릿을 뽑아와서 수정을 했습니다. +- [원본 레파지토리 확인하기](https://github.com/fadeit/responsive-html-email-signature) -**Some mail clients don't support them, so an external URL might be a good idea.* +### 제공하는 것 +- NODE JS (gulp) 기반의 이메일 템플릿 빌드 엔진 +- 빌드 시, inline CSS HTML 파일을 자동 생성 +- 이미지 파일을 그냥 html 코드로 넣어버림 (base64) +- media queries 지원 (메일 클라이언트 지원시) - -## Getting started -``` -$ npm install -$ gulp -``` - -Take a look at `src/fadeit/` for an example. Copy / Paste, rename it and change `src/fadeit/conf.js` to suite your needs. Run `gulp` to build the templates (into `/dist`). The gulp task will watch HTML & CSS files by default. - -## Overview +> Overview This diagram shows what happens to your templates. ![Responsive HTML email template/signatures diagram](http://fadeit.dk/posts/html-emails-and-email-signatures-how-hard-can-it-be/html-responsive-email-template-build-diagram.png) -## CSS Support -Remember, it's HTML mails, so you need to check a big-ass table to find out nothing's gonna work. -See [this](https://www.campaignmonitor.com/css/). Still [gulp-inline-css](https://www.npmjs.com/package/gulp-inline-css) is being used to convert whatever CSS you throw at it to inline styles. +### 샘플 파일 확인 +>![enter image description here](https://lh3.googleusercontent.com/-Y4PAWNMyBzQ/Vw3jt6UsGDI/AAAAAAAAeS0/vmqPMt9AMyEDZ5fZOyeyzGQlB5J9Okmdg/h300/%25E1%2584%2589%25E1%2585%25B3%25E1%2584%258F%25E1%2585%25B3%25E1%2584%2585%25E1%2585%25B5%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25A3%25E1%2586%25BA+2016-04-13+%25E1%2584%258B%25E1%2585%25A9%25E1%2584%2592%25E1%2585%25AE+3.13.10.png "스크린샷 2016-04-13 오후 3.13.10.png")![enter image description here](https://lh3.googleusercontent.com/-hZvXa0vMFzk/Vw3lhGXRkqI/AAAAAAAAeTM/OUsSQwEYb0oGHFGxUSz9Mi6u1hnvISCQg/h300/%25E1%2584%2589%25E1%2585%25B3%25E1%2584%258F%25E1%2585%25B3%25E1%2584%2585%25E1%2585%25B5%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25A3%25E1%2586%25BA+2016-04-13+%25E1%2584%258B%25E1%2585%25A9%25E1%2584%2592%25E1%2585%25AE+3.13.16.png "스크린샷 2016-04-13 오후 3.13.16.png") + +>**Some mail clients don't support them, so an external URL might be a good idea.* -## TODO: -- [ ] closing `inline-css` issue [#8](https://github.com/jonkemp/inline-css/issues/8#issuecomment-149025428) would greatly improve this repo -- [ ] preprocessor support (simplifies BEM) -- [ ] use github pages to show live demos -- [ ] check [gulp-inline-css](https://github.com/jonkemp/inline-css) for new features +## 메일 클라이언트에 적용하는 법 +### 아웃룩 -## Usage with different e-mail clients - -### Thunderbird -There are several Thunderbird plugins which can automatically insert signatures when composing e-mails. We recommend [SmartTemplate4](https://addons.mozilla.org/en-us/thunderbird/addon/smarttemplate4) as one of the options. It can use different templates for new e-mails, replies and forwarded e-mails. - - -### Apple Mail / OS X (oh boy) +### Apple Mail / OS X #### Solution 1 - Open Mail.app and go to `Mail` -> `Preferences` -> `Signatures` @@ -83,26 +56,10 @@ $ open -a TextEdit ~/Library/Mobile\ Documents/com~apple~mail/Data/V3/MailData/S You can also open the HTML files in `/dist` in a browser, CMD + A, CMD + C and then paste into the signature box. This won't copy the `` part or the `
안녕하세요. 박주형 매니저 입니다.
Thanks for writing up this email.
We are delighted to reply with a responsive template.
\ No newline at end of file +
안녕하세요.
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 index dd64d4f..273126f 100644 --- a/dist/ONEstore/signature-ONEstore.html +++ b/dist/ONEstore/signature-ONEstore.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/ONEstore/signature-reply-ONEstore.html b/dist/ONEstore/signature-reply-ONEstore.html index 7ea7e0a..66e378a 100644 --- a/dist/ONEstore/signature-reply-ONEstore.html +++ b/dist/ONEstore/signature-reply-ONEstore.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html b/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html new file mode 100644 index 0000000..b5ece23 --- /dev/null +++ b/dist/ONEstoreBlack/full-mail-ONEstoreBlack.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/ONEstoreBlack/signature-ONEstoreBlack.html b/dist/ONEstoreBlack/signature-ONEstoreBlack.html index a70648c..bbd4005 100644 --- a/dist/ONEstoreBlack/signature-ONEstoreBlack.html +++ b/dist/ONEstoreBlack/signature-ONEstoreBlack.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/ONEstoreBlack/signature-reply-ONEstoreBlack.html b/dist/ONEstoreBlack/signature-reply-ONEstoreBlack.html index fb049dd..ddfa75f 100644 --- a/dist/ONEstoreBlack/signature-reply-ONEstoreBlack.html +++ b/dist/ONEstoreBlack/signature-reply-ONEstoreBlack.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/src/ONEstore/conf.js b/src/ONEstore/conf.js index a3e5f22..983e18b 100644 --- a/src/ONEstore/conf.js +++ b/src/ONEstore/conf.js @@ -5,15 +5,17 @@ module.exports = [ { id: 'ONEstore', // Will be appended to the built templates. - signature: '서비스 기획팀 | 매니저', - name: '박 주 형', - welcome: '안녕하세요. 박주형 매니저 입니다.', + // signature: '감사합니다.', + name: '매 니 저', + team: '스토어 기술개발팀', + title: 'SW engineer', + 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', + 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: 'http://cfile25.uf.tistory.com/image/2455244C570C6A371D53B6', + logoUrl: 'http://cfile24.uf.tistory.com/image/224EEA3B570DEAB015AB12', logoAlt: 'Onestore logo', - website: 'http://onesto.re' + website: 'http://onesto.re/' } ] \ No newline at end of file diff --git a/src/ONEstore/footer.inc.html b/src/ONEstore/footer.inc.html index 0ce5e38..43e0245 100644 --- a/src/ONEstore/footer.inc.html +++ b/src/ONEstore/footer.inc.html @@ -4,7 +4,7 @@ -
+ |

@@ -29,7 +29,7 @@ - <!-- @echo logoAlt --> + <!-- @echo logoAlt -->
diff --git a/src/ONEstoreBlack/assets/ONEstoreBlack-logo.png b/src/ONEstoreBlack/assets/ONEstoreBlack-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..587c07df3055f557d6fe5baf233c701cab24e9ea GIT binary patch literal 20222 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 literal 0 HcmV?d00001 diff --git a/src/ONEstoreBlack/conf.js b/src/ONEstoreBlack/conf.js index af0862c..f886b0b 100644 --- a/src/ONEstoreBlack/conf.js +++ b/src/ONEstoreBlack/conf.js @@ -1,13 +1,21 @@ +/* + * 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: 'ONEstoreBlack', + id: 'ONEstoreBlack', // Will be appended to the built templates. 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', + name: 'Joo Hyung Park', + team: 'Store Platform Developmet team', + title: 'SW engineer', + welcome: '안녕하세요.', + introParagraph: 'Thanks for writing up this email.
We are delighted to reply with a responsive template.', + contactMain: 'Call +82-10-1234-5678 or email us at', // Wrap phone numbers like this to prevent iOS mail from making them blue. + 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: 'http://cfile9.uf.tistory.com/image/2178343D570C68482371D5', + logoUrl: 'http://cfile5.uf.tistory.com/image/21450F3B570DEAB01F8E92', logoAlt: 'ONEstore. logo', website: 'http://onesto.re/' } diff --git a/src/ONEstoreBlack/footer.inc.html b/src/ONEstoreBlack/footer.inc.html index c70f880..3f79328 100644 --- a/src/ONEstoreBlack/footer.inc.html +++ b/src/ONEstoreBlack/footer.inc.html @@ -6,6 +6,7 @@

+ | @@ -26,9 +27,9 @@ diff --git a/src/ONEstoreBlack/full-mail.html b/src/ONEstoreBlack/full-mail.html new file mode 100644 index 0000000..9245d75 --- /dev/null +++ b/src/ONEstoreBlack/full-mail.html @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ diff --git a/src/ONEstoreBlack/play.css b/src/ONEstoreBlack/play.css index bba83e8..5cb61d3 100644 --- a/src/ONEstoreBlack/play.css +++ b/src/ONEstoreBlack/play.css @@ -92,7 +92,7 @@ a{ */ .footer{ /* @todo gulp-inline-css doesn't parse background-color -> bgcolor */ - background-color: #FF4244; + background-color: #303030; padding: 20px 30px 0px 30px; color: #f5f5f5; border-top: 8px solid #585858; From 235ea51fc4458dd17d286512476d83d068b65b65 Mon Sep 17 00:00:00 2001 From: Jude Park Date: Thu, 14 Apr 2016 13:56:11 +0900 Subject: [PATCH 3/6] =?UTF-8?q?ONE=EC=8A=A4=ED=86=A0=EC=96=B4=20=EB=AA=85?= =?UTF-8?q?=ED=95=A8=20=EA=B7=9C=EA=B2=A9=20=EC=97=85=EB=8D=B0=EC=9D=B4?= =?UTF-8?q?=ED=8A=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dist/ONEstore/full-mail-ONEstore.html | 2 +- dist/ONEstore/signature-ONEstore.html | 2 +- dist/ONEstore/signature-reply-ONEstore.html | 2 +- dist/ONEstoreBlack/full-mail-ONEstoreBlack.html | 2 +- dist/ONEstoreBlack/signature-ONEstoreBlack.html | 2 +- src/ONEstore/assets/type01.png | Bin 0 -> 12873 bytes src/ONEstore/conf.js | 8 ++++---- .../assets/{ONEstoreBlack-logo.png => logo.png} | Bin src/ONEstoreBlack/assets/type03.png | Bin 0 -> 9069 bytes src/ONEstoreBlack/conf.js | 6 +++--- 10 files changed, 12 insertions(+), 12 deletions(-) create mode 100644 src/ONEstore/assets/type01.png rename src/ONEstoreBlack/assets/{ONEstoreBlack-logo.png => logo.png} (100%) create mode 100644 src/ONEstoreBlack/assets/type03.png diff --git a/dist/ONEstore/full-mail-ONEstore.html b/dist/ONEstore/full-mail-ONEstore.html index 9ede737..26ff4f8 100644 --- a/dist/ONEstore/full-mail-ONEstore.html +++ b/dist/ONEstore/full-mail-ONEstore.html @@ -1 +1 @@ -
안녕하세요.
Thanks for writing up this email.
We are delighted to reply with a responsive template.
\ No newline at end of file +
안녕하세요.
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 index 273126f..cb35ff0 100644 --- a/dist/ONEstore/signature-ONEstore.html +++ b/dist/ONEstore/signature-ONEstore.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/ONEstore/signature-reply-ONEstore.html b/dist/ONEstore/signature-reply-ONEstore.html index 66e378a..f737548 100644 --- a/dist/ONEstore/signature-reply-ONEstore.html +++ b/dist/ONEstore/signature-reply-ONEstore.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html b/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html index b5ece23..36d9638 100644 --- a/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html +++ b/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html @@ -1 +1 @@ -
안녕하세요.
Thanks for writing up this email.
We are delighted to reply with a responsive template.
\ No newline at end of file +
안녕하세요.
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/ONEstoreBlack/signature-ONEstoreBlack.html b/dist/ONEstoreBlack/signature-ONEstoreBlack.html index bbd4005..d554308 100644 --- a/dist/ONEstoreBlack/signature-ONEstoreBlack.html +++ b/dist/ONEstoreBlack/signature-ONEstoreBlack.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/src/ONEstore/assets/type01.png b/src/ONEstore/assets/type01.png new file mode 100644 index 0000000000000000000000000000000000000000..0d69c65f8ee24bf7a680ba03779cbe30f79932b9 GIT binary patch literal 12873 zcmdUWbx_>P*6rXL+&xH;0E4>(x8Uv>hQZyPV8Pvk1qd44-E|;Ha3^?hf+fKo$vO9& zbI*6~t6N{y`{Pa3%x`A*UTbyt?!CLKt0r7UN#+SE2`T^pcp@h&srL9Bczi!aMtuAX zT%0z4e84!X$%q3g#>l=r{-6TOswn~hUe5r4*TDe5k4Mw%JpjO!4FK4G1po-70RV&! znJub9j}0gevbxRy02=PkHw@ryCJ_LD%4eye)4_g~MX8{jk>R%oLkKccqfz(vLTwJV$sdW@ps3h#2AXMC}T&!%=BB)eU zR6!*vQ*`G>w&c6@qae%;| zEkJfwHsC+O94zcz?42#_9scO$zhVDq{*MF@56l0c`?KXg!c4(`2s*er+5DOmQ!o%> z1F?nJxi~-K*#EJ=kHPr^_-{S+06F|eu}6@i;{P3HYx|FK&Ms1Jj}!iT0RK_YS;Nx- z0#t)I+q*h}AyRIS-TyO+k3kapIsXDb+ihHb22#_`(nW+r=vP?&ZvHc_zoC?!EFbAW zKVc&5zeE0N`-}e{krI%TkWg{5H?y>Xi2TeNDmf_$9(H~n9u^MPM~;8=`$rxLdmDQv zMSD|-2FEBc!}V`6e`)v&&=f3SX76MRauKn#1(`#D4tC~3z(0+D@qAn?0*a4`ZVGY% zNrGG;A{=b&JS=QnEbN>b?A!ue90DAi&)N6|*w}=C|HJohJQ7ZjM~44~`y`&sX(RQ{FsR1y+Yk0a!!Vo(HuE$x051IFJ5_E*rq z^C>C{$XYtP*gJXtDtUiYqF=R79pd=!)}J}>vv}E9{;FXPASY+Y&zupa{#VlcQS|;` z`ic3Kdjih(W-jg^Cy1E&Vb01V;g5cpRe0RLK3rvHNeZv8t<2>9ES|9=$e_#5h|Mk-UP2wMD{)g0G zBz`-Knc9ONW&YgCIJwz4*}!HzEL`lS>@4i;y!rftz3e1(AOc#q&4zYr@M!TQ~xNqA)RYR z4&>VK5PlM2FIrefChkF!aY5wxXwrgfyx=}vZKAf1VU12J*0Vx2nPf9{O&6J3C&v_Y z@_5l??q!a>u=TM@`@*3rhMRR|HgX3pa~-X1@}DE6qXnMu5vtn5xR5mmYyJu zG8Pw?U<`rRzl5ezFs&Nu$slKAE*U1C4Xg{?Qj_rSh#MrJyGo#lFTdYutY#l`&s2Z; z%$cZ12UaVs>-kfaI|pgME_Ao|N#amdI1qj1=kMWaNyQ8Z7~RqPho31o+o;vKWXv;hD64kld# zVO<8@uS98!+Rt>C0M_1Y+Y0YoD-ARF^O)w)){|+qlXc%$eCW_6AsZ|y`(V;uK$c-3xgRGus5@F0lGQ$nSuh{tEXdwxj?-T4Yf)WrGBNGA^aUDp`J)fwe?8LgG~ zB6eI(hxDLPYQ*v}R4Q>pn)I3sRca;HOENr$9m>G*#AS;1=e0E@cxV%vknXb~9^tH9W9x`uvQHBh(=5NM|;%3QRK2C1$+!V!|i(4mahGP3W_BNgJYTX`7rQ; z_c%u1AqP>X`=DhaDu6Fd0MqP;pJ3p3X0Ce9-lmH?IGwNETI^hceX|;<@y~=u^sEfo z1W5$1*v)53*NzKShVW5zL!%HM$jb~nqMWMuSgA^?rC!Egxi$K(@vE~S6J=N>&psom zBY*bpA*PqQC00wzOzI6CvfrRdXFA)N!bFuqu1%QZKrH16j$A^d6)OG(4Q+}Rv>ls9 zx@(cdh^lV?e2Cv!sFoeM9H-xk4!;r14cVU_MXRn#&$Y&kO#zB(1`)@$hpb*A30bx{DouHwHcliT2gY}hUj^t@X$bkzBHAik;e#pLB+j+fQw2niF1 zG@2qibtkygaXFUFLR^J$!isulXz?7cc4G41{9%48owmWzUWwHCmD{pOfj+E$VaP?iF=LkJ)GWXy^O&H5X|0i zaW%V|qPelG3qgb{sX@h(Ne*1s%DEd&*{Z%i7oO4G#Y>DZIu?$Od z_$O_~hUI4SmwS}4Gi%IPtqEOE!KUW>9Sz_(IwB4(v!0NU*d{+V3!~m0 z=m$9ytD+mloF1y7zO?}YG^0jZ5V_1 z!PCP1I*k}>Q#ag4x9?eIxHPgDL-@Dzdg9*g8Dl~}Pc%6U2lfP&y3StchQ88L0t*dL zzv!tAzgg);GPirj!r55BjzE;fU3*FaL>3+1i-E*@M}?THlnk}Wncow&m~roTf86kN zo-0+2Fdna-2nm)k+?`-BqSqj?#-?~4vT3kWX5^Yk692^{hOF1+2^S>&f;=F>5MJl8$Xu}3IPxuER;+u^{J7)zU71`*BuPk3%8ff^0CMMD?~2=Kkx>JeWt<5 zJ*auT{qNe?mRhz>pWd7d=YU@If?^mwAi@N&2bg)93C-?#bu3x zDTcbp@nd|1v;hes`#&ZYj<*!h%-sv0+H2=XhCZh_HO?<%{b-uIIa{JK>>J1qDR>o; zC(Zzx1uX4GxOdm4bQVZyZICtPl$}!1DZUNZ2!9_BrbJ@Ux0BLqi*&D#B)p4phJy)K zn4xGnJZy@r@+vdp|M)D~Cvm)!MrbSopL{G)Ipv2-H|NMX1^Wyhl@LjBEow-MLt^Lq zii&#^zVzpAE|L|qUhk<+>klHH^t^!)M!ut-ER20slB(G9YL=l?XZ74qqnF~26zf^d zJ0Yc6|Edp|R+jOl`w=yBb0-0_lB4poZ}o^u)?W%el-|wSBB#(~MslVf%H)dOXoVw@ z>%5)D2vK-u5qSCimQbwKcrBCI1STw(0XSJOH$r@N|)$}29-0U&|mD0#UGm0 zV$mRLl@PXa;bd+`J`UTPmr7K~>#yyp@bf_a?$1u9xCdiu+du&MdJQfKQ@CXQrgLV& zTJibA*#68zq`TmrBmUi@>WNReS80i!rq*R1F(!``TqeeY^JtWlHb+WfsTDquy*+Jx zRNDMwud+TxxM)IG7Ohkk>hy>m`q+r+d68>fqvd3D25t!QFfJAi+y%#uZyF^*EZ|Uv zV_|s}=Zy{PT&w_6K%SJvt8Ws54ej1IN7smFD)6St0|qvhG8M)7O0p@Et4-Y(JB`QF*9?vzPb+L3ogQ%0AHdmM4hDG!;Y@OW{3zZiHq`KT}Pd} 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 P|7^%fDM?m{zY6?6D7*df literal 0 HcmV?d00001 diff --git a/src/ONEstore/conf.js b/src/ONEstore/conf.js index 983e18b..cbd74eb 100644 --- a/src/ONEstore/conf.js +++ b/src/ONEstore/conf.js @@ -6,15 +6,15 @@ module.exports = [ { id: 'ONEstore', // Will be appended to the built templates. // signature: '감사합니다.', - name: '매 니 저', - team: '스토어 기술개발팀', - title: 'SW engineer', + name: '0 0 0 매니저', + team: '스토어 기획팀', + title: 'Dev Relations', welcome: '안녕하세요.', introParagraph: 'Thanks for writing up this email.
We are delighted to reply with a responsive template.', 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: 'http://cfile24.uf.tistory.com/image/224EEA3B570DEAB015AB12', + logoUrl: 'http://cfile25.uf.tistory.com/image/23388A45570F0087013014', // 티스토리 블로그 활용 logoAlt: 'Onestore logo', website: 'http://onesto.re/' } diff --git a/src/ONEstoreBlack/assets/ONEstoreBlack-logo.png b/src/ONEstoreBlack/assets/logo.png similarity index 100% rename from src/ONEstoreBlack/assets/ONEstoreBlack-logo.png rename to src/ONEstoreBlack/assets/logo.png diff --git a/src/ONEstoreBlack/assets/type03.png b/src/ONEstoreBlack/assets/type03.png new file mode 100644 index 0000000000000000000000000000000000000000..ee2db4e6a605949041ef712c96f95b24127cf156 GIT binary patch literal 9069 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 literal 0 HcmV?d00001 diff --git a/src/ONEstoreBlack/conf.js b/src/ONEstoreBlack/conf.js index f886b0b..f1fe956 100644 --- a/src/ONEstoreBlack/conf.js +++ b/src/ONEstoreBlack/conf.js @@ -7,15 +7,15 @@ module.exports = [ id: 'ONEstoreBlack', // Will be appended to the built templates. signature: 'Best regards,', name: 'Joo Hyung Park', - team: 'Store Platform Developmet team', - title: 'SW engineer', + team: 'Service Planning Team', + title: 'Dev Relations', welcome: '안녕하세요.', introParagraph: 'Thanks for writing up this email.
We are delighted to reply with a responsive template.', contactMain: 'Call +82-10-1234-5678 or email us at', // Wrap phone numbers like this to prevent iOS mail from making them blue. 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: 'http://cfile5.uf.tistory.com/image/21450F3B570DEAB01F8E92', + logoUrl: 'http://cfile9.uf.tistory.com/image/24337545570F008706369D', // 티스토리 블로그 활 logoAlt: 'ONEstore. logo', website: 'http://onesto.re/' } From 0e8d28f46f22ef85d8f9e67942abae7a5b1fdbd6 Mon Sep 17 00:00:00 2001 From: Jude Park Date: Sun, 17 Apr 2016 19:12:20 +0900 Subject: [PATCH 4/6] update README files --- README.md | 106 +++++++++++---- README_kor.md | 123 ++++++++++++++++++ README_origin.md | 108 --------------- dist/ONEstore/full-mail-ONEstore.html | 2 +- dist/ONEstore/signature-ONEstore.html | 2 +- .../full-mail-ONEstoreBlack.html | 2 +- .../signature-ONEstoreBlack.html | 2 +- src/ONEstore/conf.js | 2 +- src/ONEstoreBlack/conf.js | 2 +- 9 files changed, 210 insertions(+), 139 deletions(-) create mode 100644 README_kor.md delete mode 100644 README_origin.md diff --git a/README.md b/README.md index 0b71c18..c3558f4 100644 --- a/README.md +++ b/README.md @@ -1,41 +1,68 @@ -# ONE스토어 반응형 이메일 서명 -## 왜 필요한가? -> ![enter image description here](https://lh3.googleusercontent.com/BzNweHa8hVXwlLmUierMRZjqdCHcTXV1H1XRBii--RzLBy-xnZ8PIREtFz9x_8Su_Ybw=s0 "IMG_1172.PNG") -> [이 사진은 주작 입니다. ] +# Responsive HTML mail signatures +### Let's punch email clients in the stomach! +Responsive templates for mail signatures.
-최근에 업체랑 이야기를 하다보니 위와 같은 말을 들었다. -그래서 이유를 확인해보니 **이메일의 서명**이 이미지 파일을 사용하다보니 거의 모든 이메일이 첨부파일이 있는 것으로 분류가 되고 있었습니다. +When you need some basic signatures that work on mobile.
+...and your colleagues need them too.
+...but you don't want to deal with tables and inline styles. -> ![enter image description here](https://lh3.googleusercontent.com/dA1R2hr5dBFIY-SDUrGN8h8JwXauOMM5uJzrEsDtU0HphqdmnVObd_0UJOEckF2Y-dZO=s0 "IMG_1174.PNG") +## Preview +Here's how the samples look: + +![responsive emails-01](https://cloud.githubusercontent.com/assets/1515742/10591900/13889d32-76b9-11e5-8dc0-b89d80189e93.png) +![responsive emails-02](https://cloud.githubusercontent.com/assets/1515742/10591901/139c4954-76b9-11e5-80f7-5b0ccaf5af81.png) + +## Motivation +Let's make writing HTML emails & email signatures easier. We won't fix all email clients, but we can surely make the process of satisfying them a tad nicer.
+See a fairly comprehensive rant on the subject (and not only) [in this article](http://fadeit.dk/blog/post/html-emails-and-email-signatures-how-hard-can-it-be). -## fadeit 의 이메일 템플릿 엔진 활용 -이미지를 파일을 tag로만 처리하면 해결되는 것이지만 조금 더 욕심을 내보려고 깃헙에서 fadeit 의 템플릿을 뽑아와서 수정을 했습니다. +## What does it do +- [x] config-based template generation +- [x] allows generating multiple templates (for your colleagues too!) +- [x] transforms linked (``) CSS into inline styles +- [x] embeds local `img[src]` into the template (base64).* +- [x] minifies the template +- [x] media queries for mail clients that support them +- [x] can build templates from multiple sources +- [x] watches HTML/CSS files for changes and re-builds -- [원본 레파지토리 확인하기](https://github.com/fadeit/responsive-html-email-signature) -### 제공하는 것 -- NODE JS (gulp) 기반의 이메일 템플릿 빌드 엔진 -- 빌드 시, inline CSS HTML 파일을 자동 생성 -- 이미지 파일을 그냥 html 코드로 넣어버림 (base64) -- media queries 지원 (메일 클라이언트 지원시) +**Some mail clients don't support them, so an external URL might be a good idea.* -> Overview + +## Getting started +``` +$ npm install +$ gulp +``` + +Take a look at `src/fadeit/` for an example. Copy / Paste, rename it and change `src/fadeit/conf.js` to suite your needs. Run `gulp` to build the templates (into `/dist`). The gulp task will watch HTML & CSS files by default. + +## Overview This diagram shows what happens to your templates. ![Responsive HTML email template/signatures diagram](http://fadeit.dk/posts/html-emails-and-email-signatures-how-hard-can-it-be/html-responsive-email-template-build-diagram.png) -### 샘플 파일 확인 ->![enter image description here](https://lh3.googleusercontent.com/-Y4PAWNMyBzQ/Vw3jt6UsGDI/AAAAAAAAeS0/vmqPMt9AMyEDZ5fZOyeyzGQlB5J9Okmdg/h300/%25E1%2584%2589%25E1%2585%25B3%25E1%2584%258F%25E1%2585%25B3%25E1%2584%2585%25E1%2585%25B5%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25A3%25E1%2586%25BA+2016-04-13+%25E1%2584%258B%25E1%2585%25A9%25E1%2584%2592%25E1%2585%25AE+3.13.10.png "스크린샷 2016-04-13 오후 3.13.10.png")![enter image description here](https://lh3.googleusercontent.com/-hZvXa0vMFzk/Vw3lhGXRkqI/AAAAAAAAeTM/OUsSQwEYb0oGHFGxUSz9Mi6u1hnvISCQg/h300/%25E1%2584%2589%25E1%2585%25B3%25E1%2584%258F%25E1%2585%25B3%25E1%2584%2585%25E1%2585%25B5%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25A3%25E1%2586%25BA+2016-04-13+%25E1%2584%258B%25E1%2585%25A9%25E1%2584%2592%25E1%2585%25AE+3.13.16.png "스크린샷 2016-04-13 오후 3.13.16.png") - ->**Some mail clients don't support them, so an external URL might be a good idea.* +## CSS Support +Remember, it's HTML mails, so you need to check a big-ass table to find out nothing's gonna work. +See [this](https://www.campaignmonitor.com/css/). Still [gulp-inline-css](https://www.npmjs.com/package/gulp-inline-css) is being used to convert whatever CSS you throw at it to inline styles. -## 메일 클라이언트에 적용하는 법 +## TODO: +- [ ] closing `inline-css` issue [#8](https://github.com/jonkemp/inline-css/issues/8#issuecomment-149025428) would greatly improve this repo +- [ ] preprocessor support (simplifies BEM) +- [ ] use github pages to show live demos +- [ ] check [gulp-inline-css](https://github.com/jonkemp/inline-css) for new features -### 아웃룩 -### Apple Mail / OS X +## Usage with different e-mail clients + +### Thunderbird +There are several Thunderbird plugins which can automatically insert signatures when composing e-mails. We recommend [SmartTemplate4](https://addons.mozilla.org/en-us/thunderbird/addon/smarttemplate4) as one of the options. It can use different templates for new e-mails, replies and forwarded e-mails. + + +### Apple Mail / OS X (oh boy) #### Solution 1 - Open Mail.app and go to `Mail` -> `Preferences` -> `Signatures` @@ -56,10 +83,39 @@ $ open -a TextEdit ~/Library/Mobile\ Documents/com~apple~mail/Data/V3/MailData/S You can also open the HTML files in `/dist` in a browser, CMD + A, CMD + C and then paste into the signature box. This won't copy the `` part or the `
안녕하세요.
Thanks for writing up this email.
We are delighted to reply with a responsive template.
\ No newline at end of file +
안녕하세요.
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 index cb35ff0..4ab616e 100644 --- a/dist/ONEstore/signature-ONEstore.html +++ b/dist/ONEstore/signature-ONEstore.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html b/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html index 36d9638..4cc008d 100644 --- a/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html +++ b/dist/ONEstoreBlack/full-mail-ONEstoreBlack.html @@ -1 +1 @@ -
안녕하세요.
Thanks for writing up this email.
We are delighted to reply with a responsive template.
\ No newline at end of file +
안녕하세요.
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/ONEstoreBlack/signature-ONEstoreBlack.html b/dist/ONEstoreBlack/signature-ONEstoreBlack.html index d554308..9c69fb0 100644 --- a/dist/ONEstoreBlack/signature-ONEstoreBlack.html +++ b/dist/ONEstoreBlack/signature-ONEstoreBlack.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/src/ONEstore/conf.js b/src/ONEstore/conf.js index cbd74eb..5ce2301 100644 --- a/src/ONEstore/conf.js +++ b/src/ONEstore/conf.js @@ -14,7 +14,7 @@ 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: 'http://cfile25.uf.tistory.com/image/23388A45570F0087013014', // 티스토리 블로그 활용 + logoUrl: 'assets/type01.png', logoAlt: 'Onestore logo', website: 'http://onesto.re/' } diff --git a/src/ONEstoreBlack/conf.js b/src/ONEstoreBlack/conf.js index f1fe956..6530f36 100644 --- a/src/ONEstoreBlack/conf.js +++ b/src/ONEstoreBlack/conf.js @@ -15,7 +15,7 @@ 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: 'http://cfile9.uf.tistory.com/image/24337545570F008706369D', // 티스토리 블로그 활 + logoUrl: 'assets/type03.png', logoAlt: 'ONEstore. logo', website: 'http://onesto.re/' } From ab4f78b4dabdd734528a3258cc1c875aae5fd3ef Mon Sep 17 00:00:00 2001 From: Jude Park Date: Sun, 17 Apr 2016 23:17:39 +0900 Subject: [PATCH 5/6] #7 Added README files Added new usage case for Outlook 2010 for windows 7 users --- README.md | 24 ++++++++++++++++++++---- README_kor.md | 18 ++++++++++++++++++ 2 files changed, 38 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index c3558f4..e60d9b9 100644 --- a/README.md +++ b/README.md @@ -98,8 +98,27 @@ $ chflags nouchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature If you are using iCloud drive or having problems with it, you might also want to check [this article](http://matt.coneybeare.me/how-to-make-an-html-signature-in-apple-mail-for-el-capitan-os-x-10-dot-11/). -### Outlook 2010 Client for Windows +### Outlook 2010 Client for Windows 7 +#### Solution 1 +- Open Outlook 2010 and go to `File > Option > Mail > Signature` +- Create new signature (with a placeholder for your convenience) +- Open signature folder using CMD + +> As the AppData folder is hidden, I'd recommend you to opne it via CMD. + +``` +cd AppData\Roamin\Microsoft +start Signatures + +``` + +- Within this folder, find a file named with your placeholder then right click this file and select edit. +- Replace it with your HTML and save +- Open Outlook again and check your signature + + +#### Solution 2 Unfortnately, Outlook 2010 client dosen't support HTML file import features for your email template. But you can add your own signatures by simple Copy and paste like **Solution 2** above. - Open built html file on `/dist` folder and Ctrl A + C @@ -107,9 +126,6 @@ Unfortnately, Outlook 2010 client dosen't support HTML file import features for - Create new signature and paste copyed one -![2016-04-17 6 57 36](https://cloud.githubusercontent.com/assets/4177529/14586344/15585e40-04d0-11e6-8cb4-3b72aa8c30d1.png) -![2016-04-17 6 58 15](https://cloud.githubusercontent.com/assets/4177529/14586345/155b3e58-04d0-11e6-8a11-7e7e6e1094d8.png) - > **NB**: base 64 will not be shown on Outlook 2010 client. So, I recommend to use external url if you want to use images. =================== diff --git a/README_kor.md b/README_kor.md index 58de172..53a9d43 100644 --- a/README_kor.md +++ b/README_kor.md @@ -104,7 +104,25 @@ $ chflags nouchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature ### 아웃룩 2010에서 사용하기 (Outlook 2010) +#### 방법 1 +- 아웃룩 2010을 켜고 `File > Option > Mail > Signature` 으로 접속하세요. +- 새 서명을 만드세요. (나중에 확인하기 좋게, 표시를 해두시면 좋습니다.) +- CMD를 켜고 아래와 같이 입력하세요. +> AppData 폴더가 숨김 폴더라 가급적이면 CMD를 사용하는 것을 권장합니다. + +``` +cd AppData\Roamin\Microsoft +start Signatures + +``` + +- 이 폴더에서 아까 만든 서명파일을 찾아서 우클릭해서 편집을 하세요. +- 모든 HTML코드를 여러분이 새로 만든 코드로 바꿔버리세요. +- 아웃룩을 열고 서명이 적용됐는지 확인해주세요. + + +#### 방법 2 아웃룩에서는 html 파일을 넣는 방법을 제공하지 않습니다. (아...) 그래서 위의 **방법 2** 처럼 파일을 복사/붙여넣기 하는 방법으로 사용할 수 있습니다. - `/dist` 에 빌드한 html 파일을 브라우저에서 열고, ctrl A + C 로 복사하세요. From 39c84d57bf1a047318430ac9a11b4d2e846b0226 Mon Sep 17 00:00:00 2001 From: Jude Park Date: Sun, 17 Apr 2016 23:23:57 +0900 Subject: [PATCH 6/6] Added Korean character issues --- README_kor.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README_kor.md b/README_kor.md index 53a9d43..493a3e6 100644 --- a/README_kor.md +++ b/README_kor.md @@ -121,6 +121,7 @@ start Signatures - 모든 HTML코드를 여러분이 새로 만든 코드로 바꿔버리세요. - 아웃룩을 열고 서명이 적용됐는지 확인해주세요. +> **주의** 위 방법으로 진행할 경우, 한글 등 유니코드가 깨지는 문제가 있습니다. 한글 이메일 서명의 경우 아래 **방법2**을 사용하시기 바랍니다. #### 방법 2 아웃룩에서는 html 파일을 넣는 방법을 제공하지 않습니다. (아...) 그래서 위의 **방법 2** 처럼 파일을 복사/붙여넣기 하는 방법으로 사용할 수 있습니다.