template.html

<!DOCTYPE html>
<html>
	<head>
		<title><%title%></title>
		<meta charset="UTF-8">
		<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
		<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
		<link href="static.css" rel="stylesheet" type="text/css">
	</head>
	<body>
		<div id="content">
			<h1 id="heading"><%title%></h1>
			<div id="left">
				<div id="pointer"></div>
				<div id="faces">
					<img src="<%image%>" alt="faces" usemap="#facemap"/>
				</div>
			</div>
			<div id="names">
				<ol>
<!-- div class="divider"></div -->
<%names%>
				</ol>
			</div>
		</div>
		<map name="facemap" id="facemap">
<%areas%>
		</map>
		<div id="footer">
			<!-- help text goes here -->
		</div>
		<script type="text/javascript" src="static.js"></script>
	</body>
</html>