-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgame_character.html
164 lines (150 loc) · 10.3 KB
/
game_character.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE HTML>
<html>
<head>
<title>單字學習 | 篆來篆去</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/challengeButton.css" />
<style>
.column {
background-color: rosybrown;
background-size:100%;
width:33.33%;
background-attachment: fixed;
float: left;
width: 33.33%;
text-align: center;
padding-bottom: 10px;
height: auto;
text-align: center;
}
.button alt icon fa-chevron-left
{position: relative;
top:80px;
left:80px}
.gameInfo > h3 {
margin: 10px;
}
.gameInfo {
padding-bottom: 10px;
}
</style>
</head>
<body class="subpage">
<!-- Header -->
<header id="header" class="alt">
<div class="logo"><a href="index.html">篆來篆去</a></div>
<a href="#menu"><span>Menu</span></a>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">首頁</a></li>
<li><a href="generic.html">作品詳介</a></li>
<li><a href="index.html#two">開始學習</a></li>
</ul>
</nav>
<!-- Content -->
<!--
Note: To show a background image, set the "data-bg" attribute below
to the full filename of your image. This is used in each section to set
the background image.
-->
<!--border-color:#ff3366;border-width: 1px; border-style: solid; for debugging div-->
<section id="post" class="wrapper bg-img" data-bg="banner2.jpg" style="padding-top: 0px;">
<div class="inner">
<article class="box" style="padding-bottom: 35px;">
<header style="text-align: center;">
<h2>單字學習</h2>
<p style="font-weight:bold;">共有三種學習模式可選擇，依漢字常用度分為20關，每關有100題</p>
</header>
<div class="row" style="margin: 0 auto;">
<div class="column" style="padding-left: 0px;">
<div class="gameInfo" style = "padding-left: 50px;padding-right: 50px;"><h3>速成開天眼</h3>
<span style="font-weight:bold;">每一關皆會直接呈現楷體與小篆的對應，以及該字組成部件與相關字體，可作為攻略直接記憶</span></div>
<div><a href="quiz_learn.html?level=01"><button data-hover="挑戰!"><p>第 01 關</p></button></a></div>
<div><a href="quiz_learn.html?level=02"><button data-hover="挑戰!"><p>第 02 關</p></button></a></div>
<div><a href="quiz_learn.html?level=03"><button data-hover="挑戰!"><p>第 03 關</p></button></a></div>
<div><a href="quiz_learn.html?level=04"><button data-hover="挑戰!"><p>第 04 關</p></button></a></div>
<div><a href="quiz_learn.html?level=05"><button data-hover="挑戰!"><p>第 05 關</p></button></a></div>
<div><a href="quiz_learn.html?level=06"><button data-hover="挑戰!"><p>第 06 關</p></button></a></div>
<div><a href="quiz_learn.html?level=07"><button data-hover="挑戰!"><p>第 07 關</p></button></a></div>
<div><a href="quiz_learn.html?level=08"><button data-hover="挑戰!"><p>第 08 關</p></button></a></div>
<div><a href="quiz_learn.html?level=09"><button data-hover="挑戰!"><p>第 09 關</p></button></a></div>
<div><a href="quiz_learn.html?level=10"><button data-hover="挑戰!"><p>第 10 關</p></button></a></div>
<div><a href="quiz_learn.html?level=11"><button data-hover="挑戰!"><p>第 11 關</p></button></a></div>
<div><a href="quiz_learn.html?level=12"><button data-hover="挑戰!"><p>第 12 關</p></button></a></div>
<div><a href="quiz_learn.html?level=13"><button data-hover="挑戰!"><p>第 13 關</p></button></a></div>
<div><a href="quiz_learn.html?level=14"><button data-hover="挑戰!"><p>第 14 關</p></button></a></div>
<div><a href="quiz_learn.html?level=15"><button data-hover="挑戰!"><p>第 15 關</p></button></a></div>
<div><a href="quiz_learn.html?level=16"><button data-hover="挑戰!"><p>第 16 關</p></button></a></div>
<div><a href="quiz_learn.html?level=17"><button data-hover="挑戰!"><p>第 17 關</p></button></a></div>
<div><a href="quiz_learn.html?level=18"><button data-hover="挑戰!"><p>第 18 關</p></button></a></div>
<div><a href="quiz_learn.html?level=19"><button data-hover="挑戰!"><p>第 19 關</p></button></a></div>
<div><a href="quiz_learn.html?level=20"><button data-hover="挑戰!"><p>第 20 關</p></button></a></div>
</div>
<div class="column" style="padding-left: 0px;">
<div class="gameInfo" style = "padding-left: 50px;padding-right: 50px;"><h3><a href="#"></a>直接試身手</h3>
<span style="font-weight:bold;">每題皆為一張小篆字型圖片，輸入您的答案，答對後可進入下一關<br><br></span></div>
<div><a href="quiz_1-1.html?level=01"><button data-hover="挑戰!"><p>第 01 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=02"><button data-hover="挑戰!"><p>第 02 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=03"><button data-hover="挑戰!"><p>第 03 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=04"><button data-hover="挑戰!"><p>第 04 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=05"><button data-hover="挑戰!"><p>第 05 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=06"><button data-hover="挑戰!"><p>第 06 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=07"><button data-hover="挑戰!"><p>第 07 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=08"><button data-hover="挑戰!"><p>第 08 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=09"><button data-hover="挑戰!"><p>第 09 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=10"><button data-hover="挑戰!"><p>第 10 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=11"><button data-hover="挑戰!"><p>第 11 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=12"><button data-hover="挑戰!"><p>第 12 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=13"><button data-hover="挑戰!"><p>第 13 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=14"><button data-hover="挑戰!"><p>第 14 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=15"><button data-hover="挑戰!"><p>第 15 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=16"><button data-hover="挑戰!"><p>第 16 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=17"><button data-hover="挑戰!"><p>第 17 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=18"><button data-hover="挑戰!"><p>第 18 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=19"><button data-hover="挑戰!"><p>第 19 關</p></button></a></div>
<div><a href="quiz_1-1.html?level=20"><button data-hover="挑戰!"><p>第 20 關</p></button></a></div>
</div>
<div class="column" style="padding-left: 0px;">
<div class="gameInfo" style = "padding-left: 50px;padding-right: 50px;"><h3><a href="#"></a>古代練功坊</h3>
<span style="font-weight:bold;">每題題目為一段《說文》內容，請猜出題目描述的是哪一個字<br><br></span></div>
<div><a href="quiz_def.html?level=01"><button data-hover="挑戰!"><p>第 01 關</p></button></a></div>
<div><a href="quiz_def.html?level=02"><button data-hover="挑戰!"><p>第 02 關</p></button></a></div>
<div><a href="quiz_def.html?level=03"><button data-hover="挑戰!"><p>第 03 關</p></button></a></div>
<div><a href="quiz_def.html?level=04"><button data-hover="挑戰!"><p>第 04 關</p></button></a></div>
<div><a href="quiz_def.html?level=05"><button data-hover="挑戰!"><p>第 05 關</p></button></a></div>
<div><a href="quiz_def.html?level=06"><button data-hover="挑戰!"><p>第 06 關</p></button></a></div>
<div><a href="quiz_def.html?level=07"><button data-hover="挑戰!"><p>第 07 關</p></button></a></div>
<div><a href="quiz_def.html?level=08"><button data-hover="挑戰!"><p>第 08 關</p></button></a></div>
<div><a href="quiz_def.html?level=09"><button data-hover="挑戰!"><p>第 09 關</p></button></a></div>
<div><a href="quiz_def.html?level=10"><button data-hover="挑戰!"><p>第 10 關</p></button></a></div>
<div><a href="quiz_def.html?level=11"><button data-hover="挑戰!"><p>第 11 關</p></button></a></div>
<div><a href="quiz_def.html?level=12"><button data-hover="挑戰!"><p>第 12 關</p></button></a></div>
<div><a href="quiz_def.html?level=13"><button data-hover="挑戰!"><p>第 13 關</p></button></a></div>
<div><a href="quiz_def.html?level=14"><button data-hover="挑戰!"><p>第 14 關</p></button></a></div>
<div><a href="quiz_def.html?level=15"><button data-hover="挑戰!"><p>第 15 關</p></button></a></div>
<div><a href="quiz_def.html?level=16"><button data-hover="挑戰!"><p>第 16 關</p></button></a></div>
<div><a href="quiz_def.html?level=17"><button data-hover="挑戰!"><p>第 17 關</p></button></a></div>
<div><a href="quiz_def.html?level=18"><button data-hover="挑戰!"><p>第 18 關</p></button></a></div>
<div><a href="quiz_def.html?level=19"><button data-hover="挑戰!"><p>第 19 關</p></button></a></div>
<div><a href="quiz_def.html?level=20"><button data-hover="挑戰!"><p>第 20 關</p></button></a></div>
</div>
</div>
<footer class="actions" align="center" style="margin-top: 35px;">
<a href="index.html#two" class="button back">回遊戲選單</a>
</footer>
</article>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>