journey.wildglobalization.com #

Splash page for the Wild Globalization Pilot course. Its one job is to sell the course and hand the visitor off to the learning platform at wildglobalization.thinkific.com.

Design #

The page reuses the Thinkific LXP theme tokens verbatim so the splash and the learning experience read as one product:

Token	Value	Used for
`--cta-bg-color`	`#202651`	Header, hero scrim, closing CTA band
`--accent-bg-color`	`#edbe4c`	Primary buttons, eyebrows, chapter accents
`--primary-text-color`	`#36394d`	Body copy
`--secondary-bg-color`	`#f2f3f5`	Alternating sections
`--surface-border-radius`	`0`	Square corners on cards and panels

Colour and section rhythm come from the LXP. Typography and button shape come from wildglobalization.com instead: Georgia for display, the system sans stack for everything else, 999px pill buttons — no webfonts are loaded at all. The hero H1 is italic by request.

Icons are Phosphor regular, the same set the LXP loads, inlined as an SVG sprite in src/_data/icons.js so nothing is fetched at runtime. Use them with {% raw %}{% icon "books" %}{% endraw %}; add a name to icons.js from @phosphor-icons/core/assets/regular/<name>.svg when you need one that isn't there.

The yellow header mark and SVG favicon use la-atlas, and the enrollment buttons use la-graduation-cap, from Icons8 Line Awesome, licensed under the MIT License.

If either upstream theme changes, re-read its :root block and update the top of src/assets/css/index.css to match.

Content #

Everything editable lives in data files — no template surgery needed:

src/_data/course.yaml — chapters, lessons, counts, price
src/_data/links.yaml — every outbound URL in one place
src/content/index.md — hero, sections, FAQ copy
src/_data/settings.js — site metadata and social cards

The lesson list mirrors the live Thinkific curriculum (5 chapters, 26 lessons). When the course changes, update course.yaml.

Outbound links #

Destination	Where
Enroll (Thinkific)	Header, hero, footer, closing CTA
`wildglobalization.com`	Header nav, footer, author link
`explore.wildglobalization.com`	Header nav, footer
`thewhitestonefoundation.org`	Header nav, footer
Thinkific LXP sign-in	Footer bottom ("Already enrolled?")

Structured data #

Two layers, both on the one page:

microformats2 — <main> is an h-entry (p-name, p-summary, e-content, u-url) whose p-author is a nested h-card for Gary Bedford (p-name, u-photo, p-job-title, p-note, three u-urls). Those three links also carry rel="me" to garybedford.com, wildglobalization.com, and explore.wildglobalization.com.
schema.org JSON-LD — one @graph in base.njk with WebSite, Organization, Person, Course, and FAQPage.

The Person and Course @ids are deliberately the same strings used in thewhitestonefoundation.org/src/_data/schema.json, so the two sites describe one person and one course rather than four things:

https://thewhitestonefoundation.org/team/gary-bedford/#person
https://journey.wildglobalization.com/#course

If you change either @id, change it in both repos.

Verify a build with:

python3 -m pip install mf2py
python3 -c "import mf2py,json;print(json.dumps(mf2py.parse(doc=open('_site/index.html').read(),url='https://journey.wildglobalization.com/'),indent=1))"

Develop #

npm install
npm run dev     # http://localhost:8080
npm run build   # → _site/

Deploy #

Pushing to main runs .github/workflows/xmit-deploy.yml, which builds and uploads _site to XMIT. It needs:

repo secret XMIT_KEY
repo variable XMIT_SITE (defaults to journey.wildglobalization.com)

DNS for journey.wildglobalization.com is not yet pointed anywhere — that has to be created before the first deploy resolves.

a64a08c (edit: 🚀 initial commit)

Clone this repository