-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
314 lines (293 loc) · 18.6 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
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<link rel="shortcut icon" href="assets/imgs/sudo_icon.ico" />
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Sudo</title>
</head>
<body id="main">
<nav class="nav-section navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" onclick="smoothScroll('main');">
<img src="assets/imgs/sudo_arrow.png" alt="Little Sudo Logo" id="sudo-arrow">
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about" id="menu-about" onclick="smoothScroll('about');">ABOUT</a></li>
<li><a href="#events" id="menu-events" onclick="smoothScroll('events');">EVENTS</a></li>
<li><a href="#workshops" id="menu-workshops" onclick="smoothScroll('workshops');">WORKSHOPS</a></li>
<li><a href="#volunteer" id="menu-volunteer" onclick="smoothScroll('volunteer');">VOLUNTEER</a></li>
<li><a href="#sponsors" id="menu-sponsors" onclick="smoothScroll('sponsors');">SPONSORS</a></li>
<li><a href="#contact" id="menu-contact" onclick="smoothScroll('contact');">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<section class="main-section">
<div class="main-content">
<div class="container container-adjustment max-width">
<div class="blurb">
<img src="assets/imgs/sudo_logo.png" class="logo">
<p>
Sudo is a Kingston-based initiative with the mission to create a community where women can learn to code together. <span class="bold">Let's get coding.</span>
</p>
<button class="btn-green" href="#about" onclick="smoothScroll('about');">About</button>
</div>
</div>
</div>
</section>
<section class="about-section" id="about">
<div class="about-content">
<div class="container container-adjustment max-width">
<h1 class="type">sudo</h1>
<p class="white">
<span class="italic Gotham">(/ˈsuːduː/ or /ˈsuːdoʊ/)
<br>a powerful Linux command allowing users super user access to install, update, and access files on a server.</span>
<br><br>
Much like the command, the community of Sudo has a mission to create sudoers out of the women of Kingston, allowing them to install new technical skills, update any existing skills, and access a community built to empower.
<br><br>
Through hosting monthly meet-ups and workshops, Sudo strives to build an energetic and welcoming community of programmers to support women in improving their technical skills. We believe programming is a skill everyone should have, and it's our mission to offer and encourage the women of Kingston to learning these skills.
</p>
</div>
</div>
</section>
<section class="events-section" id="events">
<div class="container container-adjustment max-width">
<div class="title center">
<img src="assets/imgs/events_icon.svg" class="center-img">
<h1 class="light-title">Upcoming Events</h1>
</div>
<!-- <div class="card">
<div class="card-details">
<h4 class="center">Code & Coffee</h4>
<hr/>
<div class="card-meta">
<img src="assets/imgs/event_date.svg" class="event-icon"> Sunday January 29th, 2017
<br><img src="assets/imgs/event_time.svg" class="event-icon"> 9:30am - 12:00pm
<br><img src="assets/imgs/event_location.svg" class="event-icon"> <a target="_blank" href="https://www.google.ca/maps/place/CRAVE+Coffee+House+%26+Bakery/@44.2317688,-76.4847225,15z/data=!4m2!3m1!1s0x0:0xfe75c438f429061c?sa=X&ved=0ahUKEwiqqt_QxsrRAhUhCMAKHXlcAkMQ_BIIbjAK">CRAVE Coffee House & Bakery, Kingston, ON</a>
</div>
<p>
Have a coffee with Sudo at our first meetup of 2017! Feel free to bring along any computer science / tech related projects, questions, and curiosity you might have!</p>
<p><b>Any Questions?</b> Feel free to email us at <a href="mailto:[email protected]" class="no-change-hover">[email protected]</a></p>
<div class="center">
<a href="https://www.eventbrite.ca/e/code-coffee-tickets-31163688431" target="_blank"><button class="btn-pink">Register</button></a>
</div>
</div>
</div> -->
<div class="card">
<div class="card-details">
<h4 class="center">WordPress Basics</h4>
<hr/>
<div class="card-meta">
<img src="assets/imgs/event_date.svg" class="event-icon"> Saturday February 11th, 2017
<br><img src="assets/imgs/event_time.svg" class="event-icon"> 12:00pm - 4:00pm
<br><img src="assets/imgs/event_location.svg" class="event-icon"> <a target="_blank" href="https://www.google.ca/maps/place/623+King+St+W,+Kingston,+ON+K7M+2E7/@44.2210101,-76.5189239,17z/data=!3m1!4b1!4m5!3m4!1s0x4cd2ab6b3ac99adb:0x661c9fceda732539!8m2!3d44.2210101!4d-76.5167352">623 King St. West, Kingston, ON</a>
</div>
<p>In this workshop, we’ll cover the basics of developing a website using Wordpress. This interactive and collaborative workshop will allow you to develop your own custom webpage, with help from Sudo's volunteer mentors.</p>
<p>No previous programming experience is required. <b>Be sure to bring your own laptop in preparation for the event.</b></p>
<p>This workshop is offered in partnership with <a href="https://www.innovatekingston.ca/" target="_blank">Innovate Kingston</a>.</p>
<p><b>Any Questions?</b> Feel free to email us at <a href="mailto:[email protected]" class="no-change-hover">[email protected]</a></p>
<div class="center">
<a href="https://www.eventbrite.ca/e/womens-coding-workshops-wordpress-basics-registration-31438022973" target="_blank"><button class="btn-pink">Register</button></a>
</div>
</div>
</div>
</div>
</section>
<section class="workshop-section" id="workshops">
<div class="container container-adjustment max-width">
<div class="title center">
<img src="assets/imgs/workshops_icon.svg" class="center-img">
<h1 class="dark-title">Workshops</h1>
</div>
<div class="workshop-card">
<div class="workshop-card-details">
<img src="assets/imgs/workshops_html.png" class="workshop-icon" alt="HTML icon">
<div class="workshop-card-title">Introduction to Web Development</div>
<span class="pill">HTML</span> <span class="pill">CSS</span> <span class="duration italic">• Duration: 4 hours</span>
<p>In this workshop, you'll learn to build an online portfolio using HTML and CSS. The Sudo workshops team has tailored this workshop to be interactive and collaborative, allowing you to easily complete and customize the final project with no prior experience.</p>
<p>Be sure to bring your own laptop and download a text editor (such as <a href="https://www.sublimetext.com/" target="_blank">Sublime Text</a>) in preparation for the event.</p>
<hr/>
<div class="center">
<a href="https://www.sublimetext.com/3" target="_blank"><button class="btn-pink">Download Sublime Text</button></a>
<a href="assets/pdfs/Cheatsheet_HTML.pdf" target="_blank"><button class="btn-pink">Download Cheat Sheet</button></a>
<a href="workshops/intro_web_dev/index.html" target="_blank"><button class="btn-pink">View our Demo</button></a>
</div>
</div>
</div>
<br>
<div class="workshop-card">
<div class="workshop-card-details">
<img src="assets/imgs/workshops_js.png" class="workshop-icon" alt="JS icon">
<div class="workshop-card-title">Advanced Web Development</div>
<span class="pill">HTML</span> <span class="pill">CSS</span> <span class="pill">Javascript</span> <span class="duration italic">• Duration: 4 hours</span>
<p>In this web development workshop, you’ll take your knowledge of HTML and CSS to a new level. Javascript will be introduced to add a new interactive dimension to your websites. This workshop is tailored for beginners, but experience in basic HTML and CSS would be beneficial.</p>
<p>Be sure to bring your own laptop and download a text editor (such as <a href="https://www.sublimetext.com/" target="_blank">Sublime Text</a>) in preparation for the event.</p>
<hr/>
<div class="center">
<a href="https://www.sublimetext.com/3" target="_blank"><button class="btn-pink">Download Sublime Text</button></a>
<a href="assets/pdfs/Cheatsheet_Javascript.pdf" target="_blank"><button class="btn-pink">Download Cheat Sheet</button></a>
</div>
</div>
</div>
<br>
<div class="workshop-card">
<div class="workshop-card-details">
<img src="assets/imgs/workshops_python.png" class="workshop-icon" alt="PY icon">
<div class="workshop-card-title">Introduction to Computer Science</div>
<span class="pill">Python</span> <span class="duration italic">• Duration: 4 hours</span>
<p>In this workshop, you'll learn the basic concepts of programming in the language Python. This interactive workshop is tailored for beginners, allowing anyone to easily follow along and develop a customizable project. Learn more about Python <a href="https://www.python.org/about/gettingstarted/" target="_blank">here</a>.</p>
<p>Be sure to bring your own laptop and download the newest version of Python in preparation for the event.</p>
<hr/>
<div class="center">
<a href="https://www.python.org/downloads/" target="_blank"><button class="btn-pink">Download Python</button></a>
<a href="assets/pdfs/Cheatsheet_Python.pdf" target="_blank"><button class="btn-pink">Download Cheat Sheet</button></a>
</div>
</div>
</div>
<br>
<div class="workshop-card">
<div class="workshop-card-details">
<img src="assets/imgs/workshops_cc.png" class="workshop-icon" alt="Paintbrush icon">
<div class="workshop-card-title">Creative Computing</div>
<span class="pill">Processing</span> <span class="duration italic">• Duration: 4 hours</span>
<p>In this workshop, we will cover the basics of programming using Processing and Python to draw and animate pictures. This interactive and collaborative workshop will allow you to develop your own designs, with help from Sudo's volunteer mentors. No previous computer programming or artistic experience is required.</p>
<p>Be sure to bring your own laptop and download <a href="https://processing.org/download/" target="_blank">Processing</a> in preparation for the event.</p>
<hr/>
<div class="center">
<a href="https://processing.org/download/" target="_blank"><button class="btn-pink">Download Processing</button></a>
<a href="assets/pdfs/Cheatsheet_CreativeComputing.pdf" target="_blank"><button class="btn-pink">Download Cheat Sheet</button></a>
</div>
</div>
</div>
<br>
<div class="workshop-card">
<div class="workshop-card-details">
<img src="assets/imgs/workshops_wordpress.svg" class="workshop-icon" alt="Paintbrush icon">
<div class="workshop-card-title">WordPress Basics</div>
<span class="pill">Wordpress</span> <span class="duration italic">• Duration: 4 hours</span>
<p>In this workshop, we’ll cover the basics of developing a website using Wordpress. This interactive and collaborative workshop will allow you to develop your own custom webpage, with help from Sudo's volunteer mentors. No previous programming experience is required.</p>
<p>Be sure to bring your own laptop in preparation for the event.</p>
<!-- <hr/>
<div class="center">
<a href="https://processing.org/download/" target="_blank"><button class="btn-pink">Download Processing</button></a>
<a href="assets/pdfs/Cheatsheet_CreativeComputing.pdf" target="_blank"><button class="btn-pink">Download Cheat Sheet</button></a>
</div> -->
</div>
</div>
<br>
<div class="workshop-card cutout">
<div class="workshop-card-details">
<img src="assets/imgs/lightbulb.svg" class="workshop-icon" alt="HTML icon">
<div class="workshop-card-title">Have A Workshop Idea?</div>
<p>Are there any languages, frameworks, or concepts you believe Kingston would like to learn? We tailor our workshops to suit the Kingston community, and would love to hear what workshops you would like to see next.<br><br>Reach out to us at <a class="acc" href="mailto:[email protected]">[email protected]</a> to pitch your idea!</p>
<hr/>
<div class="center">
<button class="btn-pink" href="#contact" onclick="smoothScroll('contact');">Contact</button>
<button class="btn-pink" href="#volunteer" onclick="smoothScroll('volunteer');">Join Our Team</button>
</div>
</div>
</div>
</div>
</section>
<section class="volunteer-section" id="volunteer">
<div class="container container-adjustment max-width">
<div class="title center">
<img src="assets/imgs/volunteer_icon.svg" class="center-img">
<h1 class="light-title">Volunteer</h1>
</div>
<div class="acc-container">
<ul class="acc">
<li class="acc">
<input type="checkbox" class="acc" checked>
<i class="acc"></i>
<h2 class="acc"><img src="assets/imgs/mentor-icon.png" class="volunteer-icon" alt="mentor icon"> Volunteer Mentors</h2>
<p class="acc">All of our workshops are possible due to our volunteer mentors. If you have experience and are passionate about programming, come help us build our community by sharing what you know with the women of Kingston.<br><br>More information will become available closer to our workshops, but feel free to reach out to us at <a href="mailto:[email protected]" class="acc">[email protected] </a>for any inquiries! </p>
</li>
<li class="acc">
<input type="checkbox" checked>
<i class="acc"></i>
<h2 class="acc"><img src="assets/imgs/instructor-icon.png" class="volunteer-icon" alt="instructor icon"> Instructors</h2>
<p class="acc">For each workshop, we look for passionate, skilled, and inspiring Kingstonians to share their knowledge with our Sudoers. The workshop instructors teach, inspire, and help us shape our collaborative and welcoming community.<br><br>To apply, send us your resume and a short paragraph about yourself and your experience to <a href="mailto:[email protected]" class="acc">[email protected]</a> </p>
</li>
<li class="acc">
<input type="checkbox" checked>
<i></i>
<h2 class="acc"><img src="assets/imgs/team-icon.png" class="volunteer-icon" alt="team icon"> Join Our Team</h2>
<p class="acc">Want to get more involved in the Sudo community? We're always looking for passionate and innovative individuals within the Kingston community to support and work alongside our team. On our team, you can assist with creating workshop content, marketing Sudo to the community, or even planning the monthly events.<br><br>To apply, send us your resume and a short paragraph about yourself and your experience to <a href="mailto:[email protected]" class="acc">[email protected]</a>
<br>
<a href="assets/pdfs/ApplicationPackage2016.pdf" target="_blank"><button class="inline-center btn-green">Current Job Openings</button></a>
</p>
</li>
</ul>
</div>
</div>
</section>
<section class="sponsors-section" id="sponsors">
<div class="container container-adjustment max-width">
<div class="sponsors-content">
<div class="subtitle white bold center">
Interested in helping us shape the Kingston tech community?
</div>
<p class="white center">
<br/>Reach out to us at <a class="white-link" href="mailto:[email protected]">[email protected]</a>
</p>
<div class="center">
<a href="assets/pdfs/SponsorshipPackage2016.pdf" target="_blank"><button class="btn-white">Sponsorship Package</button></a>
</div>
</div>
</div>
</section>
<section class="contact-section" id="contact">
<div class="title">
<img src="assets/imgs/contact.svg" class="center-img">
<h1 class="light-title">CONTACT</h1>
</div>
<div class="subtitle">
Let's get coding.
</div>
<div class="sm-content">
<a href="https://fb.me/sudolabs.ca" target="_blank" class="sm-icon"><span>Facebook</span></a>
<a href="https://twitter.com/sudolabs_" class="sm-icon" target="_blank"><span>Twitter</span></a>
<a href="https://www.instagram.com/sudolabs/" class="sm-icon" target="_blank"><span>Instagram</span></a>
<a href="mailto:[email protected]" class="sm-icon"><span>Email</span></a>
</div>
<!-- START SUBSCRIPTION FORM -->
<div class="sub">
<form action="//sudolabs.us13.list-manage.com/subscribe/post?u=f4d1398bed089591b77229dd6&id=1234b36ef2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<h2 class="no-top-margin">Subscribe to our mailing list</h2>
<span class="input input--isao">
<input class="input__field input__field--isao" type="email" id="input-38" name="EMAIL"autocomplete="off" spellcheck="false"/>
<label class="input__label input__label--isao" for="input-38" data-content="E-mail">
<span class="input__label-content input__label-content--isao">E-mail</span>
</label>
</span>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f4d1398bed089591b77229dd6_1234b36ef2" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button btn-green"></div>
</form>
</div>
</section>
<section class="footer-section">
<span class="footer-credit">MADE WITH SKILLZ BY <a href="http://www.carafalcon.com" class="pink">CARA FALCON</a></span>
</section>
</body>
</html>