-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
207 lines (204 loc) · 9.09 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
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
201
202
203
204
205
206
207
<!DOCTYPE html>
<html>
<head>
<title>MellonHeads</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/mellonheads.js"></script>
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" href="img/favicon.png">
<link rel="stylesheet" type="text/css" href="style/normalize.css">
<link rel="stylesheet" type="text/css" href="style/mellonheads.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
<nav class="navigation">
<span><a href="#home"><img src="img/logo.png"></a></span>
<img class="menubutton" src="img/menubutton.jpg"></img>
<div class="navwrap">
<ul class = "menulinks">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#events">EVENTS</a></li>
<li><a href="#partners">PARTNERS</a></li>
<li><a href="#team">TEAM</a></li>
<li><a href="#calendar">CALENDAR</a></li>
</ul>
</div>
</nav>
<div class="section home">
<a class="link" id="home"></a>
<div class="wrapper">
<img src="img/HeaderImage.png">
</div>
</div>
<div class="section about">
<a class="link" id="about"></a>
<div class="wrapper">
<h1>About</h1>
<h2>Mission</h2>
<p>I. Create and celebrate maker culture in as many disciplines as possible.</p>
<p>II. Foster an on-campus community for all things related to hackathons.</p>
<p><a href="https://github.com/mellonheads/constitution" target="_blank">Read our constitution</a></p>
<h2>What is a MellonHead?</h2>
<p>MellonHeads are doers, artists, programmers, designers, and hackers.</p>
<p>A MellonHead is someone who makes cool things and loves sharing their passions with others.</p>
<p>MellonHeads is a diverse community of students at Carnegie Mellon University who collaborate on cool projects and enjoy learning from one another.</p>
</div>
</div>
<div class="section events">
<a class="link" id="events"></a>
<div class="events_wrapper">
<h1>Events</h1>
<div class="event">
<a href="https://github.com/MellonHeads/historian/blob/master/Hackathons%20Demystified%20II%201-17-15/2016-01-17-Hackathons-Demystified-II.md"></a>
<img src="img/hackathons_demystified.png">
<p>Hackathons Demystified II</p>
<p class="date">01/17/2016</p>
</div>
<div class="event">
<a href="https://github.com/MellonHeads/historian/blob/master/Hack%20to%20School%201-10-15/2016-01-10-Hack-to-school.md"></a>
<img src="img/HackToSchool.jpg">
<p>Hack To School</p>
<p class="date">01/10/2016</p>
</div>
<div class="event">
<a href="https://github.com/MellonHeads/historian/blob/master/Paranormal%20Hacktivity%2010-29-15/Paranormal%20Hacktivity%2010-29-15.md"></a>
<img src="img/paranormal_hackcover.jpg">
<p>Paranormal Hacktivity</p>
<p class="date">10/29/2015</p>
</div>
<div class="moreevents">
<div class="event">
<a href="https://en.wikipedia.org/wiki/Unknown"></a>
<img src="img/mellonheads_logo.svg">
<p>Coming Soon</p>
<p class="date">??/??/????</p>
</div>
</div>
<div class="more">
<div class="lessevents">
<p class="button">more events</p>
</div>
<div class="moreevents">
<p class="button">less events</p>
</div>
</div>
</div>
</div>
<div class="section partners">
<a class="link" id="partners"></a>
<div class="partners_wrapper">
<h1>Partners</h1>
<h3>Our Sponsors</h3>
<a href="https://www.google.com/"><img src="img/google.png"></a>
<a href="https://www.facebook.com/"><img src="img/facebooklogo.png"></a>
<a href="https://www.expii.com/"><img src="img/expii.svg"></a>
<h3>Our Collaborators</h3>
<a href="https://www.scs.cmu.edu/"><img src="img/cmuscs.png"></a>
<a href="https://thebridge.cmu.edu/organization/IMO"><img src="img/imo.png"></a>
<a href="acmatcmu.org"><img src="img/acmatcmu.png"></a>
</div>
</div>
<div class="section team">
<a class="link" id="team"></a>
<div class="team_wrapper">
<h1>TEAM</h1>
<div class="boardmember">
<img src="img/avi.jpg">
<p class="position">President</p>
<p class="name">Avi Romanoff</p>
<p class="quote">It's like all he knows is fine dining… and breathing!</p>
</div>
<div class="boardmember">
<img src="img/ally.png">
<p class="position">Social Media</p>
<p class="name">Ally Sorge</p>
<p class="quote">Yolo</p>
</div>
<div class="boardmember">
<div class="Russell">
<img src="img/russell.jpg">
<p class="position">Webmaster</p>
<p class="name">Russell Hawkins</p>
<p class="quote">Am I abusing my powers as webmaster....yeah probably.</p>
</div>
</div>
<div class="boardmember">
<img src="img/will.jpg">
<p class="position">Internal Relations</p>
<p class="name">Will Ganucheau</p>
<p class="quote">I'll get back to you on the quote... (you can use this as my quote if you want)</p>
</div>
<div class="boardmember">
<img src="img/tiffany.jpg">
<p class="position">Designer</p>
<p class="name">Tiffany Jiang</p>
<p class="quote">Holy heck!</p>
</div>
<div class="boardmember">
<img src="img/wilson.jpg">
<p class="position">Historian</p>
<p class="name">Wilson Zhao</p>
<p class="quote">“nihilism is best done by professionals”</p>
</div>
<div class="boardmember">
<img src="img/emily.jpg">
<p class="position">Secretary</p>
<p class="name">Emily Newman</p>
<p class="quote">Rule #1: Any problem can be solved with a blowtorch</p>
</div>
<div class="boardmember">
<img src="img/omar.jpg">
<p class="position">Fund Raising</p>
<p class="name">Omar Alhait</p>
<p class="quote">ayy lmao</p>
</div>
<div class="boardmember">
<img src="img/hima.jpg">
<p class="position">Treasurer</p>
<p class="name">Hima Tammineedi</p>
<p class="quote">Thinking of quotes is hard</p>
</div>
<div class="boardmember">
<img src="img/chris.JPG">
<p class="position">Board Member</p>
<p class="name">Chris Smith</p>
<p class="quote">Is watermelon an instrument?</p>
</div>
<div class="boardmember">
<img src="img/caroline.jpg">
<p class="position">Board Member</p>
<p class="name">Caroline Hermans</p>
<p class="quote">Fries before guys</p>
</div>
<div class="boardmember">
<img src="img/you.png">
<p class="position">?????????</p>
<p class="name">YOU</p>
<p class="quote">We'd love to have you</p>
</div>
</div>
</div>
<div class="section calendar">
<a class="link" id="calendar"></a>
<div class="calendar_wrapper">
<h1>Calendar</h1>
<iframe src="https://calendar.google.com/calendar/embed?src=u8id2222muh0nrmu30epsvio2o%40group.calendar.google.com&ctz=America/New_York" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>
</div>
<div class="section footer">
<a class="link" id="footer"></a>
<div class="footer_wrapper">
<h1>stay in the loop</h1>
<div class="footer_pics">
<a href="https://www.facebook.com/groups/TheMellonHeads"><img src="img/facebook.png"></a>
<a href="https://www.github.com/MellonHeads"><img src="img/github.png"></a>
<a href="https://www.twitter.com/MellonHeads"><img src="img/twitter.png"></a>
</div>
<span class="copy">© MellonHeads</span>
</div>
</div>
</body>
</html>