<!doctype html>
<html>
  <head>
    <title>Annotated code</title>

    <script src="space-invaders/space-invaders.js"></script>
    <script src="circles-bouncing-off-lines/circles-bouncing-off-lines.js"></script>

    <link type="text/css" rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="header">
      <a href='/'>
        <h1>Annotated code</h1>
        <div class="strapline">short, heavily annotated JavaScript programs</div>
      </a>
    </div>

    <div class="grid">
      <a href="/space-invaders/index.html">
        <div class="grid-element main">
          <canvas id="space-invaders" width="300" height="300"></canvas>

          <h2>Space Invaders</h2>
        </div>
      </a>

      <a href="/circles-bouncing-off-lines/index.html">
        <div class="grid-element main">
          <canvas id="circles-bouncing-off-lines" width="300" height="300"></canvas>

          <h2>Circles bouncing off lines</h2>
        </div>
      </a>
    </div>

    <div class="footer">
      <a href='http://maryrosecook.com'>Mary Rose Cook</a>
    </div>
  </body>
</html>

<!doctype html>
<html>
  <head>
    <title>Annotated code</title>

    <script src="space-invaders/space-invaders.js"></script>
    <script src="circles-bouncing-off-lines/circles-bouncing-off-lines.js"></script>

    <link type="text/css" rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="header">
      <a href='/'>
        <h1>Annotated code</h1>
        <div class="strapline">short, heavily annotated JavaScript programs</div>
      </a>
    </div>

    <div class="grid">
      <a href="/space-invaders/index.html">
        <div class="grid-element main">
          <canvas id="space-invaders" width="300" height="300"></canvas>

          <h2>Space Invaders</h2>
        </div>
      </a>

      <a href="/circles-bouncing-off-lines/index.html">
        <div class="grid-element main">
          <canvas id="circles-bouncing-off-lines" width="300" height="300"></canvas>

          <h2>Circles bouncing off lines</h2>
        </div>
      </a>
    </div>

    <div class="footer">
      <a href='http://maryrosecook.com'>Mary Rose Cook</a>&nbsp;
      <a href='https://github.com/maryrosecook/annotated-code'>GitHub</a>
    </div>
  </body>
</html>

Add link to github repo
Add link to github repo