helper-geopattern

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

• github/jonschlinkert
• twitter/jonschlinkert

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.