You must stop Owain from fighting.

(annoyed - a sense that he also feels some guilt)
It's his damn fault. He shouldn't have picked up the gauntlet!

So put an end to it.

The challenge has been taken up. The fight cannot be stopped.

So fight in his place. Much as it pains me to say it, you're the man for this job, not him.

I can't!

Why not?

Owain picked up the gauntlet, Owain is the one who must fight. That is the Knight's code. He knew that.

But he's just a boy.

(a heavy sigh)
I know.



Credits

Face Icons from Dekelet. The author specifies that "they can be use as avatars and buddy icons, and can also be characters and clip arts to your projects like prints, posters and games. Free for personal purposes only. enjoy!"
To use this widget within wikispaces, select 'Widget > Other HTML' in Edit mode. Make sure that any image that you specify exists in your wikispaces file directory.

How to adapt


To add this widged to a page, add a division
<div class="wg-dialog" id="a-0">
and get jquery to transform that content into an interactive.
 jQuery(".wg-dialog#a-0").wgDialog();

The text should be specified as a list of items.
<p class="morgana">You must stop Owain from fighting.</p>
<p class="arthur">(annoyed - a sense that he also feels some guilt)<br />
It's his damn fault. He shouldn't have picked up the gauntlet!</p>
<p class="morgana">So put an end to it.</p>
<p class="arthur">The challenge has been taken up. The fight cannot be stopped.</p>
<p class="morgana">So fight in his place. Much as it pains me to say it, you're the man for this job, not him.</p>
<p class="arthur">I can't!</p>
<p class="morgana">Why not?</p>
<p class="arthur">Owain picked up the gauntlet, Owain is the one who must fight. That is the Knight's code. He knew that.</p>
<p class="morgana">But he's just a boy.</p>
<p class="arthur">(a heavy sigh)<br />
I know.</p>
 


Avatar icons are assigned by default. If you want to specify your own, do so in the script options
avatars: {
  morgana: {icon: "file/view/FB01.png"},
  arthur: {icon: "file/view/F04.png"}
}
 

Code:

<div class="wg-dialog">
  <p class="morgana">You must stop Owain from fighting.</p>
  <p class="arthur">(annoyed - a sense that he also feels some guilt)<br />It's his damn fault. He shouldn't have picked up the gauntlet!</p>
  <p class="morgana">So put an end to it.</p>
  <p class="arthur">The challenge has been taken up. The fight cannot be stopped.</p>
  <p class="morgana">So fight in his place. Much as it pains me to say it, you're the man for this job, not him.</p>
  <p class="arthur">I can't!</p>
  <p class="morgana">Why not?</p>
  <p class="arthur">Owain picked up the gauntlet, Owain is the one who must fight. That is the Knight's code. He knew that.</p>
  <p class="morgana">But he's just a boy.</p>
  <p class="arthur">(a heavy sigh)<br />I know.</p>
</div>

<script type="text/javascript" src="http://widged.com/widgeds/js/jquery.dialog.js"></script> <script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
  jQuery(".wg-dialog").wgDialog(
      {
        avatars: {
          morgana: {icon: "file/view/FB01.png"},
          arthur: {icon: "file/view/F04.png"}
        }
      }
    );
//-->
//]]>
</script>