-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
233 lines (193 loc) · 8.39 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hokusai</title>
<meta name="description" content="Roughly 155 characters">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<section id="intro">
<div id="intro-image">
<h1 id="intro-title">Hokusai Katsushika</h1>
</div>
</section>
<div class="divider"></div>
<section id="bio">
<h2>葛飾北斎</h2>
<div class="text">
<h1 class="title-section">Hokusai Katsushika</h1>
<p>Hokusai was born on the 23rd day of 9th month of the 10th year of the Hōreki period (October or November 1760) to an artisan family, in the Katsushika district of Edo, Japan. Hokusai began painting around the age of six.</p>
<p>At 14, he became an apprentice to a wood-carver, where he worked until the age of 18, whereupon he was accepted into the studio of Katsukawa Shunshō. Shunshō was an artist of ukiyo-e, a style of wood block prints and paintings that Hokusai would master.</p>
<p>Hokusai had a long career, but he produced most of his important work after age 60. His most popular work is the ukiyo-e series Thirty-six Views of Mount Fuji.</p>
<div class="source"><a href="https://www.katsushikahokusai.org/biography.html">https://www.katsushikahokusai.org</a></div>
</div>
<div id="bio-image"><img src="images/Selfportrait.png" alt="Hokusai's selfportrait">
<div class="image-desc">Hokusai Katsushika, <i>Selfportrait at the age of eighty-three</i></div></div>
</section>
<div class="divider"></div>
<section id="gallery">
<h1 class="title-section">Gallery</h1>
<div class="gallery-part">
<h2 class="gallery-title">36 views of Mount Fuji</h2>
<div class="gallery-grid">
<div class="gallery-tile">
<a href="images/wave.jpg" target="_blank">
<img src="images/wave.jpg"></a>
<div class="art-title">The Great Wave off Kanagawa</div></div>
<div class="gallery-tile">
<a href="images/fuji.jpg" target="_blank">
<img src="images/fuji.jpg"></a>
<div class="art-title">Fine Wind, Clear Morning</div></div>
<div class="gallery-tile">
<a href="images/pilgrim.jpg" target="_blank">
<img src="images/pilgrim.jpg"></a>
<div class="art-title">Climbing Fuji</div></div>
<div class="gallery-tile">
<a href="images/asakusa.jpg" target="_blank">
<img src="images/asakusa.jpg"></a>
<div class="art-title">Asakusa Hongan-ji temple in the Eastern Capital</div></div>
<div class="gallery-tile">
<a href="images/cranes.jpg" target="_blank">
<img src="images/cranes.jpg"></a>
<div class="art-title">Umezawa in Sagami Province</div></div>
<div class="gallery-tile">
<a href="images/yama.jpg" target="_blank">
<img src="images/yama.jpg"></a>
<div class="art-title">Goten-yama-hill, Shinagawa on the Tōkaidō</div></div>
<div class="gallery-tile">
<a href="images/kanaya.jpg" target="_blank">
<img src="images/kanaya.jpg"></a>
<div class="art-title">The Fuji from Kanaya on the Tōkaidō</div></div>
<div class="gallery-tile">
<a href="images/bridge.jpg" target="_blank">
<img src="images/bridge.jpg"></a>
<div class="art-title">Under Mannen Bridge at Fukagawa</div></div>
<h3 class="japanese-text">富嶽三十六景</h3>
</div>
</div>
<div class="gallery-part">
<h2 class="gallery-title">Oceans of Wisdom</h2>
<div class="gallery-grid">
<div class="gallery-tile">
<a href="images/torchlight.jpg" target="_blank">
<img src="images/torchlight.jpg"></a>
<div class="art-title">Fishing by Torchlight in Kai Province</div></div>
<div class="gallery-tile">
<a href="images/whaling.jpg" target="_blank">
<img src="images/whaling.jpg">
</a>
<div class="art-title">Whaling off Gotō</div></div>
<div class="gallery-tile">
<a href="images/sagami.jpg" target="_blank">
<img src="images/sagami.jpg">
</a>
<div class="art-title">Fishing at Uraga in Sagami Province</div></div>
<div class="gallery-tile">
<a href="images/choshi.jpg" target="_blank">
<img src="images/choshi.jpg">
</a>
<div class="art-title">Chōshi in Shimōsa Province</div></div>
<div class="gallery-tile">
<a href="images/tonegawa.jpg" target="_blank">
<img src="images/tonegawa.jpg">
</a>
<div class="art-title">The Tonegawa River in Shimōsa Province</div></div>
<div class="gallery-tile">
<a href="images/kabari.png" target="_blank">
<img src="images/kabari.png">
</a>
<div class="art-title">Fly-fishing</div></div>
<div class="gallery-tile">
<a href="images/kinu.jpg" target="_blank">
<img src="images/kinu.jpg">
</a>
<div class="art-title">Basket-fishing in the Kinu River</div></div>
<div class="gallery-tile">
<a href="images/waiting.jpeg" target="_blank">
<img src="images/waiting.jpeg">
</a>
<div class="art-title">Waiting Nets</div></div>
<h3 class="japanese-text">千絵の海</h3>
</div>
</div>
<div class="gallery-part">
<h2 class="gallery-title">A Tour of Japanese Waterfalls</h2>
<div class="gallery-grid">
<div class="gallery-tile-vertical">
<a href="images/amida.jpg" target="_blank">
<img src="images/amida.jpg">
</a>
<div class="art-title">The Amida Falls in the Far Reaches of the Kisokaidō Road</div></div>
<div class="gallery-tile-vertical">
<a href="images/horse.jpg" target="_blank">
<img src="images/horse.jpg">
</a>
<div class="art-title">The Waterfall Where Yoshitsune Washed His Horse at Yoshino in Yamato Province</div></div>
<div class="gallery-tile-vertical">
<a href="images/roben.jpg" target="_blank">
<img src="images/roben.jpg">
</a>
<div class="art-title">Rōben Waterfall at Ōyama in Sagami Province</div></div>
<div class="gallery-tile-vertical">
<a href="images/kirifuri.jpg" target="_blank">
<img src="images/kirifuri.jpg">
</a>
<div class="art-title">Kirifuri Waterfall at Kurokami Mountain in Shimotsuke</div></div>
<div class="gallery-tile-vertical">
<a href="images/aoi.jpg" target="_blank">
<img src="images/aoi.jpg">
</a>
<div class="art-title">Aoigaoka Falls in the Eastern Capital</div></div>
<div class="gallery-tile-vertical">
<a href="images/ono.jpg" target="_blank">
<img src="images/ono.jpg">
</a>
<div class="art-title">Ono Waterfall on the Kisokaidō</div></div>
<div class="gallery-tile-vertical">
<a href="images/yoro.jpg" target="_blank">
<img src="images/yoro.jpg">
</a>
<div class="art-title">Yōrō Waterfall in Mino Province</div></div>
<div class="gallery-tile-vertical">
<a href="images/kiyotaki.jpg" target="_blank">
<img src="images/kiyotaki.jpg">
</a>
<div class="art-title">Kiyotaki Kannon Waterfall at Sakanoshita on the Tōkaidō</div></div>
<h3 class="japanese-text">諸国瀧廻り</h3>
</div>
</div>
<div class="gallery-part">
<h2 class="gallery-title">One Hundred Ghost Tales</h2>
<div class="gallery-grid">
<div class="gallery-tile-vertical">
<a href="images/lantern.jpg" target="_blank">
<img src="images/lantern.jpg">
</a>
<div class="art-title">The Lantern Ghost</div></div>
<div class="gallery-tile-vertical">
<a href="images/koheiji.jpg" target="_blank">
<img src="images/koheiji.jpg">
</a>
<div class="art-title">The Ghost of Kohada Koheiji</div></div>
<div class="gallery-tile-vertical">
<a href="images/sarayashiki.jpg" target="_blank">
<img src="images/sarayashiki.jpg">
</a>
<div class="art-title">Sarayashiki</div></div>
<div class="japanese-text">百物語</div>
</div>
</div>
</section>
<div class="divider"></div>
<footer>
Created by</br>
<div class="creator">
<img src="https://raw.githubusercontent.com/jmnote/z-icons/master/svg/github.svg">
<a href="https://github.com/PauPie74">PauPie74</a>
</div>
</footer>
</body>
</html>