-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (110 loc) · 6.65 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Women Techmakers Brasil</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.cyan-blue.min.css" />
<link rel="stylesheet" href="styles.css">
<!--[if IE]><link rel="shortcut icon" href="images/favicon.ico"><![endif]-->
<link rel="icon" type="image/png" href="images/favicon.png">
<!-- Carrega API do google maps -->
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="maps.js"></script>
</head>
<body>
<div class="layout-transparent mdl-layout mdl-js-layout">
<main class="header-content mdl-layout__content">
<img class="header-logo" src="images/wtm-logo-horz-white.png" alt="Women Techmakers" />
<p class="header-lead">
O Women Techmakers é um programa da Google para incentivar as mulheres na área de tecnologia.
</p>
</main>
</div>
<nav id="mdl-navigation" class="standart">
<a class="nav-link" href="#about">Sobre</a>
<a class="nav-link" href="#map">Onde Encontrar?</a>
<a class="nav-link" href="#FAQ">FAQ</a>
<a class="nav-link" href="#mulheres-palestrantes">Mulheres Palestrantes</a>
</nav>
<section id="about" class="about">
Lançado em 2012 como um evento anual na noite anterior ao I/O pela então Vice-Presidente do Google[x] Megan Smith, o Women Techmakers é atualmente
liderado pela Defensora das Mulheres na Tecnologia Natalie Villalobos e um time global de Googlers que são apaixonados por empoderarem mulheres na tecnologia.
</section>
<div class="mdl-layout mdl-js-layout layout-main">
<div id="map"></div>
<div id="legend">
Não encontrou um WTM na sua região?<br />
<a href="https://developers.google.com/groups/directory/" target="_blank">Fale com o GDG mais próximo!</a>
</div>
<section id="FAQ">
<section id="FAQ-header">
<header id="FAQ-title">Perguntas Frequentes</header>
<section id="mainquestion">
<h3 class="FAQ-question">O que é o Women Techmakers?</h3>
<p class="FAQ-answer">
O Women Techmakers é o programa e marca global do Google voltado para as mulheres na tecnologia. Atualmente, o programa foca em empoderar as mulheres
na tecnologia através do aumento da visibilidade, comunidade e recursos destinados à elas.
</p>
</section>
</section>
<section id="FAQ-questions">
<section id="questions">
<h3 class="FAQ-question">Os eventos do Women Techmakers são apenas para mulheres?</h3>
<p class="FAQ-answer">
Os nossos eventos não tem a intenção de serem apenas para mulheres, mas de enfatizarem a participação de mulheres. Porém, caso seja melhor para a comunidade,
os líderes podem promover eventos exclusivos.
</p>
<h3 class="FAQ-question">Porque focar em mulheres? Isso não causa mais separação entre homens e mulheres?</h3>
<p class="FAQ-answer">
Se um problema não é reconhecido, ele não é tratado. A marca Women Techmakers é feita para conscientizar sobre a diferença de gêneros na área de tecnologia,
enquanto trabalha para diminuí-la. Saiba que seus eventos não precisam de usar a marca do Women Techmakers se você sente que isso inibirá o objetivo de incluir as
mulheres. Esforço consciente em promover mulheres como palestrantes e em trabalhar com projetos locais de inclusão de mulheres na tecnologia em um evento do GDG é
suficiente para fazer desse evento um evento do Women Techmakers - se você usará a marca do Women Techmakers ou não é uma opção sua.
</p>
<h3 class="FAQ-question">Se o objetivo é a inclusão, porque focar apenas em mulheres?</h3>
<p class="FAQ-answer">
O Women Techmakers não é uma solução final, mas um passo na direção de melhorar a igualdade nas áreas de Ciências, Tecnologia, Engenharia e Matemática. O GDG Mulheres
começou quando um grupo de mulheres percebeu uma lacuna na participação de mulheres nos encontros do GDG e quiseram fazer alguma coisa sobre isso. O Women Techmakers
começou de um jeito parecido por Megan Smith, que viu uma oportunidade de amplificar as vozes das líderes ténicas ao redor dela, para inspirar futuras gerações. Sendo
dito isso, gênero não é nem de longe o único problema de diversidade na tecnologia. Como uma comunidade global, esse problema é exponencialmente mais complexo, já que
situação econômica, educação, histórico familiar, origem étnica ou nacional e até mesmo religião tem diferentes significados em diferentes culturas. Nós pedimos que
todos os membros de GDGs, líderes do Women Techmakers ou não, para trabalhar para criar um ambiente de inclusão.
</p>
</section>
<div id="FAQ-image">
<br>
</div>
</section>
</section>
<section id="mulheres-palestrantes">
<p>
<strong>Está precisando de mulheres no seu evento? Ou quer divulgar seu trabalho como palestrante?</strong><br />
O <em>Mulheres Palestrantes</em> tem uma listagem de mulheres disponíveis para palestrar em eventos de tecnologia, design, empreendedorismo, entre outros.<br />
<a href="http://insideoutproject.xyz/mulheres-palestrantes" target="_blank">Acesse aqui.</a>
</p>
</section>
<footer id="footer">
<section class="support">
Apoiado por <img src="images/logo-google.png" />
Feito por <img src="images/logo-gdgbh.png" />
</section>
<a class="footer-cod" href="https://github.com/gdg-bh/codigo-de-conduta">Código de Conduta</a>
</footer>
</div>
<script type="text/javascript">
var nav = document.getElementById("mdl-navigation");
var stop = (nav.offsetTop);
window.onscroll = function (e) {
var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
console.log(scrollTop, nav.offsetTop);
if (scrollTop > stop) {
nav.className = 'fixed';
} else {
nav.className = 'standart';
}
}
</script>
</body>
</html>