beforegame1.htm

<html>
<head>
    <title>Attraction</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 = "beforegame2.htm";
}

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

</script>
</head>
<body>
<h1>Attraction</h1>
<p>As you go through the date, these hearts will show you how much attraction there is between the characters:</p>
<img src="images/PermanentAttraction.gif"><img src="images/TemporaryAttraction.gif"><img src="images/TemporaryAttraction.gif">
<p>Red hearts are permanent. Pink hearts are temporary: they may disappear at the end of the date.</p>
<p><input type="button" value="The dice" onclick="moveOn()" /></p>
<p><input type="button" value="Start the game" onclick="startGame()" /></p>
</body>
</html>