diff --git a/README.md b/README.md index 7de7e73..05a480f 100644 --- a/README.md +++ b/README.md @@ -2,8 +2,11 @@ Responsive templates for email signatures. **Disclaimer**: super basic layout. +## What does it do (checklist) + ## Get started + ## Preview @todo Here's an example of what's inside: @@ -24,3 +27,6 @@ fix inline-css issue, preprocessor support (simpler BEM)? ### 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 \ No newline at end of file diff --git a/dist/fadeit/full-mail-fadeit.html b/dist/fadeit/full-mail-fadeit.html new file mode 100644 index 0000000..9fd7ef2 --- /dev/null +++ b/dist/fadeit/full-mail-fadeit.html @@ -0,0 +1,25 @@ +
Hi there,
Thanks for writing up this email.
We are delighted to reply with a responsive template.
Yours truly,
Jane Whatsmyname
Call 81100200 or email us at info@fadeit.dk
Anelystparken 31, DK-8381 Tilst, Aarhus
fadeit logo
\ No newline at end of file diff --git a/dist/fadeit/full-mail-sample.html b/dist/fadeit/full-mail-sample.html deleted file mode 100644 index a10c026..0000000 --- a/dist/fadeit/full-mail-sample.html +++ /dev/null @@ -1,28 +0,0 @@ -
Hi there,
Thanks for writing up this email.
We are delighted to reply with a responsive template.
Yours truly,
Jane Whatsmyname
Call 81100200 or email us at info@fadeit.dk
Anelystparken 31, DK-8381 Tilst, Aarhus
fadeit logo
\ No newline at end of file diff --git a/dist/fadeit/signature-fadeit.html b/dist/fadeit/signature-fadeit.html new file mode 100644 index 0000000..8d1a33c --- /dev/null +++ b/dist/fadeit/signature-fadeit.html @@ -0,0 +1,25 @@ +
Yours truly,
Jane Whatsmyname
Call 81100200 or email us at info@fadeit.dk
Anelystparken 31, DK-8381 Tilst, Aarhus
fadeit logo
\ No newline at end of file diff --git a/dist/fadeit/signature-reply-fadeit.html b/dist/fadeit/signature-reply-fadeit.html new file mode 100644 index 0000000..2e4f576 --- /dev/null +++ b/dist/fadeit/signature-reply-fadeit.html @@ -0,0 +1,25 @@ +
Yours truly,
Jane Whatsmyname
\ No newline at end of file diff --git a/dist/fadeit/signature-reply-sample.html b/dist/fadeit/signature-reply-sample.html deleted file mode 100644 index da7272e..0000000 --- a/dist/fadeit/signature-reply-sample.html +++ /dev/null @@ -1,28 +0,0 @@ -
Yours truly,
Jane Whatsmyname
\ No newline at end of file diff --git a/dist/fadeit/signature-sample.html b/dist/fadeit/signature-sample.html deleted file mode 100644 index ba033f7..0000000 --- a/dist/fadeit/signature-sample.html +++ /dev/null @@ -1,28 +0,0 @@ -
Yours truly,
Jane Whatsmyname
Call 81100200 or email us at info@fadeit.dk
Anelystparken 31, DK-8381 Tilst, Aarhus
fadeit logo
\ No newline at end of file diff --git a/dist/play/full-mail-play-lars.html b/dist/play/full-mail-play-lars.html deleted file mode 100644 index 7cc9ee6..0000000 --- a/dist/play/full-mail-play-lars.html +++ /dev/null @@ -1,28 +0,0 @@ -
Hi there,
Thanks for writing up this email.
We are delighted to reply with a custom footer template.
Med venlig hilsen / best regards,
Lars Normark Holmgaard
Call 81100200 or email us at info@fadeit.dk
Anelystparken 31D  ●  DK-8381 Tilst  ●  Aarhus

fadeit logo
\ No newline at end of file diff --git a/dist/play/signature-play-lars.html b/dist/play/signature-play-lars.html deleted file mode 100644 index 72a7e33..0000000 --- a/dist/play/signature-play-lars.html +++ /dev/null @@ -1,28 +0,0 @@ -
Med venlig hilsen / best regards,
Lars Normark Holmgaard
Call 81100200 or email us at info@fadeit.dk
Anelystparken 31D  ●  DK-8381 Tilst  ●  Aarhus

fadeit logo
\ No newline at end of file diff --git a/dist/play/signature-play.html b/dist/play/signature-play.html new file mode 100644 index 0000000..23e1f5e --- /dev/null +++ b/dist/play/signature-play.html @@ -0,0 +1,29 @@ +
Best regards,
Jane Whatsmyname
Play. logo
LED Pylon. LED Wall. Digital Signage.
Call (45) 81100200 or email us at info@tryplay.dk
\ No newline at end of file diff --git a/dist/play/signature-reply-play-lars.html b/dist/play/signature-reply-play-lars.html deleted file mode 100644 index 5f0d520..0000000 --- a/dist/play/signature-reply-play-lars.html +++ /dev/null @@ -1,28 +0,0 @@ -
Med venlig hilsen / best regards,
Lars Normark Holmgaard
\ No newline at end of file diff --git a/dist/play/signature-reply-play.html b/dist/play/signature-reply-play.html new file mode 100644 index 0000000..ea3b472 --- /dev/null +++ b/dist/play/signature-reply-play.html @@ -0,0 +1,29 @@ +
Best regards,
Jane Whatsmyname
\ No newline at end of file diff --git a/package.json b/package.json index 77997fb..de82f47 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "del": "^2.0.2", "gulp": "^3.9.0", "gulp-inline-css": "^3.0.0", + "gulp-inline-image-html": "^0.2.1", "gulp-minify-html": "^1.0.4", "gulp-preprocess": "^1.2.0", "gulp-rename": "^1.2.2", diff --git a/src/fadeit/assets/fadeit-logo.png b/src/fadeit/assets/fadeit-logo.png new file mode 100644 index 0000000..1d61548 Binary files /dev/null and b/src/fadeit/assets/fadeit-logo.png differ diff --git a/src/fadeit/conf.js b/src/fadeit/conf.js index 53bead6..30979f6 100644 --- a/src/fadeit/conf.js +++ b/src/fadeit/conf.js @@ -1,6 +1,10 @@ +/* + * 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: 'sample', + id: 'fadeit', // Will be appended to the built templates. signature: 'Yours truly,', name: 'Jane Whatsmyname', welcome: 'Hi there,', @@ -8,7 +12,7 @@ module.exports = [ 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/!email/fadeit-logo.png', + logoUrl: 'http://fadeit.dk/src/assets/img/brand/fadeit-logo.png', logoAlt: 'fadeit logo', website: 'http://fadeit.dk' } diff --git a/src/play/base.css b/src/fadeit/fadeit.css similarity index 93% rename from src/play/base.css rename to src/fadeit/fadeit.css index e64cfc4..2b91a8a 100644 --- a/src/play/base.css +++ b/src/fadeit/fadeit.css @@ -5,10 +5,20 @@ * 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{ @@ -136,10 +146,13 @@ a{ .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; diff --git a/src/fadeit/footer.inc.html b/src/fadeit/footer.inc.html index 53034ae..0ce5e38 100644 --- a/src/fadeit/footer.inc.html +++ b/src/fadeit/footer.inc.html @@ -29,7 +29,7 @@ - <!-- @echo logoAlt --> + <!-- @echo logoAlt --> diff --git a/src/fadeit/head.inc.html b/src/fadeit/head.inc.html index 1fb0a59..5a6305e 100644 --- a/src/fadeit/head.inc.html +++ b/src/fadeit/head.inc.html @@ -4,18 +4,11 @@ - + \ No newline at end of file diff --git a/src/play/assets/play-logo.png b/src/play/assets/play-logo.png new file mode 100644 index 0000000..83e17b7 Binary files /dev/null and b/src/play/assets/play-logo.png differ diff --git a/src/play/conf.js b/src/play/conf.js index ab362db..b24007c 100644 --- a/src/play/conf.js +++ b/src/play/conf.js @@ -1,15 +1,13 @@ module.exports = [ { - id: 'play-lars', - signature: 'Med venlig hilsen / best regards,', - name: 'Lars Normark Holmgaard', - welcome: 'Hi there,', - introParagraph: 'Thanks for writing up this email.
We are delighted to reply with a custom footer 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 31D  ●  DK-8381 Tilst  ●  Aarhus
', - logoUrl: 'http://fadeit.dk/!email/fadeit-logo.png', - logoAlt: 'fadeit logo', - website: 'http://fadeit.dk' + 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/play/footer.inc.html b/src/play/footer.inc.html index 04cc08a..c70f880 100644 --- a/src/play/footer.inc.html +++ b/src/play/footer.inc.html @@ -1,38 +1,36 @@ - + - - - - - -

-
+
-
- -
- - - -
-
-
+ + + +
- <!-- @echo logoAlt --> + <!-- @echo logoAlt -->
+ + + + +
+
+ + +
\ No newline at end of file diff --git a/src/play/full-mail.html b/src/play/full-mail.html deleted file mode 100644 index 9245d75..0000000 --- a/src/play/full-mail.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - -
- -
- -
- diff --git a/src/play/head.inc.html b/src/play/head.inc.html index 1fb0a59..2b2321f 100644 --- a/src/play/head.inc.html +++ b/src/play/head.inc.html @@ -4,19 +4,12 @@ - +