-
Notifications
You must be signed in to change notification settings - Fork 0
/
project-Seamlessness.html
99 lines (97 loc) · 5.15 KB
/
project-Seamlessness.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
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chunsu Ouyang - Portfolio</title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- Load CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- Load Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" type="text/css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" type="text/css" />
<!-- Load jQuery library -->
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<!-- Load custom js -->
<script type="text/javascript" src="scripts/panelslide.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
<!-- Load topcontrol js -->
<script type="text/javascript" src="scripts/scrolltopcontrol.js"></script>
<!-- Load NIVO Slider -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-theme.css" type="text/css" media="screen" />
<script src="scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="scripts/nivo-options.js" type="text/javascript"></script>
<!-- Load fancybox -->
<script type="text/javascript" src="scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
</head>
<body>
<!--This is the START of the header-->
<div id="topcontrol" style="position: fixed; bottom: 5px; left: 960px; opacity: 0; cursor: pointer;" title="Go to Top"></div>
<div id="header-wrapper">
<div id="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" width="100" height="80" alt="logo" /></a></div>
<div id="header-text">
</div>
</div>
</div>
<!--END of header-->
<!--This is the START of the menu-->
<div id="menu-wrapper">
<div id="main-menu">
<ul>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</div>
<!--END of menu-->
<!--This is the START of the content-->
<div id="content">
<!--This is the START of the NIVO slider-->
<div class="slider-wrapper theme-co">
<div id="slider" class="nivoSlider">
<img src="images/sample-project/slider-Seamlessness/slide3.jpg" width = "720" alt="" title="#img0" />
<img src="images/sample-project/slider-Seamlessness/slide4.jpg" width = "720" alt="" title="#img1" />
<img src="images/sample-project/slider-Seamlessness/slide5.jpg" width = "720" alt="" title="#img2" />
<img src="images/sample-project/slider-Seamlessness/slide6.jpg" width = "720" alt="" title="#img3" />
<img src="images/sample-project/slider-Seamlessness/slide7.jpg" width = "720" alt="" title="#img4" />
<img src="images/sample-project/slider-Seamlessness/slide9.jpg" width = "720" alt="" title="#img5" />
</div>
<div id="slider-shadow"></div>
</div>
<!--END of NIVO Slider-->
<!--This is the START of the project-->
<div class="project">
<div id="description">
<h3>ICE.BAIT</h3>
<p>Entertainment Studio 2019-2020, led by Nathan Su. </p>
<p>Project by Akash Ragde, Chunsu Ouyang, Gesthimani Roumpani, & Yanrong Yang.</p>
<p>Software: Rhino, Cinema 4D </p>
<br>
<br>
<h5>The aim of this project is to examine how the value of art can be defined through documentation, exclusivity, and ownership, by fabricating a realistic fiction. Our team created Ice Bait, an ice artist based in Los Angeles, who installs large, signature ice cubes with unique orange figurines inside them, while maintaining her secret identity. Through social media presence (@ice.bait on Instagram) and posting pictures of the installations and the artist's workshop, our goal is to tell her story through pure imagery. In this context, we examine art not as an exercise in skill, but in manipulating scarcity, maintaining a certain image toward the public, and establishing recognition through things being rare.
</h5>
</div>
</div>
<!--END of project-->
<iframe src="https://player.bilibili.com/player.html?aid=670650476&bvid=BV1va4y1H7c8&cid=268331551&page=1" width="720" height="405" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<p>2019 Somethinig Ice - Teaser video <a class="readmore" href="https://www.bilibili.com/video/BV1va4y1H7c8">Bilibili</a></p>
<br>
<img src="images/sample-project/slider-Seamlessness/slide00.jpg" width = "720"/>
<br>
<img src="images/sample-project/slider-Seamlessness/slide1.jpg" width = "720"/>
<br>
<img src="images/sample-project/slider-Seamlessness/slide2.jpg" width = "720" />
<br>
<img src="images/sample-project/slider-Seamlessness/slide8.jpg" width = "720" />
<br>
<img src="images/sample-project/slider-Seamlessness/slide10.jpg" width = "720" />
<!--This is the START of the gallery-->
<div class="spacer"></div>
</div>
<!--END of content-->
</body>
</html>