DXpeditions
Embed LA0FA DXpedition Calendar
Use the iframe directly, or use the loader script to auto-resize the calendar on another website.
Auto-resizing embed
<div class="la0fa-dxcalendar" data-view="calendar" data-details="1" data-theme="light"></div>
<script async src="https://www.la0fa.com/site_v2/assets/js/dxpedition-calendar-embed.js"></script>Plain iframe
<iframe title="LA0FA DXpedition Calendar" src="https://www.la0fa.com/site_v2/public/dxpeditions/embed.asp?view=calendar&details=1" width="100%" height="720" style="border:0;max-width:100%;" loading="lazy"></iframe>Compact timeline
<div class="la0fa-dxcalendar" data-view="calendar" data-details="0" data-chrome="compact" data-accent="1d4ed8"></div>
<script async src="https://www.la0fa.com/site_v2/assets/js/dxpedition-calendar-embed.js"></script>| Option | Values | Default |
|---|---|---|
| view | calendar, list | calendar |
| year / month | numeric year and 1-12 month | current month |
| details | 1 or 0 | 1 |
| theme | light, dark | light |
| accent | hex color without # | 2563eb |
| chrome | full, compact, none | full |
| title | custom heading text | LA0FA DXpedition Calendar |
The embed page allows framing with a CSP header. If IIS adds a global X-Frame-Options header, relax that setting for the embed endpoint.