Untitled

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="./circle.js"></script>
    <link rel="stylesheet" type="text/css" href="./circle.css">

    <title>Genetic Circle</title>
</head>
<body onload="main();">
    <div id="header">
        <h1 class="pagehead"><b><i>SUPER AWESOME GENETIC CIRCLE GENERATOR</i></b></h1>
        <h3 class="subheader">Well, more like mediocre ellipses, really.</h3>
        <h6 class="subheader">This volume is dedicated to Satori Komeji.</h6>
    </div>
    <div id="stuff">
        <div>
            <canvas id="drawing" width="800px" height="800px"></canvas>
        </div>
        <div class="rankingTable">
            <table>
                <caption class="pagehead">Latest canidate polygons</caption>
                <thead>
                    <tr>
                        <th>Rank</th>
                        <th>Area</th>
                        <th>Perimeter</th>
                        <th>σ</th>
                        <th>μ</th>
                        <th>4π<i>A</i><sup>2</sup>÷<i>L</i><sup>2</sup></th>
                        <th>Fitness</th>
                    </tr>
                </thead>

                <tbody id="rankingEntry"></tbody>
            </table>
        </div>
    </div>
    <div id="stats"></div>
</body>
</html>