<!DOCTYPE html>
<html>
  <head>
    <title>Roller Derby Logos</title>
    <link rel="stylesheet" type="text/css" href="/style.css">
    <meta charset="utf-8">
    <style type="text/css">
      #gallery {
	background-color: black;
      }
      #gallery div {
          margin:2px;
          height:auto;
          width:auto;
          display: inline-block;
          text-align:center;
          max-width: 12em;
      }
      #gallery img
      {
          background: url(live/res/checkerboard.png) #282;
          display:inline;
          float: none;
          margin:3px;
          border:3px solid black;
          max-width: 10em;
          max-height: 10em;
      }
    </style>
    <script type="text/javascript" src="live/logos/logos.js"></script>
    <script type="text/javascript">
function gallery() {
    var g = document.getElementById("gallery");

    for (tn in teams) {
        var team = teams[tn];
        var i = document.createElement("img");

        i.setAttribute("src", "live/logos/" + team[1]);
        i.setAttribute("alt", team[2]);
	i.setAttribute("title", team[2]);

        g.appendChild(i);
    }
}

window.onload = gallery;
    </script>
  </head>
  <body>
    <h1 id="title">Roller Derby Logo Gallery</h1>

    <p>
      Here are the logos currently shipping with the
      free <a href="/scoreboard/">Woozle Scoreboard</a>.  If you'd like
      yours added, email your team name, preferred short name, and logo
      to <a href="mailto:neale&#64;woozle.org">neale&#64;woozle.org</a>.
    </p>
    <div id="gallery"></div>
  </body>
</html>