-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
377 lines (326 loc) · 29.4 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
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
<!DOCTYPE html>
<html lang="en">
<head>
<title>Non-Binary in Tech 2018</title>
<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="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css"/>
<link href="https://fonts.googleapis.com/css?family=Pragati+Narrow:400,700" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
</head>
<body class="pragati-narrow f3-l f4 lh-copy">
<section class="fixed w-100 pa3 pb0 top-0 left-0 z-999 items-center flex justify-between">
<a href="#"><img class="mw4-ns mw3 w-100 ma0 pa0 db" src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fnbit_logo.svg?1529972330060" alt="The NBiT logo. It is rectangular and mainly black and white. A black slanted shape is meeting a white shape. It also contains the letters N on black, and BiT on white."/></a>
<div class="js-menu bg-white pointer bg-animate hover-bg-soft-gray ba bw2 pa3-l pa2">Menu</div>
</section>
<!-- NAVIGATION -->
<nav class="dn js-nav fixed right-0 w-100 mw6-ns z-999 fadeout">
<div class="js-nav-close h3 absolute w-100"></div>
<div class="ma3-l ma2 b--folded-corner-soft-pink-white">
<ul class="pl0 ma0 w-100 bg-soft-pink list f2 tc">
<a href="#about" class="link js-link"><li class="bg-black white center w-100 hover-bg-soft-purple bg-animate hover-black pointer">About NBiT</li></a>
<a href="#faq" class="link js-link"><li class="bg-black white mv3 w-100 center hover-bg-soft-purple bg-animate hover-black pointer">FAQ</li></a>
<a href="#schedule" class="link js-link"><li class="bg-black white mv3 w-100 hover-bg-soft-purple bg-animate hover-black pointer">Schedule</li></a>
<a href="#speakers" class="link js-link"><li class="bg-black white mv3 w-100 center hover-bg-soft-purple bg-animate hover-black pointer">Speakers</li></a>
<a href="#contact" class="link js-link"><li class="bg-black white ma0 w-100 center hover-bg-granny-pink bg-animate hover-black pointer">Contact</li></a>
</ul>
<div class="pointer js-nav-close h3 absolute left-0 w-100 bg-left cross" style="background-image: url('https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fcross.svg?1530225428902')"></div>
</div>
</nav>
<div class="dn js-overlay fadeout js-nav-close top-0 left-0 fixed bg-white-30 z-4 w-100 vh-100"></div>
<!-- pink in front -->
<header class="fixed bottom-2-l bottom-0 w-100 z-3">
<div class="relative z-3 bg-soft-pink h4-ns h3 bl br bt bw2 b--white flex items-center tc mw8-ns w-100 center">
<img class="mw4 ml4 mr2 h-75 h-50-ns" src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fnbit_title.png?1530221215231" alt="A simplified NBiT logo. It is white text with a black outline.">
<h2 class="mh3-l mh1 w-30-l w-20-m w-30 f4-l f5 pa0 ma0 db-ns dn">A day of talks celebrating non-binary people in tech!</h2>
<a class="link black dc" href="https://www.eventbrite.co.uk/e/non-binary-in-tech-2018-tickets-47815980886"><div class="bg-granny-pink hover-bg-soft-purple bg-animate dt pa2-ns pa0 ph2 mw4 ba bw2 b--white ma2 w-20-l w-30-m">
<h3 class="dtc v-mid f6 f5-m f4-l pointer">Get Tickets!<br>28th July 2018</h3>
</div></a>
</div>
</header>
<!-- pink behind -->
<div class="fixed w-100 bottom-0 left-0 nl4 z-2">
<div class="mw8 center relative bg-soft-pink h5 bl br bt bw2 b--white"></div>
</div>
<main class="z-2 relative mw7 center">
<div class="absolute z-3 w-100 tc mt6">
<p class="ma3 pa0 f3-ns f5 tc pa2 bg-white ba bw2 mw5 center">With 💖 from <a href="https://github.com" class="b link hover-soft-purple black">GitHub</a>!</p>
<img class="upanddown" src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Farrow_down.svg?1530451888474" />
</div>
<div class="vh-50 w-100 dib"></div>
<div class="z-1 absolute right-0 nt6 nr6-l tc f3 b bg-granny-pink h5 mw6-ns w-80 ba bw2 b--white cover bg-center" style="background-image: url('https://cdn.glitch.com/07085c70-220e-4ed8-bbdd-52f6f25522a8%2Fcrystal_modded.png?1529779073592');/* display: none; */">
</div>
<!-- ABOUT NBIT -->
<section class="relative z-2 bg-white pa4-l pa3 ba bw2 b--black mv5">
<h3 class="mf-bespoke tc mv3 f2-l f3"><a name="about">About NBiT</a></h3>
<p class="ma0">Non-Binary in Tech is a free one-day event. It focuses on highlighting the amazing work of people who identify partly or solely outside of the gender binary in the technology industry—this includes designers, developers, artists and engineers (and plenty more awesome folks!).</p>
<p>NBiT aims to be an accessible event that is comfortable for everyone to attend. It will feature talks, panels and networking. The event is open to everyone! If that sounds interesting to you or you think you’d benefit from tagging along, we would love to see you!</p>
<div class="ba bw2 pa3 bg-granny-pink">
<h4 class="mf-bespoke tc"><a name="venue">Venue</a></h4>
<p>The venue for the event is the lower floor of the <span class="b">Ian Gulland Lecture Theatre in Goldsmiths, University of London</span>. The building is fully wheelchair accessible and has a gender neutral bathroom. The closest train stations are <span class="b">New Cross Gate and New Cross</span>, we do not recommend bringing a car as it is hard to find parking in the area.</p>
</div>
</section>
<section class="bg-soft-gray pa4-l pa3 ba bw2 b--white mv5">
<h3 class="mf-bespoke tc f2-l f3 mv3"><a name="sponsors">Sponsors</a></h3>
<p class="tc">
NBiT would not be possible with the generous support by these sponsors!
</p>
<figure class="tc center flex items-center flex-wrap justify-around">
<a href="https://github.com"><img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2FGitHub_Logo.png?1531840696048" class="ma2 mw5-ns w-90" /></a>
<a href="https://samsunginter.net/"><img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fsamsunginternetlogo.png?1531840947215" class="ma2 mw5-ns w-90" /></a>
<a href="https://www.bloomberg.com/europe"><img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fbloomberg.png?1532536498699" class="ma2 mw5-ns w-90" /></a>
<a href="https://www.condenast.co.uk/"><img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fconde.png?1532536507545" class="ma2 mw5-ns w-90" /></a>
</figure>
</section>
<!-- SCHEDULE -->
<section class="bg-white pa4-l pa3 ba bw2 b--black mv5">
<h3 class="mf-bespoke tc f2-l f3 mv3"><a name="schedule">Schedule</a></h3>
<table cellspacing="0" class="center w-90 mv3">
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">9.30</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">Registration Opens</h4>
📋</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">10.30</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">Uve: Opening Talk</h4>
Welcome to NBiT</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">11.00</td>
<td class="pa3-l pa2 bb bw2 b--white">
<h4 class="ma0 pa0">Franzi: Being a magical unicorn in tech - adventurous rides, cozy stables and fruitful meadows</h4>
Microaggressions, -isms, othering. Problems we encounter in society as marginalised people seem to be especially elevated in the IT industry. This talk discusses how we can stay our fabulous selves and thrive in careers that were designed to keep us out.</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">11.30</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">Chiin: Demystifying AI</h4>
“Industry 4.0”, “The Fourth Industrial Revolution”, “Generalised Intelligence”, “AI Supremacy”…. Today’s media endlessly surrounds us with increasingly urgent and futuristic-sounding headlines about the paradigm shift that AI-driven transformation represents. But what’s the reality behind the hype?
</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">12.00</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">Jess: Debugging your emotions - what to do when code makes you cry</h4>
Even in a supportive environment, making your tech work can be frustrating and painful. We’re often ill-equipped to deal with this, especially when others can seem to be always calm and measured. I’ll talk through techniques I’ve learned for getting to the bottom of your emotional reactions at work.
</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">12.30</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">Lunch</h4>
🌯</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">2.00</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">Jo: Interface Incantations</h4>
According to the witches of Terry Pratchett’s Discworld, most magic is simply headology. This talk will mix literary references and outline the headology of interface design, from basic charms and illusions that fool and entice us to the unforgivable curses that can shape our thinking and behaviour.</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">2.30</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">Break</h4>
🍵</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">3.00</td>
<td class="pa3-l pa2 bb bw2 b--white">
<h4 class="ma0 pa0">Panel - Velvet ft Chiin, Franzi, Alice and CB</h4>
Empowerment - answering your questions </td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">3.45</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">Uve: Closing talk</h4>
We don’t need to say goodbye</td>
</tr>
<tr class="bg-black white bb bw2 hover-bg-soft-purple bg-animate">
<td class="pa3-l pa2 w-30 bb bw2 b--white">4.00 till 10.00</td>
<td class="pa3-l pa2 bb bw2 b--white"><h4 class="ma0 pa0">After party</h4>🎲🍹🎉</td>
</tr>
</table>
</section>
<!-- FAQ -->
<section class="bg-soft-gray pa4-l pa3 ba bw2 b--white mv5">
<h3 class="mf-bespoke tc f2-l f3 mv3"><a name="faq">FAQ</a></h3>
<ul class="order-2 list pl0 center w-100 w-90-l">
<li class="mb3">
<details class="bg-granny-pink ba bw2 pa2 hover-bg-white bg-animate pointer">
<summary class="b tc">What does "Non-Binary" mean?</summary>
Non-binary describes something is not binary—it is neither of two available options. In our case, it means that we are neither men nor women. Some non-binary people feel like they sit somewhere in the middle between male and female, while others are completely outside this spectrum. Here are some external resources to educate yourself further!
</details>
</li>
<li class="mb3">
<details class="bg-granny-pink ba bw2 pa2 hover-bg-white bg-animate pointer">
<summary class="b tc">I’m not non-binary myself, could we still hang out?</summary>
This event is open to all. Regardless of gender identity, feel free to tag along, especially if you haven’t been to a non-binary-run event before! Please make sure to read our <a href="https://nbit-code-of-conduct.glitch.me/" class="link black b hover-soft-purple">Code of Conduct</a> to know what is and is not cool to do during the event. See you in July!
</details>
</li>
<li class="mb3">
<details class="bg-granny-pink ba bw2 pa2 hover-bg-white bg-animate pointer">
<summary class="b tc">How much does a ticket cost?</summary>
All tickets are free. This event is for the community, by the community. Be the first to know when tickets come out by signing up to our <a href="#contact" class="link black b hover-soft-purple">mailing list</a>, following us on <a href="https://twitter.com/nonbinarytech" class="link black b hover-soft-purple">Twitter</a> or leaving a like on <a href="https://facebook.com/nonbinarytech" class="link black b hover-soft-purple">Facebook</a>. Or all three of them if you feel fancy!
</details>
</li>
<li class="mb3">
<details class="bg-granny-pink ba bw2 pa2 hover-bg-white bg-animate pointer">
<summary class="b tc">Do you offer travel scholarships?</summary>
We sure do! If you cannot comfortably afford to attend NBiT, you can go ahead and <a href="https://docs.google.com/forms/d/e/1FAIpQLSfynYFOOJjHKZwaO11Fd82Kho0weTbx5n-rBft6lQyFmULj2w/viewform" class="link black b hover-soft-purple">apply for a travel scholarship here</a>.
</details>
</li>
<li class="mb3">
<details class="bg-granny-pink ba bw2 pa2 hover-bg-white bg-animate pointer">
<summary class="b tc">Is there a Code of Conduct?</summary>
Absolutely! Feel free to <a href="https://nbit-code-of-conduct.glitch.me/" class="link black b hover-soft-purple">check it out here</a>. To attend our event, you have to agree to it. During the event, it will be enforced. The baseline is: Don’t make people uncomfortable. On the day you can always approach one of our volunteers to raise an issue or concern.
</details>
</li>
<li class="mb3">
<details class="bg-granny-pink ba bw2 pa2 hover-bg-white bg-animate pointer">
<summary class="b tc">I have an accessibility requirement that hasn’t been addressed yet!</summary>
Sure thing! Please <a href="mailto:[email protected]" class="link black b hover-soft-purple">email us</a> to so we can make this event work for you.
</details>
</li>
<li class="mb3">
<details class="bg-granny-pink ba bw2 pa2 hover-bg-white bg-animate pointer">
<summary class="b tc">Could I and/or my company sponsor this event?</summary>
That’s awesome, thank you so much! Please <a href="mailto:[email protected]" class="link black b hover-soft-purple">drop us a line</a> to get the ball rolling.
</details>
</li>
<li class="mb3">
<details class="bg-granny-pink ba bw2 pa2 hover-bg-white bg-animate pointer">
<summary class="b tc">I’ve got more burning questions for you!</summary>
<a href="https://twitter.com/nonbinarytech" class="link b black hover-soft-purple">Tweet us</a> short and sweet questions! Longer bits are best for our inbox, <a href="mailto:[email protected]" class="link black b hover-soft-purple">email away</a>! Please be patient—NbiT is entirely run by volunteers, so it might take a day or two to get back to you.
</details>
</li>
</ul>
</section>
<!-- SPEAKERS -->
<section class="bg-soft-gray pa4-l pa3 ba bw2 b--white mv5">
<h3 class="mf-bespoke tc f2-l f3 mv3"><a name="speakers">Speakers</a></h3>
<ul class="list pl0">
<li class="w-100 b--folded-corner-soft-pink mv4">
<div class="bg-soft-pink flex-l flex-wrap items-center items-start-l">
<img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Ffranzi.png?1532692885056" alt="A photo of Franzi." class="ba bw2 b--white w-30-l w-90 db center pa0">
<article class="mt2 mt0-l ml3-l ml0 w-100 w-60-l tc">
<h4 class="tc ma0 f2">Franziska Sauerwein</h4>
<a href="https://twitter.com/singsalad" class="b black f4 link hover-soft-purple bg-white ba bw2 pa2 dib ma2">@singsalad</a>
<p class="ma0 f4 tl">Franzi is a developer, consultant and leader active in Germany, London and Zurich. Their passions include Test Driven Development, Refactoring, XP and high-quality software development. They are always trying to improve their skills and share knowledge. Franzi uses them creatively to develop software that is reliable, easy to adapt and does what it is supposed to do. As an active member of the European Software Crafter community, they love to participate in unconferences. They co-founded Queer Code London, organise European Testing Conference and speak at conferences all over Europe. They love running code retreats, open spaces, and workshops.</p>
</article>
</div>
</li>
<li class="w-100 b--folded-corner-soft-pink mv4">
<div class="bg-soft-pink flex-l flex-wrap items-center items-start-l">
<img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fjo.png?1532692885340" alt="A photo of Jo." class="ba bw2 b--white w-30-l w-90 db center pa0">
<article class="mt2 mt0-l ml3-l ml0 w-100 w-60-l tc">
<h4 class="tc ma0 f2">Jo Pearce</h4>
<a href="https://twitter.com/jdpearce" class="b black f4 link hover-soft-purple bg-white ba bw2 pa2 dib ma2">@jdpearce</a>
<p class="ma0 f4 tl">Jo is a non-binary, language agnostic developer and science-Womble. They love to learn about a wide range of sciences and see if they can make good use of the things that they find. Recently they’ve been obsessed with education, particularly how we learn, which has led to mentoring colleagues, running a local code club and diving into the world of cognitive psychology.</p>
</article>
</div>
</li>
<li class="w-100 b--folded-corner-soft-pink mv4">
<div class="bg-soft-pink flex-l flex-wrap items-center items-start-l">
<img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fchiin.png?1532692885434" alt="A photo of Chiin." class="ba bw2 b--white w-30-l w-90 db center pa0">
<article class="mt2 mt0-l ml3-l ml0 w-100 w-60-l tc">
<h4 class="tc ma0 f2">Chiin</h4>
<a href="https://twitter.com/AnalyticsPanda" class="b black f4 link hover-soft-purple bg-white ba bw2 pa2 dib ma2">@AnalyticsPanda</a>
<p class="ma0 f4 tl">Chiin is a Data Science Leader, Entrepreneur, Technologist & Strategist, with a 10+ year career specialising in driving multi-million £GBP compound value for major UK and International organisations. She was recently announced as the winner of UK Entrepreneur at the 2018 Data Leaders Awards, recognised for her success pioneering and delivering high-impact data-driven innovation in both industry and the Open Source community.<br>
Currently founding a venture-backed tech start-up called Rho Zeta AI, Chiin was previously the Head of Data Science at the UK Foreign Office, the first Data Science professional to be hired in the history of this government department. Prior to this she held multiple lead decision-maker & practitioner roles, primarily in e-commerce & digital industries, such as founding a new global business function at the Financial Times, the Data Intelligence team. Chiin has now a track record of successfully leveraging AI, Machine Learning, Big Data, Computational Economics, Strategic Insight & Analytics, Mathematical Modeling, Data Engineering, and Visualisation to deliver data-driven organisation-wide capabilities, and achieve transformational business impact.<br>
Originally an Economics graduate from Cambridge University who finally broke through access barriers to coding skills & occupations in her late twenties, Chiin is a passionate Technical Evangelist, founding & co-founding non-profit initiatives both UK & globally that successfully democratise computational & quantitative skills and career mentoring to underrepresented groups, particularly gender minorities, and has been joint recipient of an R Consortium-Linux Foundation grant.
</p>
</article>
</div>
</li>
<li class="w-100 b--folded-corner-soft-pink mv4">
<div class="bg-soft-pink flex-l flex-wrap items-center items-start-l">
<img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fjess.png?1532692885877" alt="A photo of Jess." class="ba bw2 b--white w-30-l w-90 db center pa0">
<article class="mt2 mt0-l ml3-l ml0 w-100 w-60-l tc">
<h4 class="tc ma0 f2">Jess Pumphrey</h4>
<a href="https://twitter.com/jmpy91" class="b black f4 link hover-soft-purple bg-white ba bw2 pa2 dib ma2">@jmpy91</a>
<p class="ma0 f4 tl">I’m a software developer. For the last 4 years I’ve been working on SwiftKey, a software keyboard for Android, both before and after our acquisition by Microsoft. I’ve been an Android developer and Team Lead. Typing is my niche at the moment (it’s really interesting!) but in general I love working on products that help people day-to-day and that users love.
I’m nonbinary and use “they” pronouns.
</p>
</article>
</div>
</li>
<li class="w-100 b--folded-corner-soft-pink mv4">
<div class="bg-soft-pink flex-l flex-wrap items-center items-start-l">
<img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Fcb.png?1532692886166" alt="A photo of CB." class="ba bw2 b--white w-30-l w-90 db center pa0">
<article class="mt2 mt0-l ml3-l ml0 w-100 w-60-l tc">
<h4 class="tc ma0 f2">CB Bailey</h4>
<a href="https://twitter.com/hashpling" class="b black f4 link hover-soft-purple bg-white ba bw2 pa2 dib ma2">@hashpling</a>
<p class="ma0 f4 tl">CB is a programmer working for Bloomberg in software infrastructure. They have a particular interest in version control and are an occasional contributor to Git.
CB learned to program in Spectrum BASIC, and was first paid to program in APL. Since then they have worked in many languages including C++, C, Perl, Python, shell scripts, various assembly languages.<br>
CB is a community member and part of the moderation team for #include<c++&rlt; a global, inclusive, and diverse community for developers interested in C++.
When CB isn’t coding, they enjoy exploring strange new worlds in Elite: Dangerous, immersing themselves in music and film, and just occasionally heading outside to watch wildlife.
</p>
</article>
</div>
</li>
<li class="w-100 b--folded-corner-soft-pink mv4">
<div class="bg-soft-pink flex-l flex-wrap items-center items-start-l">
<img src="https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2Falice.jpg?1532692885651" alt="A photo of Alice." class="ba bw2 b--white w-30-l w-90 db center pa0">
<article class="mt2 mt0-l ml3-l ml0 w-100 w-60-l tc">
<h4 class="tc ma0 f2">Alice Kaerast</h4>
<a href="https://twitter.com/AliceFromOnline" class="b black f4 link hover-soft-purple bg-white ba bw2 pa2 dib ma2">@AliceFromOnline</a>
<p class="ma0 f4 tl">Alice Kaerast (they/them) is an automation engineer working on streaming data platforms, and is currently based in Yorkshire. Alice’s hobbies include hacking on Go and Ruby code, riding trains, and traveling to the more unusual parts of the world. Alice has recently finished visiting every Disney park in the world, and is always looking for people to go on epic adventures with. You can follow Alice’s battles with computers and exploring on Twitter @AliceFromOnline.</p>
</article>
</div>
</li>
<li class="w-100 b--folded-corner-soft-pink mv4">
<div class="bg-soft-pink flex-l flex-wrap items-center items-start-l">
<img src="https://cdn.glitch.com/07085c70-220e-4ed8-bbdd-52f6f25522a8%2Fcrystal_modded.png?1529779073592" alt="A glitched photo of a hand holding a single quartz crystal, in front of a leavy bush. The photo is mainly black and white, with some pink and apricot accents." class="ba bw2 b--white w-90 db center pa0">
</div>
</li>
</ul>
</section>
<!-- CONTACT -->
<section class="bg-white pa4-l pa3 ba bw2 b--black mv4">
<!-- Begin MailChimp Signup Form -->
<h3 class="mf-bespoke tc f2-l f3 mv3"><a name="contact">Contact</a></h3>
<p class="tc">
Please feel free to contact us via email: <a class="link black b hover-soft-purple" href="mailto:[email protected]">[email protected]</a>!
</p>
<div id="mc_embed_signup" class="bg-granny-pink pa3 ba bw2 b--black">
<form action="https://tech.us18.list-manage.com/subscribe/post?u=707a8eafdd6b78ebf73ebab8e&id=36328e6f55" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll" class="center tc mv4">
<h4 class="ma0">Subscribe to our Mailing List!</h4>
<p class="mt0 ">We will only send you updates about NBiT, never spam.</p>
<div class="mc-field-group flex flex-wrap items-center justify-between tc">
<label for="mce-EMAIL" class="b w-100">Your Email Address</label>
<input type="email" placeholder="Your Email Address" value="" name="EMAIL" class="required email bg-white ba bw2 pa3 ma0 w-100 w-70-l mb0-l mb3 hover-bg-soft-purple bg-animate" id="mce-EMAIL">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button bg-black white pa3 b--black hover-black ba bw2 w-50 w-30-l bg-animate hover-bg-soft-purple center pointer">
</div>
<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>
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_6e2c5dfffc569f7ed34de63b6_17df14f001" tabindex="-1" value="">
</div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</section>
<footer class="bg-black white tc pa2">
<div class="flex flex-wrap justify-around ba bw2 b--white pa3 bg-soft-purple">
<a href="#contact" class="link black b hover-white w-30">Contact Us</a>
<a name="codeofconduct"><a href="https://nbit-code-of-conduct.glitch.me/" class="link black b hover-white w-30">Code of Conduct</a></a>
<a href="#venue" class="link black b hover-white w-30">Venue</a>
</div>
<p class="f5">NBiT is organised with ❤ by <a class="link white hover-soft-purple" href="https://twitter.com/uveavanto">@uveavanto</a>, <a class="link white hover-soft-purple" href="https://twitter.com/d0zn_">@d0zn_</a>, <a class="link white hover-soft-purple" href="https://twitter.com/cam_wildridge">@cam_wildridge</a>, <a class="link white hover-soft-purple" href="https://twitter.com/BecksTSimpson">@BecksTSimpson</a>, <a class="link white hover-soft-purple" href="https://twitter.com/LittleFXRadio">@LittleFXRadio</a>. Design by <a class="link white hover-soft-purple" href="https://twitter.com/niceotherwise">@niceotherwise</a>.</p>
</footer>
<div class="vh-25 w-100 dib"></div>
</main>
<!-- LAYOUT BITS / DECORATION -->
<!-- CIRCLE -->
<div class="z-1 vh-100 w-100 fixed top-0 left-0">
<div class="center vh-100 w-90 bg-center cover bl br bw2 b--white" style="background-image: url('https://cdn.glitch.com/07085c70-220e-4ed8-bbdd-52f6f25522a8%2Fcircle_modded.png?1529779073423')"></div>
</div>
<!-- BLOB -->
<div class="z-0 w-100 vh-100 fixed top-0 left-0 bg-top cover" style="background-image: url('https://cdn.glitch.com/00a78354-69d5-4aca-b1be-250125c87d49%2F2purple_blobs.png?1529843273884')"></div>
<!-- NBIT TYPE -->
<div class="z-0 w-100 vh-100 fixed top-0 left-0" style="background-image: url('https://cdn.glitch.com/07085c70-220e-4ed8-bbdd-52f6f25522a8%2Fnbit_narrow.svg?1529793309674'); background-size: 15%;"></div>
<!-- LINE -->
<div class="fixed bottom-0 left-0 bg-black db-l dn h2 w-100 z-999"></div>
</body>
</html>