forked from lunar-gala/2019-theme-site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
125 lines (101 loc) · 7.07 KB
/
about.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>LG 2019: ANOMIE - About</title>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.1/pixi.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/fitty.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/js/swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
<script>
fitty('h1');
</script>
<script src="script/nav.js"></script>
<link rel="stylesheet" type="text/css" href="style/reset.css">
<link rel="stylesheet" type="text/css" href="style/brand-font.css">
<!-- <link rel="stylesheet" type="text/css" href="style/index-grid.css"> -->
<link rel="stylesheet" type="text/css" href="style/interact.css">
<link rel="stylesheet" type="text/css" href="style/about-grid.css">
<link rel="stylesheet" type="text/css" href="style/mobile.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/css/swiper.min.css">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="mobile-background"></div>
<div class="mobile-menu">
<ul>
<li><a href="index.html">INDEX</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="tickets.html">TICKETS</a></li>
<li style="text-decoration: line-through;">PEOPLE</li>
<li style="text-decoration: line-through;">LINES</li>
</ul>
</div>
<div class="svg-top">
<div class="top">
<div id="nav-window">
<div id="logo-star">
<img id="star" src="images/archFrames/dark-star.svg" >
</div>
</div>
<div id="ticket-marquee">
<div class="marquee page">
<img id="a" src ="images/ABOUT.svg">
<img id= "b" src ="images/ABOUT.svg">
</div>
</div>
</div>
<div class="bottom">
<div id="about-main-info">
<h4>SHOW DESCRIPTION</h4>
<h1>ANOMIE • 2019</h1>
<br>
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/312039075?loop=1&color=96969D&title=0&byline=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<br>
<br>
<p >AN·O·MIE (ˈanəˌmē/) is a condition of society that isolates the individual through the dissolution of community. <br><br>
As the digital expanse grows wider and wider, the social fabric that binds communities is in tension. Polarizing debate and the incongruence of realities cuts sharp dividing lines between people. While this landscape is filled with heat and uncertainty there is one thing that stands true - If you are alone in this desert, you will certainly perish. <br><br>
Lunar Gala 2019: ANOMIE embraces an uncertain future on the horizon and the resilience of communities who are defining it. <br><br>
There is no meaningful way to live life without one another. Communities provide the stability and purpose necessary for navigating a seemingly expansive and apathetic world. Fashion in particular can be a symbol or indicator of belonging to a community- this is why it’s often so culturally charged. You become more real when you are a part of a collective because your existence is extended above and outside of yourself- because you trek alongside others physically symbolically, aesthetically. <br><br>
This year’s show is an ephemeral catwalk through the heat, expanse, delirium and utopia of a digital horizon. More than 120 individuals from across fashion, art, music, technology and science are brought together in our own time to celebrate difference, creativity and possibility. With our show, we hope to balance declaration with inquiry, introspection with discourse- recognizing this duality is crucial in preserving the structures of inclusivity and creative expression we often take for granted. <br><br>
In our 22nd year of Lunar Gala we ask our participants: How does LG and Carnegie Mellon as a whole continue to foster innovation and experimentation within groups and across groups? How can the arts and spaces for the arts aid us on our journey towards new horizons?</p>
</div>
<div id="merch-info" >
<h4>SHOW INFORMATION</h4>
<h1>03 / 02<!-- </br>20:00 --></h1>
<br>
<h3>20:00-22:00</h3>
<h3>WIEGAND GYM •<br>COHEN UNIVERSITY CENTER</h3>
<h4><BR>SPONSORS</h4>
<img src="images/sponsors/wvu.png">
<img src="images/sponsors/Style412.png">
<img src="images/sponsors/cmoa.png">
</div>
<div id="merch-window"></div>
</div>
</div>
<div class="mobile-footer">
<h5>LUNAR GALA • 2019 • ANOMIE</h5>
</div>
<div id="jello-container" class="jello-container">
<div class="jello-controls ghost">
<div class="jello-controls__wrap ghost__child">
<button type="button" class="meta -light jello-controls__cta--button js-change-image">Change Image</button>
<button type="button" class="meta -light jello-controls__cta--button js-change-image-1">Change Image</button>
<button type="button" class="meta -light jello-controls__cta--button js-change-image-2">Change Image</button>
<button type="button" class="meta -light jello-controls__cta--button js-change-image-3">Change Image</button>
<button type="button" class="meta -light jello-controls__cta--button js-change-image-4">Change Image</button>
<span class="meta -light">/</span>
<button type="button" class="meta -light jello-controls__cta--button js-change-distortion">Change Distortion</button>
<span class="meta -light">/</span>
<button type="button" class="meta -light jello-controls__cta--button js-toggle-distortion">Toggle Distortion</button>
</div>
</div>
<canvas class="jello-canvas"></canvas>
</div>
</body>
<script src="script/interact-2.js"></script>
<script src="script/mobile.js"></script>
</html>