-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathculture.html
232 lines (197 loc) · 10.7 KB
/
culture.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>GO-Culture</title>
<!--Responsive get the browser width-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!--keywords to help user search in Search Engine-->
<meta name="keywords" content="围棋 Weiqi weiqi WEIQI TheGameOfTheGO GO" />
<!--<ico> left of title-->
<link type="image/x-icon" rel="icon" href="img/ico.ico">
<!-- Icomoon Icon Fonts-->
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<!--Chinese Fonts-->
<link rel="stylesheet" type="text/css" href="fonts/chinese-fonts/huawenxingkai.css"/>
<!--main-style-->
<link href="css/main.css" rel="stylesheet" type="text/css" media="all" />
<!--Responsive Style Sheet-->
<link rel="stylesheet" type="text/css" media="(max-device-width: 768px)" href="css/mobile.css" />
</head>
<body class="english">
<!--Top Navigation 顶部导航栏-->
<div class="top-navigation">
<div class="top-section">
<!--Logo-->
<img src="img/logo.png" class="h-logo" alt="logo"/>
<img src="img/menu.png" class="mobile-menu" alt="menu" />
</div>
<div class="subpage-navsection">
<div class="subpage-nav">
<a href="index.html"><p class="sub-nav">Home</p></a>
<img src="img/nav-border.png" class="sub-navborder" alt="border"/>
</div>
<div class="subpage-nav">
<a href="culture.html"><p class="sub-nav sub-nav-active">Culture</p></a>
<img src="img/nav-border.png" class="sub-navborder" alt="border"/>
</div>
<div class="subpage-nav">
<a href="rule.html"><p class="sub-nav">Rule</p></a>
<img src="img/nav-border.png" class="sub-navborder" alt="border"/>
</div>
<div class="subpage-nav">
<a href="competition.html"><p class="sub-nav">Competition</p></a>
<img src="img/nav-border.png" class="sub-navborder" alt="border"/>
</div>
<div class="subpage-nav">
<a href="entertainment.html"><p class="sub-nav">Entertainment</p></a>
<img src="img/nav-border.png" class="sub-navborder" alt="border"/>
</div>
<div class="subpage-nav">
<a href="culture-chinese.html"><p class="sub-nav-chinese">中文</p></a>
<img src="img/nav-border.png" class="sub-navborder" alt="border"/>
</div>
</div>
<div class="mobile-subpage-navsection">
<div class="mobile-nav">
<a href="index.html"><p class="sub-nav">Home</p></a>
</div>
<div class="mobile-nav">
<a href="culture.html"><p class="sub-nav sub-nav-active">Culture</p></a>
</div>
<div class="mobile-nav">
<a href="rule.html"><p class="sub-nav">Rule</p></a>
</div>
<div class="mobile-nav">
<a href="competition.html"><p class="sub-nav">Competition</p></a>
</div>
<div class="mobile-nav">
<a href="entertainment.html"><p class="sub-nav">Entertainment</p></a>
</div>
<div class="mobile-nav">
<a href="culture-chinese.html"><p class="sub-nav-chinese">中文</p></a>
</div>
</div>
</div>
<!--END: Top Navigation 顶部导航栏-->
<!--Top theme image-->
<div class="top-img-position center-section">
<img src="img/culture-en.png" class="top-img" alt="decoration-sun and mountain"/>
</div>
<!--END: Top theme image-->
<!--Origin 起源部分-->
<div class="fuild-section">
<div class="center-section">
<img src="img/title-border.png" class="sub-title-border" alt="sub-title-border"/>
<p class="title">Origin</p>
</div>
<div class="center-section origin-section">
<div class="origin-left1">
<img src="img/origin1.png" class="origin-img" alt="original chessboard"/>
<div class="origin-mask">
<p class="origin-mask-text">A 19x19 Go board model from a Sui dynast(581-618 CE)tomb.</p>
</div>
</div>
<div class="origin-right1">
<p class="origin-text">Go is an abstract strategy board game for two players, which the aim is to surround more territory than the opponent. The game was invented in China more than 2,500 years ago and believed be the oldest board game continuously played to the present day. Go was originally played on a 17×17 lines grid, but a 19×19 grid became standard by the time of the Tang Dynasty (618–907).</p>
</div>
<div class="origin-left2">
<p class="origin-text">The earliest written reference to the game is generally recognized as the historical annal Zuo Zhuan(c. 4th century BC). It is also mentioned in Book XVII of the Analects of Confucius and in two books written by Mencius (c. 3rd century BC). In the all of those works, the game be referred as yì (弈). Today, in China, it is known as weiqi(simplified Chinese: 围棋; pinyin: About this sound wéiqí), literally "encirclement board game".</p>
</div>
<div class="origin-right2">
<img src="img/origin2.png" class="origin-img" alt="Chinese people playing chess in ancient times"/>
<div class="origin-mask">
<p class="origin-mask-text origin-mask-text2">Chinese people playing chess in ancient times</p>
</div>
</div>
<!--Decoration 修饰-->
<img src="img/lefttop.png" class="origin-decoration1" alt="origin-decoration1"/>
<img src="img/leftbottom.png" class="origin-decoration2" alt="origin-decoration2"/>
<img src="img/righttop.png" class="origin-decoration3" alt="origin-decoration3"/>
<img src="img/rightbottom.png" class="origin-decoration4" alt="origin-decoration4"/>
<img src="img/river.png" class="origin-decoration5" alt="origin-decoration5"/>
<img src="img/mountain.png" class="origin-decoration6" alt="origin-decoration6"/>
<img src="img/mountain.png" class="origin-decoration7" alt="origin-decoration7"/>
<img src="img/dragonfly.png" class="origin-decoration8" alt="origin-decoration8"/>
</div>
</div>
<!--END: Origin 起源部分-->
<!--Development 发展部分-->
<div class="fuild-section development-position">
<div class="center-section">
<img src="img/title-border.png" class="sub-longtitle-border" alt="sub-longtitle-border"/>
<p class="title development-title">Development</p>
</div>
<div class="center-section">
<div class="inline-block development-section">
<div class="mask-position">
<img src="img/development-img1.png" class="development-img" alt="a woman is playing go"/>
<div class="development-mask">
<p class="development-mask-text">Woman Playing Go (Tang Dynasty c. 744), discovered at the Astana Graves</p>
</div>
</div>
<p class="development-text">The game reached Japan in the 7th century CE — where it be called go or igo — the game became popular at the Japanese imperial court in the 8th century, and among the public by the 13th century. The modern version of the game as we know it today be formalized in Japan in the 15th century. In 1603, Tokugawa Ieyasu re-established Japan's unified national government.</p>
<img src="img/development1.png" class="development-decoration" alt="development-decoration-left"/>
<a href="https://en.wikipedia.org/wiki/Go_(game)#Spread_to_Korea_and_Japan" target="_blank" class="learnmore">See more in Wikipedia</a>
<img src="img/learnmore.png" class="learnmore-border" alt="learnmore-border"/>
</div>
<div class="inline-block development-section">
<div class="mask-position">
<img src="img/development-img2.png" class="development-img" alt="Korean couple are plalying go"/>
<div class="development-mask">
<p class="development-mask-text">Korean couple, in traditional dress, play in a photograph dated between 1910 and 1920</p>
</div>
</div>
<p class="development-text">Go was introduced to Korea sometime between the 5th and 7th centuries CE, and was popular among the higher classes. In Korea, the game be called baduk, and variant of the game called Sunjang baduk be developed by 16th century. Sunjang baduk became the main variant played in Korea until the end of the 19th century, when the current version was reintroduced from Japan.</p>
<img src="img/development2.png" class="development-decoration" alt="development-decoration-right"/>
<a href="https://en.wikipedia.org/wiki/Go_(game)#Spread_to_Korea_and_Japan" class="learnmore" target="_blank">See more in Wikipedia</a>
<img src="img/learnmore-wiki.png" class="learnmore-border" alt="learnmore-border"/>
</div>
<div class="inline-block development-section">
<div class="mask-position">
<img src="img/development-img3.png" class="development-img" alt="Illustrated handscroll of The Tale of Genji"/>
<div class="development-mask">
<p class="development-mask-text">Illustrated handscroll of The Tale of Genji (12th century)</p>
</div>
</div>
<p class="development-text">Despite its widespread popularity in East Asia, Go has been slow to spread to the rest of the world. Go start to become popular in the West until the end of the 19th century, when German scientist Oskar Korschelt wrote a treatise on the ancient Han Chinese game. As of December 2015, the International Go Federation has 75 member countries, with 67 member countries outside East Asia. </p>
<img src="img/development3.png" class="development-decoration" alt="development-decoration"/>
<a href="https://en.wikipedia.org/wiki/History_of_Go#Growth_in_east_Asia" target="_blank" class="learnmore">See more in Wikipedia</a>
<img src="img/learnmore.png" class="learnmore-border" alt="learnmore-border"/>
</div>
<!--Decoration 修饰-->
<img src="img/dragonfly.png" class="development-decoration2" alt="dragonfly"/>
</div>
</div>
<!--END: Development 发展部分-->
<!--Footer 页脚-->
<div class="fuild-section">
<div class="center-section">
<p class="title">Contact Us</p>
<img src="img/footer-breaker.png" class="subbreak-img" alt="footer-breaker"/>
</div>
<!--Info Part 信息部分-->
<div class="subfooter-info inline-block">
<p><i class="fa fa-map-marker"></i> Wuhan Textitle University</p>
<p><i class="fa fa-envelope"></i> [email protected]</p>
<p><i class="fa fa-phone-square"></i> 13135664660</p>
<img src="img/lefttop.png" class="footer-decoration1" alt="border"/>
<img src="img/leftbottom.png" class="footer-decoration2" alt="border"/>
<img src="img/righttop.png" class="footer-decoration3" alt="border"/>
<img src="img/rightbottom.png" class="footer-decoration4" alt="border"/>
</div>
<a href="reference.html">
<p class="reference">Reference</p>
</a>
<p>Copyrights ©Less & More all right reserved.</p>
<img src="img/bamboo.png" class="footer-decoration5" alt="bamboo"/>
</div>
<!--END: Footer 页脚-->
<!--Script-->
<!--jQuery-->
<script src="js/jquery.min.js"></script>
<!--main javaScript-->
<script src="js/main.js"></script>
<!--End:Script-->
</body>
</html>