woozle.org/scoreboard/logos.html

62 lines
1.5 KiB
HTML

<!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>