<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>小蝌蚪互动聊天室</title>
		<link rel="stylesheet" type="text/css" href="/static/css/main.css" />
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />		
    	<meta name="apple-mobile-web-app-capable" content="YES">
    	<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta property="fb:app_id" content="149260988448984" />
		<meta name="description" content="小蝌蚪交互游戏程序 ，坐标实时推送、实时聊天等" />
		<link rel="image_src" href="/static/images/fb-image.jpg" />
		<link rel="apple-touch-icon" href="/static/images/apple-touch-icon.png"/>
	</head>
	<body>
		<canvas id="canvas"></canvas>
		
		<div id="ui">
			<div id="fps"></div>
		
			<input id="chat" type="text" />
			<div id="chatText"></div>
            <aside id="frogMode">
                <h3>Frog Mode</h3>
                <section id="tadpoles">
                    <h4>Tadpoles</h4>
                    <ul id="tadpoleList">
                    </ul>
                </section>
                <section id="console">
                    <h4>Console</h4>
                </section>
            </aside>
		
			<div id="cant-connect">
				与服务器断开连接了。您可以重新刷新页面。
			</div>
			<div id="unsupported-browser">
				<p>
					您的浏览器不支持 <a rel="external" href="http://en.wikipedia.org/wiki/WebSocket">WebSockets</a>.
					推荐您使用以下浏览器
				</p>
				<ul>										
					<li><a rel="external" href="http://www.google.com/chrome">Google Chrome</a></li>
					<li><a rel="external" href="http://apple.com/safari">Safari 4</a></li>
					<li><a rel="external" href="http://www.mozilla.com/firefox/">Firefox 4</a></li>
					<li><a rel="external" href="http://www.opera.com/">Opera 11</a></li>
				</ul>
				<p>
					<a href="#" id="force-init-button">仍然浏览!</a>
				</p>
			</div>
			
		</div>

		<script src="/static/js/lib/parseUri.js"></script>
		<script src="/static/js/lib/modernizr-1.5.min.js"></script>
		<script src="/static/js/jquery.min.js"></script>
		<script src="/static/js/lib/Stats.js"></script>
		
		<script src="/static/js/App.js"></script>
		<script src="/static/js/Model.js"></script>
		<script src="/static/js/Settings.js"></script>
		<script src="/static/js/Keys.js"></script>
		<script src="/static/js/WebSocketService.js"></script>
		<script src="/static/js/Camera.js"></script>
		
		<script src="/static/js/Tadpole.js"></script>
		<script src="/static/js/TadpoleTail.js"></script>
		
		<script src="/static/js/Message.js"></script>
		<script src="/static/js/WaterParticle.js"></script>
		<script src="/static/js/Arrow.js"></script>
		<script src="/static/js/formControls.js"></script>
		
		<script src="/static/js/Cookie.js"></script>
		<script src="/static/js/main.js"></script>
	</body>
</html>
