-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
165 lines (147 loc) · 8.7 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="media/ccnylogosquaresmall.png">
<!-- Pure CSS Stylesheets -->
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
<!-- CCNY ACM Stylesheets -->
<link rel="stylesheet" href="css/main.css">
<!-- Flip.js Stylesheets -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="bower_components/flip.js/build/flip.css">
<!-- Font Awesome Stylesheet -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<title>About - CCNY ACM</title>
</head>
<body>
<div class="custom-wrapper pure-g" id="menu" role="navigation">
<div class="pure-u-1 pure-u-md-1-3">
<div class="pure-menu">
<a href="index.html" class="logo"><img src="media/ccnylogowhiteweb.png" alt="Logo" class="pure-img logo"></a>
<a href="#" class="custom-toggle" id="toggle"><s class="bar"></s><s class="bar"></s></a>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<div class="pure-menu pure-menu-horizontal custom-can-transform custom-menu-2">
<ul class="pure-menu-list" role="menubar">
<li class="pure-menu-item"><a href="events.html" class="white pure-menu-link">Events</a>
<li class="pure-menu-item"><a href="projects.html" class="white pure-menu-link">Projects</a>
<li class="pure-menu-item"><a href="about.html" class="white pure-menu-link">About</a>
<li class="pure-menu-item"><a href="resources.html" class="white pure-menu-link">Resources</a>
<li class="pure-menu-item"><a href="contact.html" class="white pure-menu-link">Contact</a>
</ul>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<div class="pure-menu pure-menu-horizontal custom-menu-3 custom-can-transform">
<ul class="pure-menu-list">
<li class="pure-menu-item pure-menu-link" style="color: white;">☏ 212-650-6172</li>
</ul>
</div>
</div>
</div>
<div class="pure-g center bg-darker" style="padding-bottom: 40px;">
<h1 class="center">About Us</h1>
<div class="round-w">
<p>The CCNY chapter of the Association for Computing Machinery (ACM) is a student organization dedicated to bringing engaging and interesting events to our Computer Science community and those interested in Computer Science.</p>
<p>We go beyond the classroom setting and run workshops, talks, panels and competitions throughout the year that bring students together to learn and grow. One of our most engaging weekly events is GameDev, where groups of students come together and build video games using hot languages such as JavaScript.</p>
<p>By being a part of ACM, you’ll get exposure to a handful of real world experiences such as learning to collaborate with others using Version Control tools such as Git, writing software in new and in-demand programming languages, learning from established alumni and individuals working in the software field through our panel events and lastly, you’ll start working towards building your personal portfolio which will carry you above and beyond your daily classes.</p>
<p>We are very proudly supported by the CCNY Computer Science Department, the Computer Science Chairman, Professor Akira Kawaguchi, and by our wonderful Faculty Advisor, Professor Sam Fenster.</p>
</div>
</div>
<div class="pure-g">
<h1 class="center">E-board Bios</h1>
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h2 class="center">President: Porrith Suong</h2>
<div class="flip" data-flip="left">
<div class="flippy flip-body">
<div class="circle flip-front purple"> <img src="media/team_members/porrith.png" class="responsive-img team circle"> </div>
<div class="area circle flip-back purple">
<h3 class="center card-message">Third Year Computer Science Major, Game Developer, and Entrepreneur.</h3> </div>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h2 class="center">Vice-President: Allen Kim</h2>
<div class="flip circle" data-flip="up">
<div class="flippy flip-body">
<div class="circle flip-front purple"> <img src="media/team_members/allen2.jpg" class="responsive-img team circle"> </div>
<div class="area circle flip-back purple">
<h3 class="center card-message">Third Year Student</h3> </div>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h2 class="center">Secretary: Enan Rahman</h2>
<div class="flip" data-flip="right">
<div class="flippy flip-body">
<div class="circle flip-front purple"> <img src="media/team_members/enan.jpg" class="responsive-img team circle"> </div>
<div class="area circle flip-back purple">
<h3 class="center card-message">Third Year Student</h3> </div>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h2 class="center">Treasurer: Claudia Yan</h2>
<div class="flip" data-flip="down">
<div class="flippy flip-body">
<div class="circle flip-front purple"> <img src="media/team_members/claudia-yan.png" class="responsive-img team circle"> </div>
<div class="area circle flip-back purple">
<h3 class="center card-message">Second Year Student. Likes playing FPS games.</h3> </div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="pure-g footer bg-darkest">
<div class="pure-u-1">
<ul class="bottom-excess center list-inline">
<li><a href="https://www.facebook.com/groups/ccnyacm/" target="facebook"><i class="white fa fa-facebook fa-2x" aria-hidden="true"></i><span class="sr-only">Facebook Link</span></a></li>
<li><a href="https://www.flickr.com/photos/ccnyacm" target="flickr"><i class="white fa fa-flickr fa-2x" aria-hidden="true"></i><span class="sr-only">Flickr Link</span></a></li>
<li><a href="http://slides.com/ccnyacm" target="slides"><i class="white fa fa-keyboard-o fa-2x" aria-hidden="true"></i><span class="sr-only">Slides.com Link</span></a></li>
<li><a href="https://twitter.com/ccnyacm" target="twitter"><i class="white fa fa-twitter fa-2x" aria-hidden="true"></i><span class="sr-only">Twitter Link</span></a></li>
</ul>
</div>
<h5 class="center white top-excess bottom-excess">Created with <font color="C67171"><3</font> by <a href="https://github.com/venegu" target="Lisa" class="salmon">Lisa Maldonado</a> and <a href="https://github.com/DrkSephy" target="David" class="black">David Leonard</a> for the CCNY ACM</h5>
</div>
<script>
// Navbar
(function (window, document) {
var menu = document.getElementById('menu'),
WINDOW_CHANGE_EVENT = ('onorientationchange' in window) ? 'orientationchange':'resize';
function toggleHorizontal() {
[].forEach.call(
document.getElementById('menu').querySelectorAll('.custom-can-transform'),
function(el){
el.classList.toggle('pure-menu-horizontal');
}
);
};
function toggleMenu() {
if (menu.classList.contains('open')) {
setTimeout(toggleHorizontal, 500);
}
else {
toggleHorizontal();
}
menu.classList.toggle('open');
document.getElementById('toggle').classList.toggle('x');
};
function closeMenu() {
if (menu.classList.contains('open')) {
toggleMenu();
}
}
document.getElementById('toggle').addEventListener('click', function (e) {
toggleMenu();
});
window.addEventListener(WINDOW_CHANGE_EVENT, closeMenu);
})(this, this.document);
</script>
<script src="bower_components/flip.js/build/flip.min.js"></script>
</body>
</html>