-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathindex.html
More file actions
231 lines (209 loc) · 10.8 KB
/
index.html
File metadata and controls
231 lines (209 loc) · 10.8 KB
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
<!DOCTYPE HTML>
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YZWMGGT42N"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YZWMGGT42N');
</script>
<title>NY Code & Coffee</title>
<meta name="description" content="An informal meetup for Software Engineers of all experience levels">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<script src="https://kit.fontawesome.com/550c21f1cf.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<!-- Header -->
<header id="header">
<div class="inner">
<a href="index.html" class="logo">NY Code & Coffee</a>
<nav id="nav">
<a href="http://www.codeandcoffee.chat/" target="_blank">Invite for Discord Community</a>
<a href="coc.html" target="_blank">Code of Conduct</a>
<a href="https://twitter.com/nyccodecoffee" id="headersocialicon"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.linkedin.com/company/new-york-code-and-coffee/" id="headersocialicon"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="https://www.instagram.com/nyccodecoffee/" id="headersocialicon"><i class="fa-brands fa-instagram"></i></a>
<!-- <a href="#contact">Get in Touch</a> -->
</nav>
</div>
</header>
<a href="#menu" class="navPanelToggle"><span class="fa fa-bars"></span></a>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h1>New York Code & Coffee<br /> <span style="text-shadow: white 0px 0px 10px;">The Software Engineering community for developers by developers</span></h1>
<ul class="actions">
<li><a href="https://www.meetup.com/new-york-code-coffee/" target="_blank" class="button" style="background-color: #e5474b;">Click HERE to join Upcoming Events on Meetup.com</a></li>
</ul>
</div>
<span id="sell"></span>
</section>
<!-- One -->
<section id="one">
<div class="inner">
<header>
<h2 style="margin-bottom: 4px">Sunday at 2pm (every 2 weeks)</h2>
</header>
<subheader>
<h5 style="padding: 0; margin: 0;">An informal meetup for Software Engineers of all experience levels</h3>
</subheader>
<div style="margin-top: 32px">
<strong class="stronger">Attendees</strong>
<p style="margin: 0">We're a community of non-traditional Software Engineers, Data Scientists, PMs, college dropouts, and career-switchers. Our goal is to be the best meetup for Software Engineers and any hobby that involves code. Our typical events have self-taught hackers, current/ex FANG engineers, uni students, startup devs, fintech, bootcamp grads, and non-traditional tech folk of all ages, A-Z.</p>
<p><strong>Expect to meet new people, offline job referrals, people hacking on cool side projects, and to oblige by the <a href="coc.html" style="text-decoration:underline" target="_blank">Code of Conduct.</a></strong></p>
</div>
<div>
<strong class="stronger">Potential Sponsors & Partners</strong>
<p style="margin: 0">We're the #1 meetup in the tech/software/web categories on Meetup and actively persevere throughout the pandemic. We build trust and friendships with the <a href="https://stripe.com/files/reports/the-developer-coefficient.pdf" target="_blank"> force multipliers</a> of the 21st century.</strong></p>
<p style="text-style:none"><strong>Our product is a Software Engineering community that assembles in-person 2x a month and communicates digitally over Discord.</strong></p>
</div>
<a href="#contact" class="button alt">Send us a message</a>
</div>
</section>
<!-- Two -->
<!--
Our Principles:
<p>1) Genuine and Honest connections over superficial networkers, </p>
<p>2) Inclusion of developers at ANY(esp. Newbies) level over specific technologies and familiarity</p>
<p>3) Agile and Consistent over Slow and Unpredictable</p> -->
<section id="two">
<h2 style="text-align:center">Our Principles</h2>
<div class="inner">
<article>
<div class="content">
<header>
<h3 style="text-align: center;">Belonging</h3>
</header>
<div class="image fit">
<img src="images/4-dudes-exchanging-info-freeagency.webp" alt="" />
</div>
<p>We facilitate helpful events toward your goals with new friends and acquaintances that can also help you on your code blocker or problem. if you're learning software development, work as a software developer, or just enjoy typing code into IDEs. You belong!</p>
<!-- <p>We are always greatful for feedback and LOVE to socialize in-person. Feel free to message us ahead of time with questions or concerns!</p> -->
</div>
</article>
<article>
<div class="content">
<header>
<h3 style="text-align:center;">Safety</h3>
</header>
<div class="image fit">
<img src="images/standup-freeagency.webp" alt="" />
</div>
<p>We have a written Code of Contact publicly available at the top of this page and abide by it. Organizers and volunteers take serious measures to ensure a safe environment that takes no outsiders, solicitors, or third-party recruiters.</p>
<!-- <p>After the 2:30 intro circle(standup) you'll figure out who's who and strike up a conversation or go to your laptop. It's fully up to you!</p> -->
</div>
</article>
<article class="alt">
<div class="content">
<header>
<h3 style="text-align: center;">Trust</h3>
</header>
<div class="image fit">
<img src="images/freehold-developer-twofie.webp" alt="" />
</div>
<p>We aim for an event every 2 weeks, we use qualitative and quantitative data to drive processes and iteratively improve every event to ensure an event happens every two weeks without a decline in quality.</p>
<!-- <p>Since <a href="https://technical.ly/2017/10/17/code-coffee-dc/" style="text-decoration:underline" target="_blank">2017, we've experimented and tweaked that same playbook that worked in DC</a> to create(as of 2021) the fastest growing meetup in NYC!</p> -->
</div>
</article>
</div>
<div style="text-align:center"> <a href="https://www.meetup.com/new-york-code-coffee/photos/" target="_blank" class="button alt">Photos from Past Events</a>
</div>
</section>
<!-- Three -->
<section id="three">
<h2 style="text-align:center">How it Works</h2>
<div class="inner">
<article>
<div class="content" style="text-align: center;">
<span class="icon fa-laptop"></span>
<header>
<h3>1) Bring a laptop</h3>
</header>
<p>All you need to bring is a laptop. We are VERY newbie-friendly, social, and look forward to developers interested in meeting more developers.</p>
<p>We provide a cozy seat, wifi, and cool people to meet! In the future we plan on hosting: job fairs, HHs, and hackathons.</p>
<!-- <ul class="actions">
<li><a href="#" class="button alt">Learn More</a></li>
</ul> -->
</div>
</article>
<article>
<div class="content" style="text-align: center;">
<span class="icon fa-users"></span>
<header>
<h3>2) Intro circle</h3>
</header>
<p>At 2:30 pm, we form a circle to: state our names, mention programming languages/frameworks you can help with, and what you need help on. </p>
<p>Immediately after we have an optional circle for jobs hiring or people looking for a job</p>
<!-- <p>On-top of our current bi-weekly C&C event - we plan on hosting: job fairs, HHs, and hackathons</p> -->
<!-- <ul class="actions">
<li><a href="#" class="button alt">Learn More</a></li>
</ul> -->
</div>
</article>
<article>
<div class="content" style="text-align: center;">
<span class="icon fa-terminal"></i></span>
<header>
<h3>3) Code and Coffee</h3>
</header>
<p>Break, grab some coffee, help a fellow coder with a side project, or ask about that new JS library she just mentioned. It's all up to you!</p>
<p>Code & Coffee partners with organizers that empower our community. Our organizers actively reflect on learnings from <a href="https://technical.ly/2017/10/17/code-coffee-dc/" target="_blank">DC Code & Coffee</a></p>
<!-- <ul class="actions">
<li><a href="#" class="button alt">Learn More</a></li>
</ul> -->
</div>
</article>
</div>
<div id="contact"></div>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<header>
<h2>Get in Touch</h2>
</header>
<form method="post" action="https://formspree.io/f/xrgjqqqw" method="POST">
<div class="field half first">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="alt" /></li>
</ul>
</form>
<div class="copyright">
© <a style="cursor: default">Founded September 2021</a>
</div>
</div>
<div class="social">
<a href="https://twitter.com/nyccodecoffee"><div class="fa fa-twitter"></div></a>
<a href="https://www.instagram.com/nyccodecoffee/"><div class="fa fa-instagram"></div></a>
<a href="https://www.linkedin.com/company/new-york-code-and-coffee/"><div class="fa fa-linkedin"></div></a>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>