{{{{raw}}}}
-If you've ever created a static site, maybe you had five pages that all shared the same header and footer. You create your first page, and then copy and paste the common elements to the next page. But now if you need to make a change to the header, the change has to be made across multiple files.
+If you've ever created a static site, maybe you had five pages that all shared the same header and footer. You create your first page, and then copy and paste the common elements to the next page. But now if you need to make a change to the header, the change has to be made across multiple files. You can do this with Emails in your campaigns too!
Panini is a flat file compiler that uses the concepts of templates, pages, and partials—powered by the [Handlebars](http://handlebarsjs.com/) templating language—to streamline the process of creating static prototypes.
-Our [prototyping template](starter-projects.html) uses Panini, along with a host of other tools for processing Sass, JavaScript, and images, to make creating static prototypes easy. It's already been configured to utilize all of the features below, but if you want to learn the specifics of how to configure the library, head over to the [Panini GitHub page](https://github.com/zurb/panini).
+Our [prototyping template](starter-projects.html) uses Panini, along with a host of other tools for processing Sass and images, to make creating optimized templates easy. It's already been configured to utilize all of the features below, but if you want to learn the specifics of how to configure the library, head over to the [Panini GitHub page](https://github.com/zurb/panini).
---
```handlebars
<html>
<head>
- <title>Definitely a Website!</title>
+ <title>Definitely an Email!</title>
</head>
<body>
<header class="header"><!-- ... --></header>
Note that there's no `<html>` or `<body>` tags, and no header or footer. This code will be injected into the `{{> body}}` declaration when Panini assembles your pages.
-In the prototyping template, these finished files are compiled into a standalone folder called `dist` (short for "distribution"), which also includes your processed CSS, JavaScript, and images. This folder can easily be uploaded to any web server, or Notable's [Hosted Prototypes](http://zurb.com/notable/features/hosted) service.
+In the prototyping template, these finished files are compiled into a standalone folder called `dist` (short for "distribution"), which also includes your processed CSS, JavaScript, and images. This folder can easily be uploaded to any ESP (Email Service Provider).
---
```handlebars
<html>
<head>
- <title>Definitely STILL a Website!</title>
+ <title>Definitely STILL an Email!</title>
</head>
<body>
- {{> header}}
- {{> navigation}}
+ {{> header}
{{> body}}
{{> footer}}
</body>
This code will print three `<li>`s, one for each item in the file.
+## Tutorials
+
+[Staying D.R.Y. with Panini](http://zurb.com/university/lessons/staying-d-r-y-with-panini)
+Panini comes with tons of Handlebars helpers built in, like a repeat helper or markdown parser, but in this lesson we’ll take a look at creating a custom month/year helper for an HTML email.
+
+
{{{{/raw}}}}
.pipe(panini({
root: 'docs/pages/',
layouts: 'docs/layouts/',
- partials: 'docs/partials/'
+ partials: 'docs/partials/',
+ helpers: foundationDocs.handlebarsHelpers
}))
.pipe(gulp.dest('_build'))
.on('finish', function() {
projects / thirdparty / foundation / foundation-emails.git / commitdiff
