helpers/helper-geopattern

Name: helper-geopattern

Owner: Helpers

Description: Template helper for generating a geometric SVG pattern for CSS backgrounds using btmills/geopattern

Created: 2017-01-05 23:25:04.0

Updated: 2017-08-16 20:24:13.0

Pushed: 2017-01-07 02:19:06.0

Homepage: null

Size: 8

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

helper-geopattern

Template helper for generating a geometric SVG pattern for CSS backgrounds using btmills/geopattern

Install

Install with npm:

m install --save helper-geopattern

Usage

Example for handlebars, but this should work for any template engine that takes helpers or filters.

geopattern = require('helper-geopattern');
handlebars = require('handlebars');

he helper is a function that must be called when registered,
llowing you to pass in default options to use
lebars.registerHelper('geopattern', geopattern([options]));

Examples

Generate the geopattern based on page title (which would need to exist on the context):

le>
age-header { 
background-image: {{geopattern title}};

yle>

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.

 style="background-image: {{geopattern title generator="octogons"}}"></div>

color

Optionally specify the “color” to use

 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:

m install -g verb verb-generate-readme && verb

Running tests

Install dev dependencies:

m 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.