-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.shtml
executable file
·200 lines (174 loc) · 8.47 KB
/
index.shtml
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Carnegie Mellon Spring Carnival</title>
<!--#include virtual="html/head.html" -->
</head>
<body>
<!--#include virtual="html/google-tag-manager.html" -->
<!-- Animation on page load-->
<div id="animation">
<div class="logo">
<a href="/"><img src="img/logo_white.png" width="850" alt="Carnegie Mellon Spring Carnival logo" /></a>
</div>
<div class="panel" id="panel1"></div>
<div class="panel" id="panel2"></div>
<div class="panel" id="panel3"></div>
<div class="panel" id="panel4"></div>
<div class="panel" id="panel5"></div>
<div class="panel" id="panel6"></div>
<div class="panel" id="panel7"></div>
<div class="panel" id="panel8"></div>
<div class="panel" id="panel9"></div>
<div class="panel" id="panel10"></div>
</div> <!-- end animation-->
<div id="all">
<header class="row header home">
<!--#include virtual="html/header.html" -->
</header>
<!-- Upper-Left Decoration (Clock) -->
<!-- <div id="decoration" style="display:flex; position:absolute; left:10px; top:150px;z-index:100;transform: rotate(-20deg);" >
<img class="decor" style="width:150px;" src="img/website_deco_watch.png"/>
</div> -->
<!-- Decoration (Arcade) -->
<div id="decoration" style="display:flex; position:absolute; left:75px; top:200px;z-index:100;transform: rotate(-10deg);" >
<img class="decor" style="width:150px;" src="img/website_deco_game.png"/>
</div>
<div id="decoration" style="display:flex; position:absolute; right:150px; top:350px;z-index:100;transform: rotate(5deg);" >
<img class="decor" style="width:150px;" src="img/website_deco_arcade.png"/>
</div>
<!--#include virtual="html/navigation.html" -->
<article class="main">
<!-- <div class="show-for-small-only">
<p class="panel">
Checkout this year's <a href="https://youtu.be/xiNpa-VRiuw">Promo Video</a>!
</p>
</div> -->
<!-- <div class="show-for-medium-up">
<p class="panel">
Checkout this year's <a href="https://youtu.be/xiNpa-VRiuw">Promo Video</a>!
</p>
</div> -->
<div class="row">
<div class="large-10 large-centered columns">
<h1>
<center><b>Spring Carnival</b></center>
</h1>
<br>
<p>Carnegie Mellon's Spring Carnival is three days of amusement
park rides, adventures in booths, unhealthy snacks, and buggy races. </p>
<p>Join us <strong>April 11-14, 2024</strong> as we celebrate over 100 years of fun, laughter,
booth, buggy, and being a Tartan! </p>
</div>
</div>
<br class="spacer" />
<!-- Home image slideshow -->
<div class="row">
<div class="large-11 large-centered columns">
<div class="slickslider">
<div><img class="border" src="img/home/slides/home1.jpg" /></div>
<div><img class="border" src="img/home/slides/home2.jpg" /></div>
<div><img class="border" src="img/home/slides/home3.jpg" /></div>
<div><img class="border" src="img/home/slides/home4.jpg" /></div>
<div><img class="border" src="img/home/slides/home5.jpg" /></div>
<div><img class="border" src="img/home/slides/home6.jpg" /></div>
<div><img class="border" src="img/home/slides/home7.jpg" /></div>
<div><img class="border" src="img/home/slides/home8.jpg" /></div>
<div><img class="border" src="img/home/slides/home9.jpg" /></div>
<div><img class="border" src="img/home/slides/home10.jpg" /></div>
<div><img class="border" src="img/home/slides/home11.jpg" /></div>
<div><img class="border" src="img/home/slides/home12.jpg" /></div>
<div><img class="border" src="img/home/slides/home13.jpg" /></div>
</div>
<span class="title">Carnegie Mellon's oldest tradition is a favorite of students, alumni, faculty, and
staff!</span>
</div>
</div>
<br class="spacer" />
<div class="row">
<div class="large-10 large-centered columns">
<p>Each year, Carnival is planned and executed by our own Spring
Carnival Committee. We love what we do. Alumni Association provides
us with access to our amazing alumni network and helps with scheduling,
and the Activities Board puts on our big events, such as the concert and
comedian. Buggy is held by Sweepstakes Committee. Carnival is the best
time of the year for us. Come see what we’re talking about!</p>
</div>
</div>
<br class="spacer" />
<br class="spacer" />
<br/>
<div class="row">
<div class="large-10 large-centered columns">
<h1>
<center><b>Carnival Theme 2024: Arcade</b></center>
</h1>
<br class="spacer" />
<br class="spacer" />
<center><img src="img/2024_logo.png" width="500" style="" /></center>
<br class="spacer" />
<br class="spacer" />
<p>Get ready to step into a virtual world with Spring Carnival's 2024 Theme,
<strong>Arcade</strong>! From retro arcade games to modern classics,
nothing says fun like relaxing and playing games with friends. This year's
theme will merge CMU's beloved Spring Carnival tradition with our
favorite virtual experiences, crafting a creative event like no other.
Let the games begin at <strong>Spring Carnival 2024!</strong>
</p>
</div>
</div>
<br class="spacer" />
<br/>
<!--
<div class="row">
<div class="large-10 large-centered columns">
<h1>
<center><b>Theme Reveal 2023</b></center>
</h1>
<br class="spacer" />
<center><img src="img/home/theme_reveal.jpg" width="500" style="" /></center>
</div>
<br class="spacer" />
<span class="title">SCC Exec Board at 2023 theme reveal!</span>
</div> -->
<!-- Philanthropy -->
<!-- <div class="row">
<div class="medium-8 large-7 large-push-1 columns">
<p>This year, Carnival has teamed up with Habitat for Humanity of Pittsburgh and OrderUp to raise money towards building homes for those in need. Sign up using the Spring Carnival <a href="https://orderup.com/go/carnival" target="_blank">sign up page</a> and OrderUp will take $10 off your first order and donate it to Habitat for Humanity!</p>
</div>
<div class="medium-4 large-3 large-pull-1 text-center columns">
<a href="http://www.pittsburghhabitat.org" target="_blank"><img src="img/habitat.png" width="200" style="" /></a>
<a href="https://orderup.com" target="_blank"><img src="img/orderup.png" width="200px" style="" /></a>
</div>
</div>
<br class="spacer" />
<div class="row">
<div class="large-10 large-centered columns">
<p>Food can also be ordered for delivery to Midway and all proceeds will go to Habitat for Humanity. This is a great way for alumni, friends, and family to support booth from far away. Orders can be placed online through <a href="http://carnegiemellontickets.universitytickets.com/user_pages/event.aspx?id=1400" target="_blank">Carnegie Mellon tickets</a>.</p>
</div>
</div> -->
<br class="largespacer" />
<div class="row">
<div class="large-12 large-centered columns" >
<p class="text-center plainfont" style="background-color: rgba(255, 255, 255,50%); border-radius: 25px;padding:1rem;">
<a href="http://cmu.edu" target="_blank"><img src="img/home/cmulogo.png" width="400"
alt="Carnegie Mellon University Logo" /></a>
<br />
Carnegie Mellon’s Spring Carnival is funded in part by your
student activities fee!
</p>
</div>
</div>
<br class="largespacer" />
<!-- Lower-Right Decoration (Cupcake) -->
<!-- <div id="decoration" style="display:flex; position:relative;" >
<img class="decor2" style="width:150px;" src="img/website_deco_cupcake.png"/>
</div> -->
<!--#include virtual="html/footer.html" -->
</div><!-- end all-->
<!--#include virtual="html/script.html" -->
<script src="js/jquery.cookie.js"></script>
<script src="js/animation.js"></script>
<script>$("#nav-home").addClass("active");</script>
</body>
</html>