<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>Cyclobots</title>
  <style>
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    text-align: center;
}
header {
    margin: 0;
    padding: 0;
    height: 3em;
}
h1 {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
canvas {
    width: 80%;
    height: 80%;
    background: pink;
}
  </style>
</head>
<body id="container">

<header>
  <h1>Cyclobots</h1>
</header>

</body>
<script src="cyclobots.js"></script>
<script>
  launch('yoob/', 'container');
</script>

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>Cyclobots</title>
  <style>
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    text-align: center;
}
header {
    margin: 0;
    padding: 0;
    height: 3em;
}
h1 {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
canvas {
    background: white;
    border: 1px solid blue;
}
  </style>
</head>
<body>

<header>
  <h1>Cyclobots</h1>
</header>

<div id="container"></div>

</body>
<script src="cyclobots.js"></script>
<script>
  launch('yoob/', 'container', { width: 640, height: 480 });
</script>

Fix the static demo HTML for this gewgaw.
Fix the static demo HTML for this gewgaw.
