41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html
|
||
|
|
xmlns:th="http://www.thymeleaf.org"
|
||
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||
|
|
xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
|
||
|
|
layout:decorate="~{layout/default_layout}"
|
||
|
|
>
|
||
|
|
<th:block layout:fragment="head" id="head">
|
||
|
|
<script type="text/javascript" th:src="@{/js/spider.js}"></script>
|
||
|
|
<!-- <link th:href="@{/css/puzzle.css}" rel="stylesheet" />-->
|
||
|
|
<link th:href="@{/css/spider.css}" rel="stylesheet" />
|
||
|
|
|
||
|
|
<script th:inline="javascript">
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript" th:src="@{/js/user.js}"></script>
|
||
|
|
</th:block >
|
||
|
|
<th:block layout:fragment="content">
|
||
|
|
<div class="game-controls">
|
||
|
|
<label for="suitCountSelect">무늬 수:</label>
|
||
|
|
<select id="suitCountSelect">
|
||
|
|
<option value="1" selected>1개</option>
|
||
|
|
<option value="2" >2개</option>
|
||
|
|
<option value="4">4개</option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<label for="cardCountSelect">초기 카드 수:</label>
|
||
|
|
<select id="cardCountSelect">
|
||
|
|
<option value="3,2">적음 (숨겨진 카드 3/2장)</option>
|
||
|
|
<option value="4,3" selected>보통 (숨겨진 카드 4/3장)</option>
|
||
|
|
<option value="5,6">많음 (숨겨진 카드 5/6장)</option>
|
||
|
|
</select>
|
||
|
|
<button id="startButton">새 게임 시작</button>
|
||
|
|
</div>
|
||
|
|
<div id="game-container">
|
||
|
|
<canvas id="gameCanvas"></canvas>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</th:block>
|
||
|
|
</html>
|