HowItWorks

Expedition lifecycle explanation. 3 layout variants — each at desktop and mobile.

Variant A — Connected Timeline

Horizontal numbered nodes connected by lines. Clean, sequential, scannable. Vertical on mobile with connecting stems. Optimizes for quick understanding of the linear process.

Desktop — 1280px

How an expedition works

Seven phases from announcement to published chronicle.

01

Announcement

A new topic is announced. The clock starts.

02

Team

Developers self-organize into a small squad.

03

Expedition

The squad dives into the source code together.

04

Returns

Each member shares raw findings and snippets.

05

Conclave

Squad meets to synthesize a unified understanding.

06

Voyage

Findings distilled into a polished resource.

07

Chronicle

Published to the archive — a lasting contribution.

Mobile — 375px

How an expedition works

Seven phases from announcement to published chronicle.

01

Announcement

A new topic is announced. The clock starts.

02

Team

Developers self-organize into a small squad.

03

Expedition

The squad dives into the source code together.

04

Returns

Each member shares raw findings and snippets.

05

Conclave

Squad meets to synthesize a unified understanding.

06

Voyage

Findings distilled into a polished resource.

07

Chronicle

Published to the archive — a lasting contribution.

Variant B — Numbered Cards Grid

Each phase gets its own card with a large number and description. More visual weight per phase, easier to scan. 4-3 split on desktop, vertical stack on mobile. Better if you want each phase to feel like a distinct moment.

Desktop — 1280px

How an expedition works

Seven phases from announcement to published chronicle.

01

Announcement

A new topic is announced to the community.

02

Team

Developers self-organize into a small squad.

03

Expedition

The squad dives into the source code together.

04

Returns

Each member shares raw findings and snippets.

05

Conclave

Squad synthesizes findings into unified understanding.

06

Voyage

Findings distilled into a polished learning resource.

07

Chronicle

Published to the archive — a lasting contribution.

Mobile — 375px

How an expedition works

Seven phases from announcement to published chronicle.

01

Announcement

A new topic is announced to the community.

02

Team

Developers self-organize into a small squad.

03

Expedition

The squad dives into the source code together.

04

Returns

Each member shares raw findings and snippets.

05

Conclave

Squad synthesizes findings into unified understanding.

06

Voyage

Findings distilled into a polished learning resource.

07

Chronicle

Published to the archive — a lasting contribution.

Variant C — Compact Inline List

Minimal footprint. Phases listed as a tight, left-aligned numbered list inside a contained block. No cards, no timeline graphics — just clean text with a dark container. For when the section shouldn't dominate the page.

Desktop — 1280px

How an expedition works

Every expedition follows the same seven-phase structure — from the first announcement to a published chronicle that lives forever.

01
Announcement — A new topic is announced
02
Team — Developers form a small squad
03
Expedition — Deep dive into the source code
04
Returns — Raw findings shared
05
Conclave — Squad synthesizes understanding
06
Voyage — Polished into a resource
07
Chronicle — Published to the archive
Mobile — 375px

How an expedition works

Every expedition follows seven phases — from announcement to published chronicle.

01
Announcement — Topic announced
02
Team — Squad forms
03
Expedition — Source code deep dive
04
Returns — Findings shared
05
Conclave — Synthesis
06
Voyage — Polished resource
07
Chronicle — Published