How to include Derby Brewing beers on your website
You can include Derby Brewing beers on your own website really easily using our RSS feeds (RSS 2.0 or Atom 1.0). You can easily style the list with your own style sheet (minimal css here).
You can use any web based rss/atom reader, these very basic examples use jQuery a tweeked FeedEk using package rss-parser. This enables you to include our tasting notes.
The script below shows the last 5 (of max 5) entries, with no ratings and currently in production (if set).
$(document).ready(function(){ $('#feedEntries').FeedEk({ FeedUrl : 'http://www.guestales.co.uk/derby/feed/catalogue/rss?mode=2&itemtype=02&limit=5', ShowDesc : true, ShowPubDate:true, DescCharacterLimit:0, TitleLinkTarget:'_blank', DateFormat:'D MMMM YYYY', DateFormatLang:'en' }); });
This example uses jQuery vTicker plugin and shows the last 5 (of max 5) entries, with no ratings and currently in production (if set). From a viewer's perspective, displaying entries in a carousel, iframe or ticker really sucks and should be avoided (here just to show it works). This version will pause with the mouse so you can easily read and copy the tasting notes. For better SEO ranking, list them one by one as in the example above.
$(document).ready(function(){ $('#feedTicker').FeedEk({FeedUrl : 'http://www.guestales.co.uk/derby/feed/catalogue/rss?mode=2&itemtype=02&limit=5', ShowDesc : true, ShowPubDate:true, DescCharacterLimit:0, TitleLinkTarget:'_blank', DateFormat:'D MMMM YYYY', DateFormatLang:'en' }, function(e) { var ticker = $(e); // Stop/start $(window).blur(function() { ticker.vTicker('pause', true); }).focus(function() { ticker.vTicker('pause', false); }); // Initialise ticker ticker.vTicker('init', { showItems: 1, pause: 3000, margin: 5, padding: 5 }); } ); });
This example shows how to include your entries which have been previously enjoyed, here shows the last 5 (of max 30) entries.
$(document).ready(function(){ $('#feedArchived').FeedEk({ FeedUrl : 'http://www.guestales.co.uk/derby/feed/archived/rss?mode=2&limit=5', ShowDesc : true, ShowPubDate:true, DescCharacterLimit:0, TitleLinkTarget:'_blank', DateFormat:'D MMMM YYYY', DateFormatLang:'en' }); });