Using Promo Slide on your site

A simple example of Promo Slide is below. It customizes the header text, and puts a link in the body text.

$('body').promoSlide({
      headerText: "Read more from my blog",
      bodyText: "Latest article: <a href='#'>10 Blogging Tips</a>"
});

What does it look like?

Promo Slide uses a panel component from Bootstrap as the main container HTML. This way the panel markup is well-known, there are some built-in style variations, and additional styles can be added easily. The panel is wrapped in a plugin class promo-slide-container.

The examples below are bootstrap panels using the panel-primary, panel-info, and panel-danger CSS classes.

Known issues:

• Not tested on browsers other than Chrome and Safari. Would love to get help here.
• Not supporting multiple lines of body text.
• Bootstrap panel classes have to added to plugin source now. Can make this a config option later.

Tests

Add a whole lot of copy to make the page long

Sint four loko fashion axe Pitchfork, beard aliqua Banksy ethical in ut est ad +1 kogi Etsy. Tote bag assumenda id occaecat, Blue Bottle cliche ea culpa Thundercats semiotics Cosby sweater ad street art. Trust fund cornhole +1, sapiente try-hard craft beer jean shorts. Trust fund messenger bag nisi non Thundercats selvage. Literally YOLO meh, meggings photo booth mustache aute velit. Organic master cleanse actually, craft beer McSweeney's tote bag gentrify excepteur Terry Richardson dolore viral Portland mumblecore sustainable. IPhone Wes Anderson shabby chic meggings, yr Austin street art exercitation direct trade.

Yr nisi post-ironic, McSweeney's four loko velit mumblecore VHS Helvetica. Ugh kitsch Portland, Truffaut pork belly ex excepteur Brooklyn pop-up. Flexitarian readymade excepteur reprehenderit semiotics photo booth. Food truck forage authentic roof party. Et pariatur minim irure. Quis leggings gastropub authentic, est locavore kogi polaroid iPhone blog. Skateboard Schlitz Wes Anderson assumenda Bushwick id.

Street art deep v kitsch Austin yr. Brooklyn cray eiusmod, aesthetic veniam freegan velit sint mixtape ut Neutra gentrify. Pariatur banh mi gluten-free XOXO. Enim banh mi +1 nostrud reprehenderit kitsch, bitters asymmetrical beard incididunt Brooklyn odio kale chips. Literally cornhole YOLO, before they sold out pork belly readymade mollit dreamcatcher. Narwhal brunch wayfarers in Vice exercitation fanny pack, Marfa Bushwick id asymmetrical. Placeat Blue Bottle 90's eiusmod, cornhole consequat veniam chillwave try-hard viral Helvetica art party.

Literally tousled selvage labore church-key, aesthetic accusamus post-ironic mlkshk assumenda raw denim XOXO esse. Trust fund sustainable Cosby sweater incididunt Schlitz messenger bag, officia PBR. Cillum culpa Banksy Truffaut, narwhal retro commodo pug Williamsburg chillwave Tumblr umami drinking vinegar artisan hella. Cosby sweater pork belly banh mi, Portland flannel aesthetic trust fund 90's accusamus church-key bicycle rights. Delectus jean shorts umami, Austin eu gluten-free locavore skateboard vero exercitation. Selvage meggings cornhole, food truck DIY assumenda mustache. Deserunt post-ironic roof party laboris, salvia chambray trust fund Etsy chillwave retro pariatur magna try-hard farm-to-table.

Literally tousled selvage labore church-key, aesthetic accusamus post-ironic mlkshk assumenda raw denim XOXO esse. Trust fund sustainable Cosby sweater incididunt Schlitz messenger bag, officia PBR. Cillum culpa Banksy Truffaut, narwhal retro commodo pug Williamsburg chillwave Tumblr umami drinking vinegar artisan hella. Cosby sweater pork belly banh mi, Portland flannel aesthetic trust fund 90's accusamus church-key bicycle rights. Delectus jean shorts umami, Austin eu gluten-free locavore skateboard vero exercitation. Selvage meggings cornhole, food truck DIY assumenda mustache. Deserunt post-ironic roof party laboris, salvia chambray trust fund Etsy chillwave retro pariatur magna try-hard farm-to-table.

Literally tousled selvage labore church-key, aesthetic accusamus post-ironic mlkshk assumenda raw denim XOXO esse. Trust fund sustainable Cosby sweater incididunt Schlitz messenger bag, officia PBR. Cillum culpa Banksy Truffaut, narwhal retro commodo pug Williamsburg chillwave Tumblr umami drinking vinegar artisan hella. Cosby sweater pork belly banh mi, Portland flannel aesthetic trust fund 90's accusamus church-key bicycle rights. Delectus jean shorts umami, Austin eu gluten-free locavore skateboard vero exercitation. Selvage meggings cornhole, food truck DIY assumenda mustache. Deserunt post-ironic roof party laboris, salvia chambray trust fund Etsy chillwave retro pariatur magna try-hard farm-to-table.

Literally tousled selvage labore church-key, aesthetic accusamus post-ironic mlkshk assumenda raw denim XOXO esse. Trust fund sustainable Cosby sweater incididunt Schlitz messenger bag, officia PBR. Cillum culpa Banksy Truffaut, narwhal retro commodo pug Williamsburg chillwave Tumblr umami drinking vinegar artisan hella. Cosby sweater pork belly banh mi, Portland flannel aesthetic trust fund 90's accusamus church-key bicycle rights. Delectus jean shorts umami, Austin eu gluten-free locavore skateboard vero exercitation. Selvage meggings cornhole, food truck DIY assumenda mustache. Deserunt post-ironic roof party laboris, salvia chambray trust fund Etsy chillwave retro pariatur magna try-hard farm-to-table.

Literally tousled selvage labore church-key, aesthetic accusamus post-ironic mlkshk assumenda raw denim XOXO esse. Trust fund sustainable Cosby sweater incididunt Schlitz messenger bag, officia PBR. Cillum culpa Banksy Truffaut, narwhal retro commodo pug Williamsburg chillwave Tumblr umami drinking vinegar artisan hella. Cosby sweater pork belly banh mi, Portland flannel aesthetic trust fund 90's accusamus church-key bicycle rights. Delectus jean shorts umami, Austin eu gluten-free locavore skateboard vero exercitation. Selvage meggings cornhole, food truck DIY assumenda mustache. Deserunt post-ironic roof party laboris, salvia chambray trust fund Etsy chillwave retro pariatur magna try-hard farm-to-table.