diff --git a/.gitignore b/.gitignore index 64242f3..3416836 100644 --- a/.gitignore +++ b/.gitignore @@ -2,5 +2,4 @@ /node_modules/ /build/ /application/ -.DS_Store -/dist/ \ No newline at end of file +.DS_Store \ No newline at end of file diff --git a/dist/fadeit/full-mail.html b/dist/fadeit/full-mail.html new file mode 100644 index 0000000..03e0bad --- /dev/null +++ b/dist/fadeit/full-mail.html @@ -0,0 +1,28 @@ +
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/fadeit/signature-reply.html b/dist/fadeit/signature-reply.html new file mode 100644 index 0000000..5f0d520 --- /dev/null +++ b/dist/fadeit/signature-reply.html @@ -0,0 +1,28 @@ +
Med venlig hilsen / best regards,
Lars Normark Holmgaard
\ No newline at end of file diff --git a/dist/fadeit/signature.html b/dist/fadeit/signature.html new file mode 100644 index 0000000..6746aca --- /dev/null +++ b/dist/fadeit/signature.html @@ -0,0 +1,28 @@ +
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/src/fadeit/base.css b/src/fadeit/base.css index ecd232f..e64cfc4 100644 --- a/src/fadeit/base.css +++ b/src/fadeit/base.css @@ -5,9 +5,10 @@ * 1. Common styles for general table things. * ===================================== */ - -td{ - font-family: sans-serif; +tr{ + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + box-sizing: border-box; + font-size: 14px; } .main{ @@ -55,7 +56,7 @@ a{ .main__welcome{ color: #000; padding: 10px 30px 0 30px; - font-family: sans-serif; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; } @@ -63,7 +64,7 @@ a{ .main__content{ color: #000; padding: 10px 30px 0 30px; - font-family: sans-serif; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; } @@ -106,7 +107,7 @@ a{ .footer__main__col1{ /* @todo gulp-inline-css can't use width in percentages */ - width:80%; + width:70%; margin-bottom:30px; /* @todo gulp-inline-css doesn't parse align */ align:left; @@ -127,7 +128,7 @@ a{ .footer__main__col2{ /* @todo gulp-inline-css can't use width in percentages */ - width:20%; + width:30%; /* @todo gulp-inline-css doesn't parse align */ align:right; } diff --git a/src/fadeit/footer.inc.html b/src/fadeit/footer.inc.html new file mode 100644 index 0000000..53034ae --- /dev/null +++ b/src/fadeit/footer.inc.html @@ -0,0 +1,38 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + + +
+ +
+ + + + + +
+ + <!-- @echo logoAlt --> + +
+ + + \ No newline at end of file diff --git a/src/fadeit/full-mail.html b/src/fadeit/full-mail.html index cacb084..9245d75 100644 --- a/src/fadeit/full-mail.html +++ b/src/fadeit/full-mail.html @@ -1,4 +1,4 @@ - + @@ -19,44 +19,7 @@ - - - - - - - - - - - - -
-
-
-
-
- -
- - - -
- -
- - - - - -
- - <!-- @echo logoAlt --> - -
- - - + diff --git a/src/fadeit/head.html b/src/fadeit/head.inc.html similarity index 59% rename from src/fadeit/head.html rename to src/fadeit/head.inc.html index 1bc89b0..1fb0a59 100644 --- a/src/fadeit/head.html +++ b/src/fadeit/head.inc.html @@ -13,6 +13,25 @@ } body { - -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; + -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.4em; + } + + @media only screen and (max-width:480px){ + .footer td{ + font-size: 12px!important; + } + + .footer__main__col1{ + width: 100%!important; + } + + .footer__main__col2{ + width: 100%!important; + } + + .footer__main__col2__td{ + text-align: left; + padding-bottom:20px; + } } \ No newline at end of file diff --git a/src/fadeit/signature-reply.html b/src/fadeit/signature-reply.html index 1bcb26c..81f6f7a 100644 --- a/src/fadeit/signature-reply.html +++ b/src/fadeit/signature-reply.html @@ -1,4 +1,4 @@ - +
diff --git a/src/fadeit/signature.html b/src/fadeit/signature.html index 532e5a1..a5951b2 100644 --- a/src/fadeit/signature.html +++ b/src/fadeit/signature.html @@ -1,4 +1,4 @@ - +
@@ -8,44 +8,7 @@ - - - - - - - - - - - - -
-
-
-
-
- -
- - - -
- -
- - - - - -
- - <!-- @echo logoAlt --> - -
- - - + diff --git a/tasks/build.js b/tasks/build.js index 6b9c8d9..015174f 100644 --- a/tasks/build.js +++ b/tasks/build.js @@ -8,7 +8,7 @@ var gulp = require('gulp'), function buildTask(options){ gulp.task('build', function() { - gulp.src([options.src + '/**/*.html', '!' + options.src + '/**/head.html']) + gulp.src([options.src + '/**/*.html', '!' + options.src + '/**/*.inc.html']) .pipe(preprocess({ context: { signature: 'Med venlig hilsen / best regards,',