Embed The Multipack

The JavaScript solution reflects any changes to the guide while letting you style the content to fit in with your site, or just go our styles.

Although the content will update, we won't break your styles by changing the structure of the markup (smiley face).

To get started, link to the guide wherever you want it to appear on the page, like this:

<div class="lanyrd-target-guide"><a href="http://lanyrd.com/guides/multipack/" class="lanyrd-guide">The Multipack on Lanyrd</a></div>

And add this script to the bottom of <body> (or <head> if you really must):

<script src="http://cdn.lanyrd.net/badges/embed-v1.min.js"></script>

Now you can add some personal touches...

Adding Options

Options are set by adding data attributes to the <a> element. To enable an option of 'nolink', you would add an attribute of 'data-lanyrd-nolink'.

To give an option named 'number' a value of 10, add 'data-lanyrd-number="10"'. Eg:

<a href="..." class="lanyrd-guide" data-lanyrd-number="10" data-lanyrd-nolink>...</a>

context	Which events to show. Possible values: all, past, future. Defaults to 'all'.
number	Limit the events to display. Defaults to 3.
template	standard (default) All details and annotations compact As standard, but without annotations, topics and flags eventsonly As standard, but ommits title, curators and description
noannotations	Don't include user annotations.
nolink	Remove the original link back to Lanyrd
nostyles	Don't include any CSS, this puts you in full control of the styles.