https://github.com/helpers/example-pagination

Nothing to see yet, this repo will eventually contain examples and boilerplate code for adding paging and pagination to your projects with Assemble.
https://github.com/helpers/example-pagination

Last synced: 28 days ago
JSON representation

Nothing to see yet, this repo will eventually contain examples and boilerplate code for adding paging and pagination to your projects with Assemble.

• Host: GitHub
• URL: https://github.com/helpers/example-pagination
• Owner: helpers
• License: mit
• Created: 2013-10-23T01:16:52.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2015-02-19T20:40:29.000Z (almost 11 years ago)
• Last Synced: 2025-11-24T02:52:08.979Z (about 2 months ago)
• Language: CSS
• Homepage: http://assemble.github.io/example-pagination
• Size: 938 KB
• Stars: 8
• Watchers: 4
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG
  • License: LICENSE-MIT

Awesome Lists containing this project

README

          
# example-pagination [![NPM version](https://badge.fury.io/js/boilerplate-docs.png)](http://badge.fury.io/js/boilerplate-docs)

> Examples for adding pagination to your Assemble projects.

## Getting started

### Download the project

Do _one_ of the following:

* **[download][download]** this project,

* `git clone https://github.com/assemble/example-pagination.git`

* `bower install example-pagination`

### Build

After you download the project, in the command line:

* run `npm install` to install of the project's dependencies.

* run `grunt` to build the project.

If you have any problems, please [let us know](https://github.com/assemble/example-pagination/issues/new).

## Examples

### Basic pager

* `prev` and `next` buttons

* above content

* `justified` style

![image](https://f.cloud.github.com/assets/383994/1435768/d33bf88a-4147-11e3-969f-97d30028d61b.png)

***

### Pill style

* `prev` and `next` buttons

* below content

* pill style

![image](https://f.cloud.github.com/assets/383994/1435770/e696a4de-4147-11e3-9071-9f19690cbadb.png)

***

### Numbered

* `prev` and `next` buttons

* pill style

* numbered

* option to limit numbers, e.g: `{{paginate pagination limit="5"}}`

![image](https://f.cloud.github.com/assets/383994/1435777/f6a4bdd4-4147-11e3-96cf-7e7940c8bbae.png)

***

![image](https://f.cloud.github.com/assets/383994/1435780/074b1da4-4148-11e3-8a7b-fd14664fa00e.png)

## Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality.

## Authors

**Jon Schlinkert**

+ [http://twitter.com/jonschlinkert](http://twitter.com/jonschlinkert)

+ [http://github.com/jonschlinkert](http://github.com/jonschlinkert)

**Brian Woodward**

+ [http://twitter.com/doowb](http://twitter.com/doowb)

+ [http://github.com/doowb](http://github.com/doowb)

## License

Copyright (c) 2013 Jon Schlinkert, Brian Woodward, community.

Released under the [MIT license](LICENSE-MIT).