<h2>[[Start the adventure]]</h2>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
</ol>
</section>
<h2>[[Long ago, there was a prophecy. Blah. Blah.]]</h2>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li id="latest" class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
</ol>
</section>
<h2>[[Probably something about ducks]]</h2>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li id="latest" class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
</script><h2>[[And then...]]</h2>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li id="latest" class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
</script><h2>[[*Sigh* I don't know.]]</h2>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li id="latest" class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
</script><h2>[[That sounds good.]]</h2>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>*Sigh* I don't know.</p>
</div>
</li>
<li id="latest" class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Just don't have people click through useless things.</p>
<p>Maybe have them -- oh, have you played Don't take it personally, babe, it just ain't your story by Christine Love?</p>
<p>Do that. Have it like a chat thing.</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
</script><h2>[[I think I can do something with that.]]</h2>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>*Sigh* I don't know.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Just don't have people click through useless things.</p>
<p>Maybe have them -- oh, have you played Don't take it personally, babe, it just ain't your story by Christine Love?</p>
<p>Do that. Have it like a chat thing.</p>
</div>
</li>
<li id="latest" class="self">
<div class="avatar">
</div>
<div class="messages">
<p>That sounds good.</p>
<p>I think I can do something with that.</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
</script><h2>[[Dungeons. Ducks and dungeons.]]</h2>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>*Sigh* I don't know.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Just don't have people click through useless things.</p>
<p>Maybe have them -- oh, have you played Don't take it personally, babe, it just ain't your story by Christine Love?</p>
<p>Do that. Have it like a chat thing.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>That sounds good.</p>
<p>I think I can do something with that.</p>
</div>
</li>
<li id="latest" class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Isn't the theme something like "Be a monster" or "you are the monster" or something? How you going to do that?</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
</script><div class="container">
<h2>You are the Fallen Duck. You must hunt.</h2>
<pre id="dungeon"></pre>
<button id="buttonDown" type="button">Left</button>
<button id="buttonUp" type="button">Right</button>
<button id="buttonLeft" type="button">Up</button>
<button id="buttonRight" type="button">Down</button>
<div class="clearfix"></div>
<h2>[[They move through a maze!]]</h2>
</div>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>*Sigh* I don't know.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Just don't have people click through useless things.</p>
<p>Maybe have them -- oh, have you played Don't take it personally, babe, it just ain't your story by Christine Love?</p>
<p>Do that. Have it like a chat thing.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>That sounds good.</p>
<p>I think I can do something with that.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Isn't the theme something like "Be a monster" or "you are the monster" or something? How you going to do that?</p>
</div>
</li>
<li id="latest" class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Dungeons. Ducks and dungeons.</p>
<p>They move through a maze!</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
document.twine.position();
$( "#buttonUp" ).on( "click", document.twine.up );
$( "#buttonDown" ).on( "click", document.twine.down );
$( "#buttonLeft" ).on( "click", document.twine.left );
$( "#buttonRight" ).on( "click", document.twine.right );
</script><div class="container">
<h2>You are the Fallen Duck. You must hunt.</h2>
<p>Long ago, you know, stuff happened. Really, it's all very boring. All you need to know is that you should roam this maze for arbitrary reasons.</p>
<pre id="dungeon"></pre>
<button id="buttonDown" type="button">Left</button>
<button id="buttonUp" type="button">Right</button>
<button id="buttonLeft" type="button">Up</button>
<button id="buttonRight" type="button">Down</button>
<div class="clearfix"></div>
<h2>[[And that's it.]]</h2>
</div>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>*Sigh* I don't know.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Just don't have people click through useless things.</p>
<p>Maybe have them -- oh, have you played Don't take it personally, babe, it just ain't your story by Christine Love?</p>
<p>Do that. Have it like a chat thing.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>That sounds good.</p>
<p>I think I can do something with that.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Isn't the theme something like "Be a monster" or "you are the monster" or something? How you going to do that?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Dungeons. Ducks and dungeons.</p>
<p>They move through a maze!</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>So, they move through a maze.</p>
<p>What then?</p>
</div>
</li>
<li id="latest" class="self">
<div class="avatar">
</div>
<div class="messages">
<p>So, then story bits.</p>
<p>"Long ago, you know, stuff happened. Really, it's all very boring. All you need to know is that you should roam this maze for arbitrary reasons"</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
document.twine.position();
$( "#buttonUp" ).on( "click", document.twine.up );
$( "#buttonDown" ).on( "click", document.twine.down );
$( "#buttonLeft" ).on( "click", document.twine.left );
$( "#buttonRight" ).on( "click", document.twine.right );
</script><div class="container">
<h2>You are the Fallen Duck. You must hunt.</h2>
<p>Long ago, you know, stuff happened. Really, it's all very boring. All you need to know is that you should roam this maze for arbitrary reasons.</p>
<pre id="dungeon"></pre>
<button id="buttonDown" type="button">Left</button>
<button id="buttonUp" type="button">Right</button>
<button id="buttonLeft" type="button">Up</button>
<button id="buttonRight" type="button">Down</button>
<div class="clearfix"></div>
<h2>[[Yeah... I guess.]]</h2>
</div>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>*Sigh* I don't know.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Just don't have people click through useless things.</p>
<p>Maybe have them -- oh, have you played Don't take it personally, babe, it just ain't your story by Christine Love?</p>
<p>Do that. Have it like a chat thing.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>That sounds good.</p>
<p>I think I can do something with that.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Isn't the theme something like "Be a monster" or "you are the monster" or something? How you going to do that?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Dungeons. Ducks and dungeons.</p>
<p>They move through a maze!</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>So, they move through a maze.</p>
<p>What then?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>So, then story bits.</p>
<p>"Long ago, you know, stuff happened. Really, it's all very boring. All you need to know is that you should roam this maze for arbitrary reasons"</p>
<p>And that's it.</p>
</div>
</li>
<li id="latest" class="other">
<div class="avatar">
</div>
<div class="messages">
<p>That's it?</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
document.twine.position();
$( "#buttonUp" ).on( "click", document.twine.up );
$( "#buttonDown" ).on( "click", document.twine.down );
$( "#buttonLeft" ).on( "click", document.twine.left );
$( "#buttonRight" ).on( "click", document.twine.right );
</script><div class="container">
<h2>You are the Fallen Duck. You must hunt.</h2>
<p>Long ago, you know, stuff happened. Really, it's all very boring. All you need to know is that you should roam this maze for arbitrary reasons.</p>
<pre id="dungeon"></pre>
<button id="buttonDown" type="button">Left</button>
<button id="buttonUp" type="button">Right</button>
<button id="buttonLeft" type="button">Up</button>
<button id="buttonRight" type="button">Down</button>
<div class="clearfix"></div>
<h2>[[Do you have any ideas?]]</h2>
</div>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>*Sigh* I don't know.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Just don't have people click through useless things.</p>
<p>Maybe have them -- oh, have you played Don't take it personally, babe, it just ain't your story by Christine Love?</p>
<p>Do that. Have it like a chat thing.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>That sounds good.</p>
<p>I think I can do something with that.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Isn't the theme something like "Be a monster" or "you are the monster" or something? How you going to do that?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Dungeons. Ducks and dungeons.</p>
<p>They move through a maze!</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>So, they move through a maze.</p>
<p>What then?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>So, then story bits.</p>
<p>"Long ago, you know, stuff happened. Really, it's all very boring. All you need to know is that you should roam this maze for arbitrary reasons"</p>
<p>And that's it.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>That's it?</p>
</div>
</li>
<li id="latest" class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Yeah... I guess</p>
<p>Do you have any ideas?</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
document.twine.position();
$( "#buttonUp" ).on( "click", document.twine.up );
$( "#buttonDown" ).on( "click", document.twine.down );
$( "#buttonLeft" ).on( "click", document.twine.left );
$( "#buttonRight" ).on( "click", document.twine.right );
</script><div class="container">
<h2>You are the Fallen Duck. You must hunt.</h2>
<p>Long ago, you know, stuff happened. Really, it's all very boring. All you need to know is that you should roam this maze for arbitrary reasons.</p>
<pre id="dungeon"></pre>
<button id="buttonDown" type="button">Left</button>
<button id="buttonUp" type="button">Right</button>
<button id="buttonLeft" type="button">Up</button>
<button id="buttonRight" type="button">Down</button>
<div class="clearfix"></div>
<h2>[[Heh. That'll work. Thanks, Tom.|Start]]</h2>
</div>
<section class="module">
<header class="top-bar">
<div class="left">
<span class="icon typicons-message"></span>
<h1>Hangout with George</h1>
</div>
</header>
<ol class="discussion">
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a "Start the Adventure" link on the first screen.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Next, it'll be something like...</p>
<p>"Long ago, there was a prophecy. Blah. Blah."</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And what's the prophecy?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Probably something about ducks</p>
<p>And then...</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>And then... what?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>*Sigh* I don't know.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Just don't have people click through useless things.</p>
<p>Maybe have them -- oh, have you played Don't take it personally, babe, it just ain't your story by Christine Love?</p>
<p>Do that. Have it like a chat thing.</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>That sounds good.</p>
<p>I think I can do something with that.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Isn't the theme something like "Be a monster" or "you are the monster" or something? How you going to do that?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Dungeons. Ducks and dungeons.</p>
<p>They move through a maze!</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>So, they move through a maze.</p>
<p>What then?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>So, then story bits.</p>
<p>"Long ago, you know, stuff happened. Really, it's all very boring. All you need to know is that you should roam this maze for arbitrary reasons"</p>
<p>And that's it.</p>
</div>
</li>
<li class="other">
<div class="avatar">
</div>
<div class="messages">
<p>That's it?</p>
</div>
</li>
<li class="self">
<div class="avatar">
</div>
<div class="messages">
<p>Yeah... I guess</p>
<p>Do you have any ideas?</p>
</div>
</li>
<li id="latest" class="other">
<div class="avatar">
</div>
<div class="messages">
<p>Start like this...</p>
<p>"Hey, George.</p>
<p>I want your opinion on this. See, I'm thinking they see something like a 'Start the Adventure' link on the first screen."</p>
</div>
</li>
</ol>
</section>
<script>
document.getElementById("latest").scrollIntoView();
document.twine.position();
$( "#buttonUp" ).on( "click", document.twine.up );
$( "#buttonDown" ).on( "click", document.twine.down );
$( "#buttonLeft" ).on( "click", document.twine.left );
$( "#buttonRight" ).on( "click", document.twine.right );
</script>