forked from NodeTogether/nodetogether.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (198 loc) · 9.26 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
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="styles/custom.css" />
<link rel="icon" type="image/png" href="/images/nodetogether-icon.png">
<title>NodeTogether</title>
<meta name="description" content="NodeTogether is an initiative to improve the diversity of the Node community by bringing people of underrepresented groups together to learn Node.js. NodeTogether is brought to you by npm and the Node.js Foundation.">
<!-- Tags for Social Media -->
<meta property="og:title" content="NodeTogether" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.nodetogether.org/" />
<meta property="og:image" content="/images/nodetogether-banner.png" />
<!-- Tags for Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@node_together">
<meta name="twitter:creator" content="@ag_dubs">
<meta name="twitter:title" content="NodeTogether - Brought to you by npm">
<meta name="twitter:description" content="NodeTogether is an initiative to improve the diversity of the Node community by bringing people of underrepresented groups together to learn Node.js. NodeTogether is brought to you by npm and the Node.js Foundation.">
<meta name="twitter:image" content="/images/nodetogether-banner.png">
</head>
<body>
<nav>
<div class="container clear-fix">
<div class="pull-left">
<a href="./">
<div class="logo">NodeTogether</div>
</a>
</div>
<ul class="pull-right">
<li class="active">
<a href="#">About</a>
</li>
<li>
<a href="#curriculum">Curriculum</a>
</li>
<li>
<a href="#schedule">Schedule</a>
</li>
<li>
<a href="#apply">Apply</a>
</li>
<li>
<a href="#help">Volunteer</a>
</li>
<li>
<a href="#help">Sponsor</a>
</li>
</ul>
</div>
</nav>
<section class="jumbo">
<div class="container">
<h1 class="logo center-text main-logo">NodeTogether</h1>
<div class="brought-to-you">
<h3>
Brought to you by
</h3>
<img id="npm" src="images/npm-logo.svg" alt="npm">
</div>
<h1 class="subtitle center-text">Welcome! We’re glad you are here!</h1>
<section id="about">
<div class="center container--narrow">
<p>NodeTogether is an initiative to improve the diversity of the Node community by bringing people of underrepresented groups together to learn Node.js. NodeTogether is brought to you by <a href="https://www.npmjs.com/">npm</a> and the <a href="https://nodejs.org/en/foundation/">Node.js Foundation</a>.</p>
<p>We have learned from countless stories of students and mentors that our tech community loses many beginners to difficulties in the initial setup. NodeTogether seeks to make that experience better by pairing students with mentors who are expert open source contributors and to mitigate the frustration of going through the initial process alone.</p>
<p><em>We’re in it together!</em></p>
<h3 class="center-text">Apply Now!</h3>
<div class="calls-to-action center-text">
<a href="http://goo.gl/forms/bzUiKynzGK" class="btn">Student</a>
<a href="http://goo.gl/forms/fFzciI8lv5" class="btn">Mentor</a>
<a href="http://goo.gl/forms/wBX2XS0cd9" class="btn">Sponsor</a>
</div>
</div>
</section>
</div>
</section>
<section id="details">
<div class="container">
<h2 class="center-text">Some details</h2>
<div class="container container--narrow">
<ul class="center">
<li>participation is totally FREE!</li>
<li>you'll need to bring a laptop with Windows, OSX, or Linux</li>
<li>4-6 hours of interactive hands-on instruction</li>
<li>small class of 10-15 students</li>
</ul>
</div>
</div>
</section>
<section id="curriculum">
<div class="container">
<h2 class="center-text">You'll Learn to...</h2>
<div class="row">
<div class="col-4 center-text">
<img src="images/terminal.png" alt="terminal" />
<h3>Navigate the Command Line</h4>
</div>
<div class="col-4 center-text">
<img src="images/git.png" alt="git" />
<h3>Version Control with Git</h3>
</div>
<div class="col-4 center-text">
<img src="images/js-green.png" alt="node.js" />
<h3>Write Web Apps with Node.js</h3>
</div>
<div class="col-4 center-text">
<img src="images/npm-logo.svg" alt="npm" class="npm-logo" />
<h3>Use and Manage Packages with npm</h3>
</div>
</div>
</section>
<section class="jumbo" id="schedule">
<div class="container container--narrow">
<h2 class="center-text">Schedule</h2>
<p class="center-text">NodeTogether will be traveling the world with <a href="http://live.nodejs.org/">Node Live</a>.
<div class="events clear-fix">
<a href="/events/2016/los-angeles.html">
<div class="event" id="los-angeles">
<div class="date">February 24th</div>
<div class="location">Los Angeles, CA, USA</div>
</div>
</a>
<a href="/events/2016/bangalore.html">
<div class="event" id="bangalore">
<div class="date">March 20th</div>
<div class="location">Bangalore, India</div>
</div>
</a>
<div class="event" id="paris">
<div class="date">April</div>
<div class="location">Paris, France</div>
</div>
<div class="event" id="beijing">
<div class="date">May</div>
<div class="location">Beijing, China</div>
</div>
<div class="event" id="chicago">
<div class="date">June</div>
<div class="location">Chicago, IL, USA</div>
</div>
<div class="event" id="london">
<div class="date">July</div>
<div class="location">London, UK</div>
</div>
<div class="event" id="boston">
<div class="date">August</div>
<div class="location">Boston, MA, USA</div>
</div>
<div class="event" id="dc">
<div class="date">October</div>
<div class="location">Washington, DC, USA</div>
</div>
<div class="event" id="seoul">
<div class="date">November</div>
<div class="location">Seoul, South Korea</div>
</div>
</div>
</div>
</section>
<section id="apply">
<div class="container">
<h2 class="center-text">Join us!</h2>
<p>The ideal student for a NodeTogether event is a new or junior developer who is interested in getting started with Node.js. We don’t expect you to have any programming experience and will be spending a lot of time getting a development environment set up.</p>
<p>Additionally, we are particularly interested in people from underrepresented groups, including but not limited to, women, people of color, people with mental and/or physical disabilities, and LGBTQ and non-binary people.</p>
<div class="center-text">
<a href="http://goo.gl/forms/bzUiKynzGK" class="btn">Apply as a student</a>
</div>
</div>
</section>
<div class="container">
<section id="help">
<div class="row">
<div class="col">
<h2>Mentors</h2>
<p>A key component to the success of NodeTogether is partnering with the local community to bring in empathetic and energetic mentors. No teaching experience is required, but it certainly is a plus!</p>
<p>This is your chance to give back to the community and get in touch with exciting new programming talents. Don’t be shy! Everyone’s experience is valuable, and so is yours.</p>
<a href="http://goo.gl/forms/fFzciI8lv5" class="btn">Apply as a mentor</a>
</div>
<div class="col">
<h2>Sponsors</h2>
<p>We are always looking for sponsors to help fund travel for mentors, provide space for events, or catering.</p>
<p>Sponsors will get prominent display on event pages as well as the option to distribute swag at events.</p>
<a href="http://goo.gl/forms/wBX2XS0cd9" class="btn">Become a sponsor</a>
</div>
</div>
</section>
</div>
<footer class="page-footer">
<div class="container">
<p>NodeTogether has a <a href="/CoC.html">Code of Conduct</a>. Please read it.</p>
<p>Did you find a typo? A bug? File an issue or PR here: <a href="https://github.com/ashleygwilliams/nodetogether.org">https://github.com/ashleygwilliams/nodetogether.org</a>. (Please be nice!)
</p>
<p>
<a href="http://www.npmjs.com">npm loves you</a>. (c)2016 Ashley Williams. For more information, please email <a href="mailto:info@nodetogether.org">info@nodetogether.org</a>.
</p>
</div>
</footer>
</body>
</html>