helper-geopattern
v0.2.0
Published
Template helper for generating a geometric SVG pattern for CSS backgrounds using btmills/geopattern
Downloads
10
Maintainers
Readme
helper-geopattern
Template helper for generating a geometric SVG pattern for CSS backgrounds using btmills/geopattern
Install
Install with npm:
$ npm install --save helper-geopattern
Usage
Example for handlebars, but this should work for any template engine that takes helpers or filters.
var geopattern = require('helper-geopattern');
var handlebars = require('handlebars');
// the helper is a function that must be called when registered,
// allowing you to pass in default options to use
handlebars.registerHelper('geopattern', geopattern([options]));
Examples
Generate the geopattern based on page title
(which would need to exist on the context):
<style>
.page-header {
background-image: {{geopattern title}};
}
</style>
generator
Optionally specify the "generator" to use, which is the geometric shape. See Jason Long's geo_pattern library for examples of all available generators.
<div style="background-image: {{geopattern title generator="octogons"}}"></div>
color
Optionally specify the "color" to use
<div style="background-image: {{geopattern title color="#900"}}"></div>
About
Related projects
- handlebars-helpers: More than 130 Handlebars helpers in ~20 categories. Helpers can be used with Assemble, Generate… more | homepage
- helper-html-table: Create an HTML table from JSON configuration. | homepage
- helper-octicon: Template helper for displaying octicon SVGs. Should work with any Handlebars, Lo-Dash, underscore or any… more | homepage
- helper-uigradient: Template helper that generates the CSS for any of the gradients from Ghosh/uiGradients | homepage
- template-helpers: Generic JavaScript helpers that can be used with any template engine. Handlebars, Lo-Dash, Underscore, or… more | homepage
Contributing
Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.
Please read the contributing guide for avice on opening issues, pull requests, and coding standards.
Building docs
(This document was generated by verb-generate-readme (a verb generator), please don't edit the readme directly. Any changes to the readme must be made in .verb.md.)
To generate the readme and API documentation with verb:
$ npm install -g verb verb-generate-readme && verb
Running tests
Install dev dependencies:
$ npm install -d && npm test
Author
Jon Schlinkert
License
Copyright © 2017, Jon Schlinkert. Released under the MIT license.
This file was generated by verb-generate-readme, v0.3.0, on January 06, 2017.