This repository has been archived by the owner on May 8, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
97 lines (90 loc) · 3.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />
<title>Bruin Bash | Presented by UCLA CEC & CAC</title>
<link href="css/style.css" rel="stylesheet">
<link href="assets/Favicon.png" rel="icon">
</head>
<body>
<div class="se-pre-con"></div>
<div id="line"></div>
<div class='container'>
<!--Social Media Icons-->
<div id="cecsocialmedia">
<a href="http://www.uclacec.com/" target="_blank">
<img src="assets/socialmedia/Website%20Transparent%20White.png" class="icon">
</a>
<a href="https://www.facebook.com/uclacec" target="_blank">
<img src="assets/socialmedia/Facebook%20Transparent%20White%20(1).png" class="icon">
</a>
<a href="https://twitter.com/uclacec" target="_blank">
<img src="assets/socialmedia/Twitter%20Transparent%20White%20(1).png" class="icon">
</a>
<a href="https://www.instagram.com/uclacec/">
<img src="assets/socialmedia/Instagram%20Transparent%20White%20(1).png" class="icon">
</a>
</div>
<div id="cacsocialmedia">
<a href="https://www.instagram.com/culturalaffairs/" target="_blank">
<img src="assets/socialmedia/Instagram%20Transparent%20White%20(1).png" class="icon">
</a>
<a href="https://twitter.com/culturalaffairs" target="_blank">
<img src="assets/socialmedia/Twitter%20Transparent%20White%20(1).png" class="icon">
</a>
<a href="https://www.facebook.com/culturalaffairsla" target="_blank">
<img src="assets/socialmedia/Facebook%20Transparent%20White%20(1).png" class="icon">
</a>
<a href="" target="_blank">
<img src="assets/socialmedia/CAC%20Transparent%20White%20(1).png" class="icon">
</a>
</div>
<!--<!–Arc–>-->
<!--<div id="arc">-->
<!--<div class='tophalf'></div>-->
<!--<div class='inner'></div>-->
<!--<div class='cover'></div>-->
<!--<div class='bottomhalf'></div>-->
<!--</div>-->
<!--Royce-->
<div id="day">
<img src="assets/Click.gif" class="light" id="click">
<img src="assets/Royce%20(1).png" class="royce light" id="clicked"/>
</div>
<div id="neon">
<img src="assets/Royce_neonglow.png" class="royce night" id="glow"/>
<img src="assets/Royce%20Neon%20Transparent.png" class="royce night" id="glow2"/>
</div>
<!--Bruin Bash words-->
<div class="header">
<img src="assets/bruin_white.png" class='bruin day'/>
<img src="assets/bruin1_white.png" class='bruin night_header'/>
<div class="spacer"><video src="assets/teaser_vid.mp4" autoplay loop></video></div>
<img src="assets/bash1_white.png" class="bash night_header"/>
<img src="assets/bash_white.png" class='bash day'/>
</div>
<a href="lotto.html" target="_blank">
<div class="button night">
Click for Ticket Information
</div>
</a>
</div>
<div class="modal"><!-- Place at bottom of page --></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
<!---Howler.js cdn import-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/1.1.29/howler.min.js"></script>
<!--Arc positioning + any other positioning if necessary-->
<script src = "js/positioning.js"></script>
<!--Animation + sounds upon click-->
<script src="js/animation.js"></script>
<script>
// Wait for window load
$(window).load(function() {
// Animate loader off screen
$(".se-pre-con").fadeOut("slow");
});
</script>
</body>
</html>