You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
3.4 KiB
HTML
134 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
<title>Betrayal at House on the Hill</title>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
|
|
<meta name="viewport" content="width=320.1, initial-scale=1, user-scalable=no">
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
|
|
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
|
|
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad3.png" />
|
|
|
|
<link rel="stylesheet" href="app.min.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="content">
|
|
<div class="centerContainer">
|
|
<div class="characterImages">
|
|
<img id="characterHeadBG" src="avatarBG.png"/>
|
|
<div id="overlayedFrame">
|
|
<img id="characterHeadshot" src="blank.png"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="centerContainer">
|
|
<div class="selectContainer">
|
|
<div id="characterTitle">CHOOSE A CHARACTER</div>
|
|
<img class="arrow" src="arrow.png"/>
|
|
</div>
|
|
|
|
<div id="centerSelect" class="centerContainer">
|
|
<select id="characterSelector"></select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="categoryContainer">
|
|
<img src="pointLeft.png"/>
|
|
<span>MIGHT</span>
|
|
<img src="pointRight.png"/>
|
|
</div>
|
|
<table>
|
|
<tr id="might">
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="categoryContainer">
|
|
<img src="pointLeft.png"/>
|
|
<span>SPEED</span>
|
|
<img src="pointRight.png"/>
|
|
</div>
|
|
|
|
<table>
|
|
<tr id="speed">
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="categoryContainer">
|
|
<img src="pointLeft.png"/>
|
|
<span>SANITY</span>
|
|
<img src="pointRight.png"/>
|
|
</div>
|
|
|
|
<table>
|
|
<tr id="sanity">
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="categoryContainer">
|
|
<img src="pointLeft_short.png"/>
|
|
<span>KNOWLEDGE</span>
|
|
<img src="pointRight_short.png"/>
|
|
</div>
|
|
|
|
<table>
|
|
<tr id="knowledge">
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
<td class="trait">-</td>
|
|
</tr>
|
|
</table>
|
|
<div>
|
|
<div id="might" class="handle"></div>
|
|
<div id="speed" class="handle"></div>
|
|
<div id="sanity" class="handle"></div>
|
|
<div id="knowledge" class="handle"></div>
|
|
|
|
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
|
|
<script src="app.min.js" type="text/javascript"></script>
|
|
</body>
|
|
|
|
</html>
|