-
Notifications
You must be signed in to change notification settings - Fork 3
/
about-branch.html
116 lines (99 loc) · 6.5 KB
/
about-branch.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
<!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">
</head>
<body>
<div class="mobile-menu">
<ul>
<li><a href="about.html">ABOUT</a></li>
<li><a href="tickets.html">TICKETS</a></li>
<li>PEOPLE</li>
<li>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/252741421?loop=1&color=96969D&title=0&byline=0&portrait=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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum ex in mauris placerat, dictum suscipit nulla varius. Nullam ac mauris sed orci posuere viverra ut eu massa. Sed auctor justo eu nisi tincidunt, maximus elementum arcu ornare. Nulla facilisi. Nullam eget enim purus. Sed luctus leo ut tincidunt aliquet. Etiam consectetur nisl a diam ultricies iaculis. Aliquam tincidunt faucibus lorem quis laoreet. Nunc feugiat accumsan erat, vel viverra odio luctus sit amet. Proin at pretium ligula.
<br>
<br>
Phasellus elit neque, auctor vel sagittis non, hendrerit vitae urna. Quisque ut neque tempor, sodales massa in, convallis nibh. Aliquam mattis orci quis vestibulum dignissim. Proin malesuada ligula tellus, quis facilisis urna dapibus at. In eget scelerisque mi. Duis imperdiet ullamcorper ultricies. Aenean bibendum quam vel nisl bibendum, a iaculis diam consectetur. Fusce sit amet interdum purus, in dignissim nunc. Aliquam metus nibh, commodo nec arcu ac, imperdiet sollicitudin lectus. Sed eget dignissim nisl, eget elementum quam. Aliquam nunc risus, tincidunt posuere vulputate non, aliquet eget libero. Duis condimentum cursus mi quis pharetra.
<br>
<br>
Donec eu gravida enim. Aliquam malesuada ultricies risus, at pellentesque erat accumsan a. Proin ornare viverra leo, et pulvinar lacus pellentesque in. Vestibulum molestie ligula vitae ex mattis, interdum rutrum erat laoreet. Sed rhoncus arcu vitae suscipit feugiat. Integer ultrices, elit non blandit dictum, metus eros finibus quam, vitae vulputate nibh nunc in ex. Pellentesque habitant morbi tristique senectus et.</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>