setup.html

<!DOCTYPE html>
<html>
<head>
<title>Ecosystem Simulator</title>
</head>
<link rel="stylesheet" href="webStyle.css">

<body>
<button class="back-button" onclick="goBack()">Back</button>

<h1>Choosing environment and Species</h1>
<p>Set up the ecosystem by selecting environment and species. There are also default options to start with.</p>
<h2>Option 1: Plain, Wolf, Sheep</h2>
<p>With abundant resources in the plain, observe the interactions between this classic pair of predator and prey. Click <a href="wolf_sheep_story.html" target="_blank" style="font-size: 24px; color: rgb(239, 248, 58);">HERE</a> to learn about the story behind this combination.</p>

<div style="text-align: center;"><button class="continue-button" onclick="optionHandler(1)">Try this</button></div>
<br>
<h2>Option 2: Island, Cat, Bird</h2>
<p>Island has fewer resources where you can observe interactions between smaller species: Birds have a peace life on this tiny island but cats may change everything. Click <a href="cat_bird_story.html" target="_blank" style="font-size: 24px; color: rgb(239, 248, 58);">HERE</a> to learn about the story behind this combination.</p>
<div style="text-align: center;"><button class="continue-button" onclick="optionHandler(2)">Try this</button></div>
<br>
<h2>Make your own choices</h2>
<p>Choose your own combinations and see if they can thrive</p>
<div style="text-align: center;"><button class="continue-button" onclick="optionHandler(3)">Try this</button></div>

</body>
<script src="redirect.js"></script>
</html>