jong-hui.github.io/fruitsPang.html at master · jong-hui/jong-hui.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/portfolio_asset/fruitsPang/css/style.css">
<link rel="stylesheet" type="text/css" href="/portfolio_asset/fruitsPang/css/aniamte.css">
<title>Untitled Document</title>
</head>

<body>
	<div id="loading">
		<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
	</div>

	<div id="wrap" class="loading">
		<div id="overrap">
			<div>3</div>
			<div>2</div>
			<div>1</div>
			<div>START!</div>
		</div>
		<div id="inner">

			<!--start-->
			<div id="start">
				<!--start svg-->
				<div id="start-svg" data-svg-name="start.svg">
					<div id="start-form">
						<form>
							<div><input type="text" id="nickname" placeholder="Nickname"></div>
						</form>
					</div>
				</div>
			</div>

			<!--game-->
			<div id="game">
				<!--game data svg-->
				<div id="game-data-svg" data-svg-name="game-info.svg">
					<h2 id="text-stage">STAGE 1</h2>
					<h2 id="text-nickname">JOHN DOE</h2>
					<h2 id="text-score">1,500</h2>
				</div>
				<!--timer svg-->
				<div id="game-timer-svg" data-svg-name="timer.svg">
				</div>
				<!--game boards-->
				<div id="game-boards-svg" data-svg-name="game-boards.svg">
					<div id="game-board-items">
<!-- 						<div class="item1"><img src="imgs/fruit-apple.png" alt="apple"></div>
						<div class="item2"><img src="imgs/fruit-banana.png" alt="banana"></div>
						<div class="item3"><img src="imgs/fruit-grape.png" alt="grape"></div>
						<div class="item4"><img src="imgs/fruit-peach.png" alt="peach"></div>
						<div class="item5"><img src="imgs/fruit-watermelon.png" alt="watermelon"></div>
						<div class="item6"><img src="imgs/fruit-apple.png" alt="apple"></div>
						<div class="item7"><img src="imgs/fruit-banana.png" alt="banana"></div>
						<div class="item8"><img src="imgs/fruit-grape.png" alt="grape"></div> -->
					</div>
				</div>
			</div>

			<!--end-->
			<div id="end">
				<!--end results-->
				<div id="end-result-svg" data-svg-name="game-result.svg">
					<h4 id="text-nickname-2">JOHN DOE</h4>
					<h4 id="text-score-2">1,500</h4>
					<h4 id="text-time">00:00</h4>
				</div>
			</div>
		</div>
	</div>

	<!--Scripts-->
	<!-- <script type="text/javascript" src="js/test.js"></script> -->
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/jquery-3.2.0.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/helpers.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/View.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/GameBoard.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/Game.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/Event.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/ActiveItem.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/BoardItem.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/Fruit.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/Config.js"></script>
	<script type="text/javascript" src="/portfolio_asset/fruitsPang/js/script.js"></script>
</body>
</html>