example-pagination/01/posts.json

Pagination examples for Assemble.

{
  "width": "750",
  "height": "200",
  "styles": "posts.css",
  "poster": "<img class=\"media-object\" data-src=\"{{assets}}/js/holder.js/<%= posts.width %>x<%= posts.height %>/auto\" alt=\"{{data.title}}\" src=\"data:image/png;base64,\">",
  "thumbnail": {
    "left": "<img class=\"media-object-round pull-left\" data-src=\"{{assets}}/js/holder.js/140x140\" alt=\"{{data.title}}\" src=\"data:image/png;base64,\">",
    "right": "<img class=\"media-object-round pull-right\" data-src=\"{{assets}}/js/holder.js/140x140\" alt=\"{{data.title}}\" src=\"data:image/png;base64,\">"
  },
  "layouts": {
    "blog": "post"
  },
  "archives": {
    "one": {
      "data": {
        "title": "Getting Started",
        "date": "2014-01-01",
        "layout": "<%= posts.layouts.blog %>",
        "thumbnail": "<img class=\"media-object-round pull-right\" data-src=\"{{assets}}/js/holder.js/80x80\" alt=\"{{title}}\" src=\"data:image/png;base64,\">",
        "summary": "{{lorem ipsum.sentence}}",
        "categories": [],
        "tags": []
      },
      "content": "{{lorem ipsum.sentence}} <h2>h2 heading</h2> {{lorem ipsum.sentence}}<%= posts.thumbnail.left %>{{lorem ipsum.sentence}} {{lorem ipsum.sentence}} <%= posts.thumbnail.right %> {{lorem ipsum.paragraph}}"
    },
    "two": {
      "data": {
        "title": "My Second Post",
        "date": "2014-01-02",
        "layout": "<%= posts.layouts.blog %>",
        "thumbnail": "<img class=\"media-object-round pull-right\" data-src=\"{{assets}}/js/holder.js/80x80\" alt=\"{{title}}\" src=\"data:image/png;base64,\">",
        "summary": "{{lorem ipsum.sentence}}",
        "categories": [],
        "tags": []
      },
      "content": "{{lorem ipsum.sentence}} <h2>h2 heading</h2> {{lorem ipsum.sentence}}<%= posts.thumbnail.left %>{{lorem ipsum.sentence}} {{lorem ipsum.sentence}} <%= posts.thumbnail.right %> {{lorem ipsum.paragraph}}"
    },
    "three": {
      "data": {
        "title": "My Third Post",
        "date": "2014-01-03",
        "layout": "<%= posts.layouts.blog %>",
        "thumbnail": "<img class=\"media-object-round pull-right\" data-src=\"{{assets}}/js/holder.js/80x80\" alt=\"{{title}}\" src=\"data:image/png;base64,\">",
        "summary": "{{lorem ipsum.sentence}}",
        "categories": [],
        "tags": []
      },
      "content": "{{lorem ipsum.sentence}} <h2>h2 heading</h2> {{lorem ipsum.sentence}}<%= posts.thumbnail.left %>{{lorem ipsum.sentence}} {{lorem ipsum.sentence}} <%= posts.thumbnail.right %> {{lorem ipsum.paragraph}}"
    },
    "four": {
      "data": {
        "title": "My Fourth Post",
        "date": "2014-01-04",
        "layout": "<%= posts.layouts.blog %>",
        "thumbnail": "<img class=\"media-object-round pull-right\" data-src=\"{{assets}}/js/holder.js/80x80\" alt=\"{{title}}\" src=\"data:image/png;base64,\">",
        "summary": "{{lorem ipsum.sentence}}",
        "categories": [],
        "tags": []
      },
      "content": "{{lorem ipsum.sentence}} <h2>h2 heading</h2> {{lorem ipsum.sentence}}<%= posts.thumbnail.left %>{{lorem ipsum.sentence}} {{lorem ipsum.sentence}} <%= posts.thumbnail.right %> {{lorem ipsum.paragraph}}"
    },
    "five": {
      "data": {
        "title": "My Fifth Post",
        "date": "2014-01-05",
        "layout": "<%= posts.layouts.blog %>",
        "thumbnail": "<img class=\"media-object-round pull-right\" data-src=\"{{assets}}/js/holder.js/80x80\" alt=\"{{title}}\" src=\"data:image/png;base64,\">",
        "summary": "{{lorem ipsum.sentence}}",
        "categories": [],
        "tags": []
      },
      "content": "{{lorem ipsum.sentence}} <h2>h2 heading</h2> {{lorem ipsum.sentence}}<%= posts.thumbnail.left %>{{lorem ipsum.sentence}} {{lorem ipsum.sentence}} <%= posts.thumbnail.right %> {{lorem ipsum.paragraph}}"
    },
    "six": {
      "data": {
        "title": "My Sixth Post",
        "date": "2014-01-06",
        "layout": "<%= posts.layouts.blog %>",
        "thumbnail": "<img class=\"media-object-round pull-right\" data-src=\"{{assets}}/js/holder.js/80x80\" alt=\"{{title}}\" src=\"data:image/png;base64,\">",
        "summary": "{{lorem ipsum.sentence}}",
        "categories": [],
        "tags": []
      },
      "content": "{{lorem ipsum.sentence}} <h2>h2 heading</h2> {{lorem ipsum.sentence}}<%= posts.thumbnail.left %>{{lorem ipsum.sentence}} {{lorem ipsum.sentence}} <%= posts.thumbnail.right %> {{lorem ipsum.paragraph}}"
    }
  }
}