beforegame2.htm

<html>
<head>
    <title>Before the game</title>
<link rel="stylesheet" type="text/css" href="breaking.css" />
<script src="include.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">

function moveOn()
{
       top.location = "beforegame3.htm";
}

function startGame()
{
       top.location = "date.htm";
}

</script>
</head>
<body>
<h1>About the dice</h1>
<p class="intro">You'll see lots of dice as you play. These are unrolled dice:</p>
<img src="images/BlueDieUnrolled.gif"><img src="images/BlueDieUnrolled.gif">
<p>These dice have been rolled. The one on the right succeeded, but the one on the right failed:</p>
<img src="images/BlueDie6.gif"><img src="images/RedDie2.gif">
<p>If a blue dice fails, you get one chance to reroll it: </p>
<img src="images/BlueDieReroll2.gif"><img src="images/BlueDieReroll4.gif">
<p><input type="button" value="Tell me more about dice" onclick="moveOn()" /></p>
<p><input type="button" value="Start the game" onclick="startGame()" /></p>
</body>
</html>