[@layout]: ./story.layout.md
[@diagrams]: ./story.components.md

<p class="story-kicker">A story in three parts · 01 / 03</p>

# One file. A world of possibility.

Start with an idea. Give it a place to grow.
Then connect it to the next useful thing.

[Follow the thread ↓](#connect)

---

<!--
id: connect
layout: media-end
-->

<p class="story-kicker">Make a connection · 02 / 03</p>

## Links give the work a shape.

A lesson explains the idea. An example makes it tangible.
An activity gives you somewhere to try it.

Each file stands on its own. Together, they become a path.

<figure>
  <path-diagram />
  <figcaption>One idea, three files, a path forward.</figcaption>
</figure>

---

<!-- id: keep -->

<p class="story-kicker">Keep what matters · 03 / 03</p>

## The source is yours.

The explanation, the illustration, and the connections live together
in readable files. Change a sentence. Follow a link. Make it your own.

<div class="story-actions">

[Read the component](./story.components.md) · [Browse more examples](../index.md)

[@link.play Play the story](./story.demo.md) · [Back to the beginning ↑](#one-file-a-world-of-possibility)

</div>