woozle-scoreboard/logos/logos.html

76 lines
1.9 KiB
HTML
Raw Normal View History

2011-11-23 21:43:09 -07:00
<!DOCTYPE html>
<html>
<head>
<title>Roller Derby Logos</title>
2012-07-13 19:05:20 -06:00
<link rel="stylesheet" type="text/css" href="../res/style.css">
2014-01-19 18:25:38 -07:00
<meta charset="utf-8">
2011-11-23 21:43:09 -07:00
<style type="text/css">
#gallery {
}
#gallery div {
margin:2px;
height:auto;
width:auto;
display: inline-block;
text-align:center;
max-width: 12em;
}
#gallery img
{
2012-07-13 19:05:20 -06:00
background: url(../res/checkerboard.png) #282;
2011-11-23 21:43:09 -07:00
display:inline;
float: none;
margin:3px;
border:3px solid black;
max-width: 10em;
max-height: 10em;
}
#gallery a:hover img
{
border-color: yellow;
}
a {
color: yellow;
}
</style>
<script type="text/javascript" src="logos.js"></script>
<script type="text/javascript">
function gallery() {
var g = document.getElementById("gallery");
for (tn in teams) {
var team = teams[tn];
var d = document.createElement("div");
var a = document.createElement("a");
var i = document.createElement("img");
2012-07-13 19:05:20 -06:00
i.setAttribute("src", team[1]);
2011-11-23 21:43:09 -07:00
i.setAttribute("alt", team[0] + " logo");
2012-07-13 19:05:20 -06:00
a.setAttribute("href", team[1]);
2011-11-23 21:43:09 -07:00
a.appendChild(i);
a.appendChild(document.createElement("br"));
a.appendChild(document.createTextNode(team[2] + " (" + team[0] + ")"));
d.appendChild(a);
g.appendChild(d);
}
}
window.onload = gallery;
</script>
</head>
<body>
<h1>Roller Derby Logo Gallery</h1>
<p>
Here are the logos currently shipping with the
2014-01-20 23:19:07 -07:00
free <a href="../index.html">Woozle Scoreboard</a>. If you'd like
2011-11-23 21:43:09 -07:00
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>