From 6ca56001100432b56deb8af12897853d9bb05634 Mon Sep 17 00:00:00 2001
From: Marc Bachmann <marc.brookman@gmail.com>
Date: Wed, 27 Jan 2016 00:51:39 +0100
Subject: [PATCH 1/5] Add node_modules to gitignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index c53f0b4..0e69430 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 *.pdf
 !example/businesscard.pdf
+node_modules

From 2ce36eb0619f50c1068d21ddce8e440052ebb9a8 Mon Sep 17 00:00:00 2001
From: Marc Bachmann <marc.brookman@gmail.com>
Date: Wed, 27 Jan 2016 00:52:52 +0100
Subject: [PATCH 2/5] Add custom header and footer support
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

You can use
<div id=“pageFooter-last”>
<div id=“pageFooter-first”>
<div id=“pageFooter-2”>
---
 src/scripts/pdf_a4_portrait.coffee | 54 +++++++++++++++++++++++-------
 1 file changed, 42 insertions(+), 12 deletions(-)

diff --git a/src/scripts/pdf_a4_portrait.coffee b/src/scripts/pdf_a4_portrait.coffee
index 12aeb4e..a480d11 100755
--- a/src/scripts/pdf_a4_portrait.coffee
+++ b/src/scripts/pdf_a4_portrait.coffee
@@ -54,15 +54,40 @@ setTimeout ->
 # ------------------------------
 getContent = ->
   page.evaluate ->
+    getElements = (doc, wildcard) ->
+      wildcardMatcher = new RegExp("#{wildcard}(.*)")
+      hasElements = false
+      elements = {}
+      $elements = document.querySelectorAll("[id*='#{wildcard}']")
+      for $elem in $elements
+        if match = $elem.attributes.id.value.match(wildcardMatcher)
+          hasElements = true
+          i = match[1]
+          elements[i] = $elem.outerHTML
+
+          $elem.parentNode.removeChild($elem)
+
+      if hasElements
+        return elements
+
+    getElement = (doc, id) ->
+      if $elem = doc.getElementById(id)
+        html = $elem.outerHTML
+        $elem.parentNode.removeChild($elem)
+        return html
+
     styles = document.querySelectorAll('link,style')
     styles = Array::reduce.call(styles, ((string, node) -> string+node.outerHTML),'')
-    if $header = document.getElementById('pageHeader')
-      header = $header.outerHTML
-      $header.parentNode.removeChild($header)
 
-    if $footer = document.getElementById('pageFooter')
-      footer = $footer.outerHTML
-      $footer.parentNode.removeChild($footer)
+    # Wildcard headers e.g. <div id="pageHeader-first"> or <div id="pageHeader-0">
+    header = getElements(document, 'pageHeader-')
+    footer = getElements(document, 'pageFooter-')
+
+    # Default header and footer e.g. <div id="pageHeader">
+    h = getElement(document, 'pageHeader')
+    f = getElement(document, 'pageFooter')
+    (header ?= {}).default = h if h
+    (footer ?= {}).default = f if f
 
     if $body = document.getElementById('pageContent')
       body = $body.outerHTML
@@ -89,12 +114,18 @@ createPaper = (options) ->
 
 # Creates page section
 # --------------------
-createSection = (content, styles, options) ->
-  height: options?.height
+createSection = (section, content, options) ->
+  c = content[section] || {}
+  o = options[section] || {}
+
+  height: o.height
   contents: phantom.callback (pageNum, numPages) ->
-    (options?.contents || content || '')
+    html = c[pageNum]
+    html ?= c['first'] if pageNum == 1
+    html ?= c['last'] if pageNum == numPages
+    (html || c.default || o.contents || '')
       .replace('{{page}}', pageNum)
-      .replace('{{pages}}', numPages)+styles
+      .replace('{{pages}}', numPages) + content.styles
 
 
 # Creates paper with generated footer & header
@@ -104,8 +135,7 @@ generatePaper = (content, options) ->
 
   for section in ['header', 'footer']
     if options[section] || content[section]
-      paper[section] =
-        createSection(content[section], content.styles, options[section])
+      paper[section] = createSection(section, content, options)
 
   paper.header?.height ?= '46mm'
   paper.footer?.height ?= '28mm'

From 109b4770eddb1da602b01cf2017bbf5e56a16bbc Mon Sep 17 00:00:00 2001
From: Marc Bachmann <marc.brookman@gmail.com>
Date: Wed, 27 Jan 2016 00:53:22 +0100
Subject: [PATCH 3/5] Add multiple pages example

---
 test/index.coffee        |  11 +++
 test/multiple-pages.html | 209 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 220 insertions(+)
 create mode 100644 test/multiple-pages.html

diff --git a/test/index.coffee b/test/index.coffee
index eba74f7..d977fef 100644
--- a/test/index.coffee
+++ b/test/index.coffee
@@ -117,6 +117,17 @@ test 'allows custom page and footer options', (st) ->
     st.assert(fs.existsSync(pdf.filename), 'Saves the pdf with a custom page size and footer')
 
 
+test 'allows different header and footer for first page', (st) ->
+  st.plan(3)
+
+  enrichedHtml = fs.readFileSync(path.join(__dirname, 'multiple-pages.html'), 'utf8')
+  filename = path.join(__dirname, 'multiple-pages.pdf')
+  pdf.create(enrichedHtml, quality: 100).toFile filename, (error, pdf) ->
+    st.error(error)
+    st.assert(pdf.filename == filename, 'Returns the filename from the phantom script')
+    st.assert(fs.existsSync(pdf.filename), 'Saves the pdf with a custom page size and footer')
+
+
 test 'load external css', (st) ->
   st.plan(3)
 
diff --git a/test/multiple-pages.html b/test/multiple-pages.html
new file mode 100644
index 0000000..3a84165
--- /dev/null
+++ b/test/multiple-pages.html
@@ -0,0 +1,209 @@
+<html>
+  <head>
+    <meta charset="utf-8">
+    <style>
+      body {
+        font-family: "Helvetica Neue", sans-serif;
+        color: #333;
+        padding: 20px;
+      }
+
+      p {
+         page-break-inside: avoid;
+      }
+
+      table {
+         width: 100%;
+         text-align: left;
+      }
+
+      thead {
+        display: table-header-group;
+      }
+
+    </style>
+  </head>
+  <body>
+      <div id="pageHeader-first">Front page header</div>
+      <div id="pageHeader-3">Third page header</div>
+      <div id="pageHeader-last">Last page header</div>
+      <div id="pageFooter-1">First page footer</div>
+      <div id="pageFooter-last">Last page of {{pages}} pages</div>
+      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+      <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
+
+      <table>
+         <thead>
+            <tr>
+               <th>First Heading</th>
+               <th>Second Heading</th>
+               <th>Third Heading</th>
+            </tr>
+         </thead>
+         <tbody>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+            <tr>
+               <td>foo</td>
+               <td>bar</td>
+               <td>baz</td>
+            </tr>
+            <tr>
+               <td>fim</td>
+               <td>fam</td>
+               <td>fom</td>
+            </tr>
+
+         </tbody>
+      </table>
+
+      <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
+      <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p>
+      <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
+      <p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.</p>
+      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+      <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
+      <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo</p>
+
+  </body>
+</html>

From 6a8ac5ac62c64c491a29e93cff1500c7bc612253 Mon Sep 17 00:00:00 2001
From: Marc Bachmann <marc.brookman@gmail.com>
Date: Wed, 27 Jan 2016 00:57:08 +0100
Subject: [PATCH 4/5] Upgrade to most recent 1.9.x phantomjs version before
 v2.0 release

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c363ed7..62f4e1b 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "tape": "^3.4.0"
   },
   "optionalDependencies": {
-    "phantomjs": "^1.9.16"
+    "phantomjs": "^1.9.19"
   },
   "repository": {
     "type": "git",

From 6bb48cfa6879b89764105f60b9c4c174576d1784 Mon Sep 17 00:00:00 2001
From: Marc Bachmann <marc.brookman@gmail.com>
Date: Wed, 27 Jan 2016 00:57:36 +0100
Subject: [PATCH 5/5] Update js files

---
 lib/index.js                   |  8 ++--
 lib/pdf.js                     | 20 ++++-----
 lib/scripts/pdf_a4_portrait.js | 74 +++++++++++++++++++++++++++-------
 3 files changed, 73 insertions(+), 29 deletions(-)

diff --git a/lib/index.js b/lib/index.js
index 2572189..34b21cc 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -1,11 +1,11 @@
-// Generated by CoffeeScript 1.9.3
+// Generated by CoffeeScript 1.10.0
 (function() {
   var PDF;
 
   PDF = require('./pdf');
 
   exports.create = function(html, options, callback) {
-    var err, pdf;
+    var err, error, pdf;
     if (arguments.length === 1) {
       return new PDF(html);
     }
@@ -18,8 +18,8 @@
     }
     try {
       pdf = new PDF(html, options);
-    } catch (_error) {
-      err = _error;
+    } catch (error) {
+      err = error;
       return callback(err);
     }
     return pdf.exec(callback);
diff --git a/lib/pdf.js b/lib/pdf.js
index e7093ca..a3251c9 100644
--- a/lib/pdf.js
+++ b/lib/pdf.js
@@ -1,6 +1,6 @@
-// Generated by CoffeeScript 1.9.3
+// Generated by CoffeeScript 1.10.0
 (function() {
-  var PDF, Stream, assert, childprocess, err, fs, path, phantomjs;
+  var PDF, Stream, assert, childprocess, err, error, fs, path, phantomjs;
 
   fs = require('fs');
 
@@ -14,8 +14,8 @@
 
   try {
     phantomjs = require('phantomjs');
-  } catch (_error) {
-    err = _error;
+  } catch (error) {
+    err = error;
     console.log('html-pdf: Failed to load PhantomJS module.', err);
   }
 
@@ -64,14 +64,14 @@
 
     PDF.prototype.toStream = function(callback) {
       return this.exec(function(err, res) {
-        var stream;
+        var error1, stream;
         if (err) {
           return callback(err);
         }
         try {
           stream = fs.createReadStream(res.filename);
-        } catch (_error) {
-          err = _error;
+        } catch (error1) {
+          err = error1;
           return callback(err);
         }
         stream.on('end', function() {
@@ -117,7 +117,7 @@
         return child.kill();
       });
       child.on('exit', function(code) {
-        var data, ref;
+        var data, error1, ref;
         clearTimeout(timeout);
         if (code || stderr.length) {
           err = new Error(Buffer.concat(stderr).toString() || 'html-pdf: Unknown Error');
@@ -126,8 +126,8 @@
           try {
             data = (ref = Buffer.concat(stdout).toString()) != null ? ref.trim() : void 0;
             data = JSON.parse(data);
-          } catch (_error) {
-            err = _error;
+          } catch (error1) {
+            err = error1;
             return callback(err);
           }
           return callback(null, data);
diff --git a/lib/scripts/pdf_a4_portrait.js b/lib/scripts/pdf_a4_portrait.js
index eb26950..b231ab0 100644
--- a/lib/scripts/pdf_a4_portrait.js
+++ b/lib/scripts/pdf_a4_portrait.js
@@ -1,4 +1,4 @@
-// Generated by CoffeeScript 1.9.3
+// Generated by CoffeeScript 1.10.0
 (function() {
   var buildStack, createPaper, createSection, exit, generatePaper, getContent, json, options, page, ref, system, timeout, totalPages, vp, webpage;
 
@@ -67,18 +67,47 @@
 
   getContent = function() {
     return page.evaluate(function() {
-      var $body, $footer, $header, body, footer, header, styles;
+      var $body, body, f, footer, getElement, getElements, h, header, styles;
+      getElements = function(doc, wildcard) {
+        var $elem, $elements, elements, hasElements, i, j, len, match, wildcardMatcher;
+        wildcardMatcher = new RegExp(wildcard + "(.*)");
+        hasElements = false;
+        elements = {};
+        $elements = document.querySelectorAll("[id*='" + wildcard + "']");
+        for (j = 0, len = $elements.length; j < len; j++) {
+          $elem = $elements[j];
+          if (match = $elem.attributes.id.value.match(wildcardMatcher)) {
+            hasElements = true;
+            i = match[1];
+            elements[i] = $elem.outerHTML;
+            $elem.parentNode.removeChild($elem);
+          }
+        }
+        if (hasElements) {
+          return elements;
+        }
+      };
+      getElement = function(doc, id) {
+        var $elem, html;
+        if ($elem = doc.getElementById(id)) {
+          html = $elem.outerHTML;
+          $elem.parentNode.removeChild($elem);
+          return html;
+        }
+      };
       styles = document.querySelectorAll('link,style');
       styles = Array.prototype.reduce.call(styles, (function(string, node) {
         return string + node.outerHTML;
       }), '');
-      if ($header = document.getElementById('pageHeader')) {
-        header = $header.outerHTML;
-        $header.parentNode.removeChild($header);
+      header = getElements(document, 'pageHeader-');
+      footer = getElements(document, 'pageFooter-');
+      h = getElement(document, 'pageHeader');
+      f = getElement(document, 'pageFooter');
+      if (h) {
+        (header != null ? header : header = {})["default"] = h;
       }
-      if ($footer = document.getElementById('pageFooter')) {
-        footer = $footer.outerHTML;
-        $footer.parentNode.removeChild($footer);
+      if (f) {
+        (footer != null ? footer : footer = {})["default"] = f;
       }
       if ($body = document.getElementById('pageContent')) {
         body = $body.outerHTML;
@@ -109,23 +138,38 @@
     return paper;
   };
 
-  createSection = function(content, styles, options) {
+  createSection = function(section, content, options) {
+    var c, o;
+    c = content[section] || {};
+    o = options[section] || {};
     return {
-      height: options != null ? options.height : void 0,
+      height: o.height,
       contents: phantom.callback(function(pageNum, numPages) {
-        return ((options != null ? options.contents : void 0) || content || '').replace('{{page}}', pageNum).replace('{{pages}}', numPages) + styles;
+        var html;
+        html = c[pageNum];
+        if (pageNum === 1) {
+          if (html == null) {
+            html = c['first'];
+          }
+        }
+        if (pageNum === numPages) {
+          if (html == null) {
+            html = c['last'];
+          }
+        }
+        return (html || c["default"] || o.contents || '').replace('{{page}}', pageNum).replace('{{pages}}', numPages) + content.styles;
       })
     };
   };
 
   generatePaper = function(content, options) {
-    var i, len, paper, ref1, ref2, ref3, section;
+    var j, len, paper, ref1, ref2, ref3, section;
     paper = createPaper(options);
     ref1 = ['header', 'footer'];
-    for (i = 0, len = ref1.length; i < len; i++) {
-      section = ref1[i];
+    for (j = 0, len = ref1.length; j < len; j++) {
+      section = ref1[j];
       if (options[section] || content[section]) {
-        paper[section] = createSection(content[section], content.styles, options[section]);
+        paper[section] = createSection(section, content, options);
       }
     }
     if ((ref2 = paper.header) != null) {