Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mikeumus/docpad-plugin-iconmonstrtipsy

⚠ NEEDS UPDATE FOR NEWER VERSIONS OF DOCPAD. Eco iconmonstr SVG icons as functions for Docpad via getBlock() codes, plus a popover argument!
https://github.com/mikeumus/docpad-plugin-iconmonstrtipsy

Last synced: 25 days ago
JSON representation

⚠ NEEDS UPDATE FOR NEWER VERSIONS OF DOCPAD. Eco iconmonstr SVG icons as functions for Docpad via getBlock() codes, plus a popover argument!

Awesome Lists containing this project

README

        

# iconmonstr + tipsy for DocPad
### via Eco functions

52 or so SVG icons in a eco function.
![Alt text](https://googledrive.com/host/0B9LVk4xbDIJTSWVYcU5fb0RUVVk/iconmonstrs.png "Current icons available screenshot.")

Install:
`docpad install iconmonstrtipsy`

Function:
getIconmonstrTipsyBlock(`iconName`,'iconId`,`iconClass`,`tipsy`)

Real world example:
`<%- @getIconmonstrTipsyBlock('globe','iconmonstr-head-id','cool-class','data-placement="right" data-content="Some more content here. This is my second tooltip."') %>`

### Required

Have the following in your `/scripts/script.js` file or in it's own YUI javascript file:
```
YUI({
gallery: 'gallery-2013.03.27-22-06'
}).use('gallery-tipsy','gallery-popover', function (Y) {
//Y.Popover is loaded and good to go.

var tipsy = new Y.Tipsy({
selector: "[rel='tipsy']"
});

tipsy.render();
});
```

YUI 3 is a dependency for this plugin so no need to also load YUI as a script in `docpad.coffee`'s `scripts: []` or otherwise.