-
Notifications
You must be signed in to change notification settings - Fork 17
/
Copy pathindex.html
397 lines (381 loc) · 15.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
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
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>AfroPython</title>
<meta
name="description"
content="AfroPython, comunidade de tecnologia e inovação que tem o objetivo de incluir e empoderar pessoas negras na área da TI."
/>
<meta
property="og:description"
content="AfroPython, comunidade de tecnologia e inovação que tem o objetivo de incluir e empoderar pessoas negras na área da TI."
/>
<meta property="og:title" content="AfroPython" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://afropython.org" />
<meta
property="og:image"
content="http://afropython.org/images/afropython-image.png"
/>
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="http://afropython.org" />
<meta name="twitter:title" content="AfroPython" />
<meta
name="twitter:description"
content="AfroPython, comunidade de tecnologia e inovação que tem o objetivo de incluir e empoderar pessoas negras na área da TI."
/>
<meta
name="twitter:image"
content="http://afropython.org/images/afropython-image.png"
/>
<meta
name="keywords"
content="afropython, python, desenvolvimento de software, inclusão, código, afropython.org, negritude"
/>
<link
href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700"
rel="stylesheet"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="favicon.ico" />
</head>
<body>
<header class="c-main-header">
<a href="#" class="c-main-header__brand">
<img src="images/afropython-brand.svg" />
</a>
</header>
<main class="">
<section class="c-intro">
<article class="o-content-block c-intro__article">
<div class="o-row">
<div class="o-col u-text-center">
<h1 class="c-intro__title">
AfroPython
</h1>
<p class="c-intro__text">
Tem interesse em nos ajudar? <br />
Nos envie um email para
<a
href="mailto:afropython@gmail.com?subject=Email através do site"
>
afropython@gmail.com!
</a>
</p>
</div>
</div>
</article>
</section>
<section class="c-about-event">
<div class="">
<div class="o-row">
<div class="o-col">
<h2 class="u-text-center c-about-event__title">
O que é o AfroPython?
</h2>
<p class="c-about-event__text">
O AfroPython é uma oficina de programação que tem o objetivo de
incentivar a população negra nas áreas de tecnologia.
</p>
<p class="c-about-event__text">
O AfroPython deseja ser uma iniciativa marcante: para quem faz e
para quem participa. E queremos somente marcas positivas e
felizes, já que as razões que nos unem não são tão
historicamente nobres: somos a maior parte da população e não
vemos esse dado refletido no mercado de trabalho, especialmente
nas empresas de Tecnologia da Informação no Brasil.
</p>
</div>
</div>
<div class="o-row">
<div class="o-col-4">
<h2 class="u-text-center c-about-event__title">
Para quem é o AfroPython?
</h2>
<p class="c-about-event__text">
O AfroPython é um evento para pessoas iniciantes e interessadas
na área da tecnologia, mais especificamente na área de
programação.
</p>
</div>
<div class="o-col-4">
<h2 class="u-text-center c-about-event__title">
Por que existe o AfroPython?
</h2>
<p class="c-about-event__text">
O AfroPython existe para aumentar a representatividade de
pessoas negras dentro da área de tecnologia.
</p>
</div>
<div class="o-col-4">
<h2 class="u-text-center c-about-event__title">
O que é representatividade?
</h2>
<p class="c-about-event__text">
Outro ponto que o AfroPython se propõe a ajudar é com aumento da
representatividade ajudando a introduzir pessoas negras na área
de tecnologia.
</p>
</div>
</div>
<div class="o-row">
<div class="o-col-6">
<h2 class="u-text-center c-about-event__title">
Pessoas que são referências?
</h2>
<p class="c-about-event__text">
Através do AfroPython também queremos promover pessoas que podem
ser referência e inspirações para todos que se envolvem com o
evento de alguma maneira.
</p>
</div>
<div class="o-col-6">
<h2 class="u-text-center c-about-event__title">
Descomplicando a programação?
</h2>
<p class="c-about-event__text">
Um dos objetivos do projeto é desmistificar a ideia de que a
área de TI é difícil e exclusiva para brancos.
</p>
</div>
</div>
<div class="o-row">
<div class="o-col-4">
<h2 class="u-text-center c-about-event__title">
O que queremos?
</h2>
<p class="c-about-event__text">
Oferecer oportunidade de inclusão e ascensão profissional ,
gerando empoderamento de pessoas negras na área de tecnologia da
informação.
</p>
</div>
<div class="o-col-4">
<h2 class="u-text-center c-about-event__title">
Como fazer isto?
</h2>
<p class="c-about-event__text">
Através de nossos parceiros afetuosos, apaixonados por
compartilhar conhecimento e socialmente engajados no combate ao
racismo e discriminação racial gerando oportunidades de trabalho
para pessoas negras, oferecer uma oficina de programação 100%
gratuita para que os participantes aprendam a criar sua primeira
aplicação web escrita na linguagem Python.
</p>
</div>
<div class="o-col-4">
<h2 class="u-text-center c-about-event__title">Quanto custa?</h2>
<p class="c-about-event__text">
O AfroPython é um evento totalmente gratuito, tanto para
participantes quanto treinadores.
</p>
</div>
</div>
</div>
</section>
<section class="c-code-conduct o-content-block">
<div class="o-row">
<h2 class="u-text-center c-code-conduct__title">
Nosso código de conduta
</h2>
<p class="c-code-conduct__text">
Oii! Que bom que você chegou até aqui. E já que veio , queremos te
contar algumas coisas sobre nós. Este evento tem a intenção de ser
acolhedor onde as pessoas se sintam confortáveis no ambiente. Por
isso participantes, palestrantes, representantes de empresas e
pessoas voluntárias do evento precisam concordar com este código de
conduta. A equipe organizadora vai reforçar para que este código
seja seguido durante todo o evento. Esperamos a cooperação de todas
as partes para ajudar a garantir um ambiente seguro para qualquer
pessoa.
</p>
<a
class="o-btn center-block open-modal c-code-conduct__button"
href="#animatedModal"
>Código de conduta</a
>
</div>
<!--MODAL-->
<div id="animatedModal" class="c-code-conduct__modal">
<div class="close-animatedModal c-code-conduct__modal__close">
<img src="images/closebt.svg" alt="" />
</div>
<div class="modal-content">
<div class="o-content-block">
<h2 class="c-code-conduct__modal-content__title">
Código de Conduta
</h2>
<ul class="c-code-conduct__modal-content__ul-list">
<li>
<span class="icon-checkmark"></span>
O AfroPython é um evento que tem o propósito de oferecer uma
vivência livre de assédio para todas as pessoas envolvidas,
independente de identidade de gênero, sexo, orientação sexual,
deficiência, aparência física, composição corporal, raça,
classe social, religião e qualquer representação de
diversidade.
</li>
<li>
<span class="icon-checkmark"></span>
Nenhuma forma de assédio será tolerada.
</li>
<li>
<span class="icon-checkmark"></span>
Conteúdo e imagens de cunho sexual e/ou erótico não são
apropriados em nenhuma parte do treinamento, sejam em
palestras, material institucional de patrocinadores e de
qualquer entidade envolvida no evento.
</li>
<li>
<span class="icon-checkmark"></span>
Seja gentil com as outras pessoas. Não insulte ou desestimule
outras pessoas. Não publique fotos constrangedoras de outras
pessoas sem o consentimento delas. Lembre-se que piadas de
assédio, identidade de gênero, sexismo, racismo e exclusão são
proibidas no evento.
</li>
<li>
<span class="icon-checkmark"></span>
Qualquer participante que violar estas regras será repreendido
ou até expulso do evento sem nenhuma forma de restituição, a
critério da organização.
</li>
</ul>
<h3 class="c-code-conduct__modal-content__title">
Reportando Assédio:
</h3>
<p class="c-code-conduct__modal-content__text">
Se você for assediada ou assediado, perceber que outra pessoa
nesta situação, ou tem outras preocupações, por favor, fale com
uma das pessoas da organização o mais rápido possível.
</p>
<p class="c-code-conduct__modal-content__text">
A equipe está bem informada em como lidar com o incidente e em
como agir com a situação. As organizadoras da conferência terão
o prazer de ajudar as pessoas participantes a entrar em contato
com a segurança local ou ajudar a garantir o cumprimento da lei
local, fornecer escoltas, ou ajudar aquelas pessoas que
vivenciaram o assédio a se sentirem seguras durante todo o
treinamento. A gente se importa com você e não queremos que nada
estrague a sua experiência no evento.
</p>
<h3 class="c-code-conduct__modal-content__title">
Para vir conosco, saiba que:
</h3>
<ol class="c-code-conduct__modal-content__ol-list">
<li>
<span class="icon-point-right"></span>
Você precisa concordar e ser entusiasta da luta contra a
discriminação racial em todas as esferas da sociedade.
</li>
<li>
<span class="icon-point-right"></span>
Você precisa concordar e ser entusiastas das políticas de
ações afirmativas.
</li>
<li>
<span class="icon-point-right"></span>
É proibida qualquer manifestação de conteúdo ou cunho racista
e/ou discriminatório.
</li>
<li>
<span class="icon-point-right"></span>
É proibida e será combatida qualquer forma de discriminação
e/ou assédio.
</li>
<li>
<span class="icon-point-right"></span>
Apoiamos e respeitamos também o equilíbrio entre as relações
de gênero.
</li>
</ol>
<h2 class="c-code-conduct__modal-content__title">
A luta pela igualdade racial não é só nossa, deve ser de todas
as pessoas. Contamos com seu apoio e luta afinal, vidas negras
importam!
</h2>
<p class="c-code-conduct__modal-content__text">
© Todo os direitos AfroPython
</p>
</div>
</div>
</div>
<!--MODAL-->
</section>
</main>
<footer>
<section class="c-footer">
<p class="u-text-center c-footer__text">
2019, Afropython. Entre em contato através do
<a
href="mailto:afropython@gmail.com?subject=Email através do site"
target="_blank"
class="c-footer__text__link"
>afropython@gmail.com</a
>
ou nos siga pelas redes sociais
</p>
<ul class="c-footer__social-icons">
<li>
<a
href="https://www.facebook.com/AfroPython/"
aria-label="Link para Facebook"
target="_blank"
>
<span class="icon-facebook1"></span>
</a>
</li>
<li>
<a
href="https://www.flickr.com/photos/154398560@N07"
aria-label="Link para fotos no Flicker"
target="_blank"
>
<span class="icon-pictures"></span>
</a>
</li>
</ul>
</section>
</footer>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: "1951629735077342",
xfbml: true,
version: "v2.10"
});
FB.AppEvents.logPageView();
};
(function(d, s, id) {
var js,
fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
})(document, "script", "facebook-jssdk");
</script>
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-107186412-1"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-123501686-1");
</script>
</body>
</html>