Setup guide

Embed the missions globe on any page.

This project exposes a clean iframe route at /embed. The route loads the globe UI, fetches the ministry marker feed, and removes the surrounding example homepage chrome.

Basic iframe

Use the hosted embed route at https://dev.carterjmckenzie.com/embed as the iframe source.

<iframe
  title="The Well mission globe"
  src="https://dev.carterjmckenzie.com/embed?filters=national,international,trip"
  loading="lazy"
  style="display:block;width:100%;height:66vh;min-height:560px;max-height:760px;border:0;background:white;"
></iframe>

Content17vh

66vh

iframe

2/3 viewport

Scroll continues17vh

Embed height

Set the iframe to about two thirds of the screen height. That gives the globe enough room to work while still making it easy to scroll past the section.

height: 66vh;
min-height: 560px;
max-height: 760px;

Default filters

Flip the switches to choose which filters are enabled when the embed first loads.

<iframe
  title="The Well mission globe"
  src="https://dev.carterjmckenzie.com/embed?filters=national,international,trip"
  loading="lazy"
  style="display:block;width:100%;height:66vh;min-height:560px;max-height:760px;border:0;background:white;"
></iframe>