lodge
Building blocks for easier, smarter overlays & embeds
Let's take a look.
We set up a quick demo embed to show off the basics and a little more. Just click below for a tour.
Features
A few basics
Embed iframes are created from simple markup:
<embed class="lodge" src="embed.html">
It's all event driven, and Lodge will tell you when it's ready:
window.lodge.addEventListener('ready', function(e) {
// ...do something
});
Lodge inserts empty utility classes so you can make a page context-responsive — styles for standalone, embed, and embed-in-overlay:
.lodge__embed, .lodge__embed--overlay
Need to see what's happening in real-time as your scripts run? Just add ?debug=true
to
the main page URL and see console log activity for the main page and embeds.