-
Notifications
You must be signed in to change notification settings - Fork 0
/
sport.html
262 lines (248 loc) · 13 KB
/
sport.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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="sport_style.css">
<link rel="stylesheet" href="00_project_theme.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:[email protected]&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="sport.js"></script>
</head>
<body>
<div id="top">
<nav id="nav_bar">
<ul class="nav">
<li id="home"><a href="index.html">Home</a></li>
<li id="introduction"><a href="introduction.html">Introduction</a></li>
<li id="sport"><a href="sport.html">Sports</a></li>
<li id="store"><a href="store.html">Store</a></li>
<li id="comment"><a href="comment.html">Comment</a></li>
<li id="games"><a href="games.html">Games</a></li>
</ul>
</nav>
<label for="sideMenu--active" class="line"><div class="menu"></div></label>
</div>
<input type="checkbox" name="" id="sideMenu--active">
<!-- 使用 checkbox 來做開關 -->
<div class="sideMenu">
<nav>
<a href="#Badminton" class="fas">Badminton</a>
<a href="#Table_Tennis" class="fas">Table Tennis</a>
<a href="#Taekwondo" class="fas">Taekwondo</a>
<a href="#Swimming" class="fas">Swimming</a>
<a href="#Judo" class="fas"></i>Judo</a>
<a href="#Weightlifting" class="fas"></i>Weightlifting</a>
</nav>
</div>
<div id="all_content">
<!--Badminton-->
<div id="Badminton">
<h1>Badminton</h1>
<div id="badminton_imgs">
<img src="src/sport/badminton-周天成.jpg" class="badminton_image">
<img src="src/sport/badminton-戴資穎.jpg" class="badminton_image">
<img src="src/sport/badminton-王子維.jpeg" class="badminton_image">
</div>
<div id="badminton_introduction">
<section class="accordion">
<input type="checkbox" name="collapse1" id="handle1">
<h2 class="handle">
<label for="handle1">周天成</label>
</h2>
<div class="content">
<p><b>周天成。
在 2014 年法國羽球超級賽奪冠後，周天成成為台灣第一位在世界羽聯超級系列賽奪冠的男單選手
2019 年於超級 1000 系列印尼羽球公開賽男單決賽奪下冠軍，同年 8 月 6 日積分超越中國石宇奇升上世界第二，創下生涯最高排名紀錄，亦創下台灣本土男單選手最佳紀錄。
<br>現時世界男子單打羽球排名第 14 位。</b></p>
</div>
</section>
<section class="accordion">
<input type="checkbox" name="collapse2" id="handle2">
<h2 class="handle">
<label for="handle2">戴資穎</label>
</h2>
<div class="content">
<p><b>戴資穎，台灣首位在羽球女子單打項目世界排名第一的運動員。
自幼受到父親影響而熱愛羽球，。 2016 年香港公開賽奪冠後女子單打世界排名登上第一位，更於 2018 年亞洲運動會奪下台灣亞運史上第一面羽球金牌。
世界第一週數從第一次登頂的 2016 年 12 月 1 日，至 2019 年 10 月 21 日累計共 141 週。
奧運會方面， 贏得 2020東京奧運銀牌，為我國首面羽球單打項目奧運獎牌。<br>現時世界女子單打羽球排名第 5 位。</b></p>
</div>
</section>
<section class="accordion">
<input type="checkbox" name="collapse3" id="handle3">
<h2 class="handle">
<label for="handle3">王子維</label>
</h2>
<div class="content">
<p><b>王子維，
小一開始接觸羽球。2014年紐西蘭羽球大獎賽獲得生涯首座大獎賽冠軍；2017年臺北世界大學運動會，在男子單打項目團體及皆獲得金牌。2018年雅加達亞運與隊友聯手拿下團體銅牌。
<br>現時世界男子單打羽球排名第 26 位</b></p>
</div>
</section>
</div>
<div id="badminton_imgs">
<img src="src/sport/badminton-王齊麟.jpg" class="badminton_image">
<img src="src/sport/badminton-李洋.jpg" class="badminton_image">
</div>
<div id="badminton_introduction">
<section class="accordion">
<input type="checkbox" name="collapse4" id="handle4">
<h2 class="handle">
<label for="handle4">王齊麟</label>
</h2>
<div class="content">
<p><b>王齊麟，專攻雙打項目，世界排名最高曾達第四位。
2019 年由於原搭檔陳宏麟決定從國際賽中退役，
王齊麟遂改與李洋搭檔。王齊麟與李洋在 2020 東京奧運，贏得羽球男子雙打金牌。 <br>現時世界男子雙打羽球排名第 10 位。</b></p>
</div>
</section>
<section class="accordion">
<input type="checkbox" name="collapse5" id="handle5">
<h2 class="handle">
<label for="handle5">李洋</label>
</h2>
<div class="content">
<p><b>李洋於 2018年亞運羽球男子雙打比賽中與搭檔李哲輝奪得銅牌，同年底則改與王齊麟搭檔，爭取奧運積分。
李洋及王齊麟在 2020 東京奧運羽球男子雙打比賽，取得臺灣史上首面羽球奧運金牌。<br>現時世界男子雙打羽球排名第 10 位。</b></p>
</div>
</section>
</div>
</div>
<!--table tennis-->
<div id="Table_Tennis">
<h1>Table Tennis</h1>
<div class="table_intro">
<section class="accordion">
<input type="checkbox" name="collapse6" id="handle6">
<h2 class="handle">
<label for="handle6" >莊智淵</label>
</h2>
<div class="content">
<p><b>莊智淵，綽號臺灣桌球教父，於 2003 年 12 月到達生涯最高的世界排名第 3 ，
2020東京奧運，莊智淵第五度代表中華隊征戰奧運，分別在男子個人及男子團體進入 16 強及 8 強後遭到淘汰。</b></p>
</div>
</section>
<img src="src/sport/table-莊智淵.jpg" class="table_image">
</div>
<div class="table_intro">
<img src="src/sport/table-林昀儒.jpg" class="table_image">
<section class="accordion">
<input type="checkbox" name="collapse7" id="handle7">
<h2 class="handle">
<label for="handle7">林昀儒</label>
</h2>
<div class="content">
<p><b>林昀儒，臺灣最年輕的世界桌球錦標賽國手之一
2019年剛滿 18 歲的林昀儒參加捷克桌球公開賽，獲得了個人生涯首座世界職業桌球巡迴賽冠軍。
並在2020東京奧運與搭檔鄭怡靜，贏得混雙銅牌。</b></p>
</div>
</section>
</div>
<div class="table_intro">
<section class="accordion">
<input type="checkbox" name="collapse8" id="handle8">
<h2 class="handle">
<label for="handle8">鄭怡靜</label>
</h2>
<div class="content">
<p><b>鄭怡靜，2016 年 8 月，首度參賽里約奧運桌球比賽，
在女子單打項目接連擊敗白俄羅斯選手及韓國選手後晉級，
但在八強賽中不敵上屆奧運會金牌、世界排名第五的中國選手李曉霞，雖無緣四強，卻已創造台灣本土女子選手最佳紀錄。
2020東京奧運與搭檔林昀儒，贏得混雙銅牌。</b></p>
</div>
</section>
<img src="src/sport/table-鄭怡靜.jpg" class="table_image">
</div>
</div>
<!--Taekwondo-->
<div id="Taekwondo">
<h1>Taekwondo</h1>
<div class="Taekwondo_intro">
<img src="src/sport/Taekwondo-羅嘉齡2.jpg" class="Taekwondo_image fade">
<section class="accordion">
<input type="checkbox" name="collapse9" id="handle9">
<h2 class="handle">
<label for="handle9" id="Taekwondo_name">羅嘉翎</label>
</h2>
<div class="content">
<p><b>羅嘉翎，我國首位在世界青少年跆拳道錦標賽完成連霸的女將。
於 2021 年亞洲區跆拳道資格賽取得 2020 東京奧運會女子 57 公斤級參賽資格，並獲得銅牌的佳績。
也成為我國歷屆以來挑戰這個量級最年輕的選手。</b></p>
</div>
</section>
</div>
</div>
<div id="Swimming">
<h1>Swimming</h1>
<div class="Swimming_intro">
<section class="accordion">
<input type="checkbox" name="collapse10" id="handle10">
<h2 class="handle">
<label for="handle10">王冠閎</label>
</h2>
<div class="content">
<p><b>王冠閎，2019 年王冠閎在 8 月世青賽以 1 分 56 秒 48 達 200 公尺蝶式奧運 A 標，提前收下東奧門票，
10 月全運會決賽繳出 1 分 55 秒 72 的成績奪金，除再次達標外，也同時改寫自己所保持的全國紀錄。
2020 東京奧運男子 200 公尺蝶式預賽，以 1 分 54 秒 44 再次改寫全國紀錄。</b>
</p>
</div>
</section>
<img src="src/sport/swimming-王冠紅.jpg" class="Swimming_image fade">
</div>
</div>
<div id="Judo">
<h1>Judo</h1>
<div class="Judo_intro">
<img src="src/sport/judo-楊永偉.jpg" class="Judo_image fade">
<section class="accordion">
<input type="checkbox" name="collapse11" id="handle11">
<h2 class="handle">
<label for="handle11">楊勇緯</label>
</h2>
<div class="content">
<p><b>楊勇緯，臺灣男子柔道運動選手，排灣族。
楊勇緯世界排名 25 名，是我國排名最高選手
2020東京奧運拿下男子 60 公斤級銀牌，為我國首面柔道項目奧運獎牌。</b></p>
</div>
</section>
</div>
</div>
<div id="Weightlifting">
<h1>Weightlifting</h1>
<div id="Weightlifting_imgs">
<img src="src/sport/Weightlifting-郭婞淳.jpg" class="Weightlifting_image">
<img src="src/sport/Weightlifting-陳玟卉.jpg" class="Weightlifting_image">
</div>
<div id="Weightlifting_introduction">
<section class="accordion">
<input type="checkbox" name="collapse12" id="handle12">
<h2 class="handle">
<label for="handle12">郭婞淳</label>
</h2>
<div class="content">
<p><b>郭婞淳是台灣原住民阿美族，
2019 年，在全大運以總和 225 公斤摘金後，郭婞淳參加該年亞錦賽，為她參加的第三場東京奧運積分賽，
最終以抓舉 106 公斤、挺舉 137 公斤、總和 243 公斤奪金，三項成績皆打破女子 59 公斤級世界紀錄。
代表中華隊參加 2020東京奧運女子 59 公斤級，順利拿下金牌。</b>
</p>
</div>
</section>
<section class="accordion">
<input type="checkbox" name="collapse13" id="handle13">
<h2 class="handle">
<label for="handle13">陳玟卉</label>
</h2>
<div class="content">
<p><b>陳玟卉原先為田徑三鐵選手，後因不喜歡跑步因此於國二時改練舉重。
陳玟卉原先為女子 71 公斤量級前全國紀錄保持人，後來降至 63 公斤量級出賽世界大學舉重錦標賽並贏得銅牌。
代表中華隊出賽 2020東京奧運女子 64 公斤級項目，贏得銅牌。</b></p>
</div>
</section>
</div>
</div>
<div class="scroll_back"><a href="#top"><img src="src/goback.png" width="70px"></a></div>
</body>
</html>