-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgame.html
executable file
·148 lines (147 loc) · 5.85 KB
/
game.html
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE HTML>
<html>
<head>
<title>Knowledge of Hacker</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/custom.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script>
<script src="assets/js/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<!-- alertify -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/alertify.min.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/alertify.min.css">
<!-- Default theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/themes/default.min.css">
<!-- alertify end -->
<noscript><link rel="stylesheet" href="assets/css/noscript.css"></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!--waiting-->
<section id="main">
<header>
<span id="show_player">
<h2 id="player_id"></h2>
</span>
<div class="progress progress-striped active" id="timmer">
<div class="progress-bar progress-bar-success" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 100%;">
</div>
</div>
<!--分數-->
<div id="score" class="score">
<div id="self_score_div" class="score_div" style="float:left;width:49%;">
<h2>我的分數</h2>
<h2 id="myscore">0</h2>
</div>
<div id="other_score_div" class="score_div" style="float:right;width:49%;">
<h2>對方分數</h2>
<h2 id="otherscore">0</h2>
</div>
</div>
<h1 id="h1_bar">正在連線到伺服器</h1>
<!--題目-->
</header>
<div id="loading_box">
<div class="vbox">
<div data-loader="ball-rotate"></div>
</div>
<a class="button" id="cancel">cancel</a>
</div>
</section>
<div><br></div>
<!-- Ingame -->
<section id="main" class="q_box" >
<h1 id="question_h1"></h1>
<hr>
<form method="post" action="#" id="option">
<!--ANS Real-->
<ul class="actions special correct_answer">
<li>
<h2>正確答案</h2>
<h1 class="correct_answer_text"></h1>
</li>
</ul>
<!--ANS 1-->
<ul class="actions special">
<li><a class="problem button">1.</a></li>
</ul>
<!--ANS 2-->
<ul class="actions special">
<li><a class="problem button">2.</a></li>
</ul>
<!--ANS 3-->
<ul class="actions special">
<li><a class="problem button">3.</a></li>
</ul>
<!--ANS 4-->
<ul class="actions special">
<li><a class="problem button">4.</a></li>
</ul>
</form>
<hr />
</section>
<!--成績結算-->
<section style="display:none" id="mainend">
<header>
<h1 name="question">成績結算</h1>
<!--題目-->
<h1 id="halt">Server error</h1>
<hr />
<h1>Rank</h1>
<h1 id="haltrank">Server error</h1>
</header>
<ul class="actions special">
<li><button id="info" class="button">查看詳解</button></li>
</ul>
<ul class="actions special">
<li><a href="game.html" class="button">再來一局</a></li>
</ul>
<ul class="actions special">
<li><a href="/" class="button">回首頁</a></li>
</ul>
</section>
<!--詳細答案-->
<section style="display:none" class="info" id="main">
<header>
<h2>題目</h2>
<h2 id="info_question"></h2>
<hr />
<h2>答案</h2>
<h2 id="info_answer"></h2>
<hr />
<h2>詳解</h2>
<h2 id="info_detail"></h2>
</header>
<br>
<ul class="actions special">
<li><button id="info_next" class="button">下一題</button></li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>© Design: <a href="http://html5up.net">html5up</a></li>
<li>© Game: <a href="http://hackersir.org">FCU Hackersir</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/config.js"></script>
<script src="assets/js/game.js"></script>
<script>
<!-- 動畫 -->
window.addEventListener("load", () => {
document.body.className = document.body.className.replace(/\bis-preload\b/, "");
});
document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? " is-ie" : "");
</script>
</body>
</html>