forked from SpectraGallery/SpectraGallery.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
cooper.html
462 lines (422 loc) · 30.3 KB
/
cooper.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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Cooper Gao" />
<meta name="description" content="Fine arts and literature of Cooper's collection">
<link rel="icon" type="image/png" href="images/favicon.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Document title -->
<title>Spectra Gallery | The Multi-Purpose Gallery </title>
<!-- Stylesheets & Fonts -->
<link href="css/plugins.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Body Inner -->
<div class="body-inner">
<!-- Header -->
<header id="header" data-transparent="true" data-fullwidth="true" class="header-mini dark">
<div class="header-inner">
<div class="container">
<!--Logo-->
<div id="logo"> <a href="index.html"><span class="logo-default">Spectra Gallery</span><span class="logo-dark">Spectra Gallery</span></a> </div>
<!--End: Logo-->
<!-- Search -->
<div id="search"><a id="btn-search-close" class="btn-search-close" aria-label="Close search form"><i class="icon-x"></i></a>
<form class="search-form" action="search-results-page.html" method="get">
<input class="form-control" name="q" type="text" placeholder="Type & Search..." />
<span class="text-muted">Start typing & press "Enter" or "ESC" to close</span>
</form>
</div>
<!-- end: search -->
<!--Header Extras-->
<div class="header-extras">
<ul>
<li>
<a id="btn-search" href="#"> <i class="icon-search"></i></a>
</li>
<li>
<div class="p-dropdown"> <a href="#"><i class="icon-globe"></i><span>EN</span></a>
<ul class="p-dropdown-content">
<li><a href="#">French</a></li>
<li><a href="#">Chinese</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
</li>
</ul>
</div>
<!--end: Header Extras-->
<!--Navigation Resposnive Trigger-->
<div id="mainMenu-trigger"> <a class="lines-button x"><span class="lines"></span></a> </div>
<!--end: Navigation Resposnive Trigger-->
<!--Navigation-->
<div id="mainMenu">
<div class="container">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About us</a></li>
<li class="dropdown"><a href="#">Exhibitions</a>
<ul class="dropdown-menu">
<li><a href="exhibition-list.html">List of Exhibitions</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Artists</a>
<ul class="dropdown-menu">
<li><a href="artist-list.html">List of Artists</a></li>
</ul>
</li>
<li><a href="https://spectragallery.github.io/blog/index.html">Blog</a></li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
<!--end: Navigation-->
</div>
</div>
</header>
<!-- end: Header -->
<!-- SECTION IMAGE FULLSCREEN -->
<section id="page-title" data-bg-parallax="images/BackgroundColor.jpg">
<div class="container">
<div class="container-fullscreen">
<div class="text-middle text-center text-end">
<p class="lead" data-animate="fadeInDown" data-animate-delay="300">Zhengyuan (Cooper) Gao</p>
</div>
</div>
<div class="text-light accordion accordion-simple">
<div class="ac-item">
<h1 class="ac-title">Short Biography </h1>
<div class="ac-content">
<p>Early Life and Education:</p>
<p>Zhengyuan (Cooper), hereafter Z.C., was born and grew up in Guangzhou (China). As a child, apart from being locked into an educational regime that focused on intellectual development, Z.C. was interested in playing video games and reading manga. Though he was not an outstanding student, his best subjects were politics (mainly Chinese and Greek philosophy at the time) and mathematics during his middle school years. However, his interest in politics waned once he entered high school, and he faced a difficult decision between pursuing astronomy or mathematics for his higher education. Ultimately, his love for the local beef noodles in Xi'an (China) and his desire to acquire quantitative tools for analysing social issues led him to study mathematics there. However, his program specialised in information and engineering computation, prompting him to switch his focus to econometrics for his graduate studies. This journey took him to Southampton (United Kingdom), Amsterdam (The Netherlands), New Haven (United States), and back to Amsterdam.</p>
<p>Academic Life:</p>
<p>After completing his Ph.D. study in Amsterdam, Z.C. became an associate professor in Chengdu (China), although he primarily spent his time in Iowa City (United States) as a visiting assistant Professor. While in Iowa City, he frequented various cafes, immersing himself in the discussions of multiple writing groups. During this period, his interests gradually shifted towards broader topics in social science beyond economics. Seeking a stable research environment, Z.C. relocated to Louvain-la-Neuve (Belgium) where he continued teaching econometrics. While his passion for econometrics dwindled, he reheated some of his scientific passion and got attracted by many Belgian conventions. His academic contract ended at the same time as his first academic paper got published.</p>
<p>Freelance Life:</p>
<p>In 2019, Z.C. returned to China, dedicating two years to the creation of a comprehensive reading material symbolising quantitative relations in socio- economics. However, he decided not to finalise the project at the last moment, instead choosing an alternative approach to convey his ideas. Over the next two years, he published two novels set in an imaginative world that offered lighthearted perspectives on abstract social, political, and philosophical issues. In 2022, Z.C. relocated to Jingdezhen (China), where he taught himself some pottery techniques, followed by an exploration of painting and engagement in social activities. Currently, he works in his studio, develops his own online gallery and explores other artistic potentials.</p>
<p>Other Activities:</p>
<p>In addition to his academic and artistic pursuits, Z.C. actively engages in various other hobbies. A passionate hiker, he spends most of his holidays exploring different mountains, immersing himself in the beauty of nature. Z.C. often runs in the summer. His personal best marathon time is 4hr00min32sec in Brussel in 2017. Z.C. is an amateur player of GO, a game having captivated him since 2006, and achieved his peak level of 2Dan in 2021. Since 2021, chess has become his primary focus in games. His current chess skills are at an approximate level of 1300. Z.C. thinks he masters most Chinese home cooking dishes and has now embarked on a journey to learn the art of French and Italian cuisines. On occasion, Z.C. plays some sloppy melodies by his digital wind-instrument. Among all the composers, he holds a special fondness for Bach. From time to time, Z.C. generates and processes some digital 2D or 3D images and animations. Although he used to take photography more seriously, he now relies on his cellphone to capture moments and memories.</p>
</div>
</div>
</div>
</div>
</section>
<!-- end: SECTION IMAGE FULLSCREEN -->
<!-- Writing -->
<section class="background-dark text-light p-b-100">
<div class="container">
<div class="text-center m-b-60">
<h3 class="text-center">Selective Writings</h3>
</div>
<div id="blog" class="grid-layout post-items-transparent post-3-columns m-b-30" data-item="post-item">
<!-- Post item-->
<div class="post-item border">
<div class="post-item-wrap">
<div class="post-image">
<img alt="" src="homepages/photography/images/cooper/Noodlarianism-img.jpeg">
<span class="post-meta-category">Novel</span>
</div>
<div class="post-item-description">
<h2>Noodlarianism</h2>
<p>Inspired by noodles, an anonymous emperor created an ideology and initiated its memetic evolution. The book contains a collection of chronological events and selective conversations from some crucial players that shape their alternative world. Some descriptions in the book may seemingly coincide with the actual figures, entities, and events, especially those staged in Eurasia (China in particular). However, readers should not confuse this imaginary world with the real one.</p>
<br> Free sample is available.
<a href="https://github.com/zhengyuan-gao/Noodlarianism/blob/main/Noodlarianism.pdf?raw=true" class="item-link"><i class="fa fa-arrow-right"></i> Full text </a>
<br> To support the author by ordering the book.
<a href="https://www.amazon.com/dp/B0BYRPR54M" class="item-link"><i class="fa fa-arrow-right"></i> Order</a>
</div>
</div>
</div>
<!-- end: Post item-->
<!-- Post item-->
<div class="post-item border">
<div class="post-item-wrap">
<div class="post-image">
<img alt="" src="homepages/photography/images/cooper/Culchemy-img.jpeg">
<span class="post-meta-category">Novel</span>
</div>
<div class="post-item-description">
<h2>Culchemy's Conclaves</h2>
<p>Discover an alternative way of reading alchemical texts with this fascinating book. Inside, you'll find a collection of meeting memos from a secret society, Culchemy. Their current mission? To upend the perennial ideology of Noodlarianism, another secretive group that controls the fabricated central plain by continuously stirring the forces of "noodles" and "gravy." As the board of Culchemy proposes various strategies for embarking on a culchemical journey, they reveal a breathtaking spiritual adventure that will leave you wanting more. Dive into the world of Culchemy and experience a different perspective on a spiritual journey like never before.</p>
<br> Free sample is available.
<a href="https://github.com/zhengyuan-gao/culchemy/blob/main/CulchemyPrinted.pdf?raw=true" class="item-link"><i class="fa fa-arrow-right"></i> Full text </a>
<br> To support the author by ordering the book.
<a href="https://www.amazon.com/dp/B0BYRTKTPW" class="item-link"><i class="fa fa-arrow-right"></i> Order</a>
</div>
</div>
</div>
<!-- end: Post item-->
<!-- Post item-->
<div class="post-item border">
<div class="post-item-wrap">
<div class="post-image">
<img alt="" src="homepages/photography/images/cooper/ProjectXXII-img.jpeg">
<span class="post-meta-category">Online Book</span>
</div>
<div class="post-item-description">
<h2>Project XXII</h2>
<p>This project aims to construct a comprehensive quantitative system for categorising relations in socio-economics. However, I suspect that the current milieux are not ready for the emergence of such a system. The project has been lain dormant since 2022. </p>
<a href="https://spectragallery.github.io/blog/2022-03-09-test-markdown" class="item-link">Access to the finished parts of the project<i class="fa fa-arrow-right"></i></a>
</div>
</div>
</div>
<!-- end: Post item-->
</div>
</div>
</section>
<!-- end: Novels -->
<!-- GALLERY -->
<section class="background-dark text-light p-b-100">
<div class="container">
<div class="text-center m-b-60">
<h3 class="text-center">Selected Artworks</h3>
</div>
</div>
<!-- Portfolio -->
<div class="container">
<!-- Portfolio Filter -->
<nav class="grid-filter gf-outline" data-layout="#portfolio">
<ul>
<li class="active"><a href="#" data-category="*">Show All</a></li>
<li><a href="#" data-category=".ct-painting">Painting</a></li>
<li><a href="#" data-category=".ct-ceramics">Ceramics</a></li>
</ul>
<div class="grid-active-title">Show All</div>
</nav>
<!-- end: Portfolio Filter -->
<!-- Portfolio -->
<div id="portfolio" class="grid-layout portfolio-3-columns" data-margin="10" data-lightbox="gallery">
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/parliament_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Infernal Parliament in the East (2023) 130cm x 110cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/parliament_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/newnetherworld_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Brave New Netherworld (2023) 130cm x 100cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/newnetherworld_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/wuxia_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="A Visit to the Wuxia Village (2023) 60cm x 90cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/wuxia_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/pottering_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Pottering around in an Imaginary World (2023) 60cm x 90cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/pottering_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/micromacro_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Mysterious Micro-Macro States (2023) 120cm x 90cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/micromacro_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/towardscul3_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Towards the Cul No.3 (2023) 80cm x 60cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/towardscul3_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/self-portrait_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Self-portrait (2023) 60cm x 80cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/self-portrait_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-ceramics">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/stirrer_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="A Stirrer (2023) Cermaics" data-lightbox="gallery-image" href="homepages/photography/images/cooper/stirrer_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/noodlarianism_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Impression of Noodlarianism (2022) 40cm x 60cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/noodlarianism_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/awaitincarnation_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Awaiting Incarnation (2022) 40cm x 60cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/awaitincarnation_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-painting">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/towardscul_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Towards the Cul (2022) 40cm x 60cm" data-lightbox="gallery-image" href="homepages/photography/images/cooper/towardscul_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-ceramics">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/culchemist_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Hand gesture for Cul series No.1 (2022) Cermaics" data-lightbox="gallery-image" href="homepages/photography/images/cooper/culchemist_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-ceramics">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/owl_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Owl (2022) Cermaics" data-lightbox="gallery-image" href="homepages/photography/images/cooper/owl_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-ceramics">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/gesture_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Hand gesture for Cul series No.2 (2022) Cermaics" data-lightbox="gallery-image" href="homepages/photography/images/cooper/gesture_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom ct-ceramics">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a><img src="homepages/photography/images/cooper/teapot_frame_s.jpeg"></a>
</div>
<div class="portfolio-description">
<a title="Teapot No.1 (2022) Cermaics" data-lightbox="gallery-image" href="homepages/photography/images/cooper/teapot_frame.jpeg" class="btn btn-light btn-roundeded">Zoom</a>
</div>
</div>
</div>
<!-- end: portfolio item -->
</div>
<!-- end: Portfolio -->
</div>
</section>
<!-- end: GALLERY -->
<!-- Contact-->
<section class="background-dark text-light p-b-100 text-center">
<div class="container">
<div class="m-b-60">
<h3 class="text-center">Contact the Artist</h3>
</div>
<div class="align-center">
<a class="background-dark text-light btn btn-xs btn-slide btn-light" href="https://instgram.com/dinosaur.a1" data-width="118">
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
<a class="background-dark text-light btn btn-xs btn-slide btn-light" href="https://www.artmajeur.com/zhengyuan-cooper-gao" data-width="118">
<i class="icon-link"></i>
<span>Artist's shop</span>
</a>
<a class="background-dark text-light btn btn-xs btn-slide btn-light" href="mailto:[email protected]" data-width="249">
<i class="icon-mail"></i>
<span>[email protected]</span>
</a>
</div>
</div>
</div>
</section>
<!--end: Contact-->
<!-- FOOTER -->
<footer class="inverted" id="footer">
<div class="copyright-content">
<div class="container">
<div class="row">
<div class="copyright-text text-center"> © 2023 Spectra Gallery - A Multi-Purpose Gallery. All Rights Reserved. </div>
</div>
</div>
</div>
</footer>
<!-- end: FOOTER -->
</div>
<!-- end: Body Inner -->
<!-- Scroll top -->
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
<!--Plugins-->
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<!--Template functions-->
<script src="js/functions.js"></script>
</body>
</html>