<!DOCTYPE html>
<html lang="ja">
<head>
<title>美人投票ゲーム
</title>
<meta charset="utf-8">
</head>
<body style="background-color:#208; text-align:center;">
<style>
.txt{
display: inline-block;
width: 50%;
line-height: 3;
border: 1px solid #999;
box-sizing: border-box;
background: #f2f2f2;
margin: 0.5em 0;
font-size: 150%;
position: absolute;
top: 120px;
left: 160px;
z-index: 9999;
}
.canvas-container {
position: relative;
height: 100%; /* キャンバスと同じ高さに設定 */
}
</style>
<div class="canvas-container;">
<canvas id="canvas" width="960" height="1200";></canvas>
<!-- WWS ゲームシステム プログラム -->
<script src="{{ url_for('static', filename='javascript/WWS.js') }}"></script>
<!-- ゲームプログラム -->
<script src="{{ url_for('static', filename='javascript/resultScreen.js') }}"></script>
<!-- ゲームプログラム -->
<script src="{{ url_for('static', filename='javascript/beautyVote.js') }}"></script>
<script>
var username = "{{username}}";
var userNumber = int("{{user_number}}");
var scene = int("{{scene}}");
var language = int("{{language}}");
</script>
</div>
<noscript>JavaScriptをONにして起動して下さい</noscript>
</body>
</html>