Includes a sass version of Ink (http://zurb.com/ink/docs.php).
bundle install
bower install
npm install
(Ruby and Bundler must be installed: gem install bundler
)
Copy credentials.example.json
to credentials.json
and enter any relevant details.
gulp
Starts a server with browsersync in the /dist
directory: http://localhost:3000
/styles/styles.scss
is compiled to /styles/styles.css
gulp build
CSS is inlined using Premailer
Images are optimised using Imagemin
HTML and images are saved to the /dist
directory
gulp test
gulp test --emails="email@tundra.com.au"
gulp test --emails="email1@tundra.com.au,email2@tundra.com.au"
gulp test --subject="..."
S3
Before sending a test to Litmus or an email address, all image are uploaded to S3 and all images/
paths are changed in the html.
AWS credentials are set in credentials.json
.
Litmus
If gulp test
is called without the emails
argument then it is sent to Litmus using the API. Subsequent tests are created as new versions not new tests.
Litmus API details are set in credentials.json
.
Theres is also a complete list of all possible email clients for the litmus.applications
array in litmus_clients.json
.
Email
If gulp test
is called with the emails
argument then an email is sent to each comma-separated address provided using the Mailgun API.
Mailgun API details are set in credentials.json
.
Subject The email subject line is set in this order:
- The
subject
argument passed togulp test
- The
subject
property inpackage.json
- The
name
property inpackage.json
All *.tpl.html
files in /templates
are processed into /dist
.
There is a very basic shell provided (/templates/index.tpl.php
).
Campaign Monitor template language reference: https://www.campaignmonitor.com/create/
Mailchimp template language reference: http://templates.mailchimp.com/getting-started/template-language/