Test story

corridor.markdown

{{#kitchen}} You remember you already saw the kitchen, but let's take a look at it again. {{/kitchen}}

{{^kitchen}} You never saw the kitchen, you're excited! {{/kitchen}}

Enter the kitchen.

index.markdown

init	state
function() { window.counter = window.counter + 1 || 1; }	name kitchen foo counter Giovanni false function() { return 'foo'; } function() { return window.counter; }

Test story

Hi {{name}}, this is a test story of {{foo}}.

The counter is set to: {{counter}}.

{{^key}} There's a door. It's locked, you need a key to unlock it.

Go find the key. {{/key}}

{{#key}} There's a stair. {{/key}}

Or you can explore the kitchen.

key.markdown

state	style
key true	body { color: red; background-color: gold; }

You found the key!

Now you can open the door.

kitchen.markdown

state
kitchen true

It's a normal kitchen.

Go back.

stair.markdown

Nothing to see here...

Go back.

style.css

body {
  color: #eee;
  background-color: #222;
  font-family: monospace;
}