-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (78 loc) · 6.09 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
<!DOCTYPE html>
<html>
<head>
<link rel="apple-touch-icon" sizes="180x180" href="/imgs/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/imgs/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/imgs/favicon-16x16.png">
<link rel="manifest" href="/imgs/site.webmanifest">
<title>Ada Lovelace</title>
<link href="CSS/style.css" rel="stylesheet">
</head>
<body>
<h1>Mulheres que fizeram história na tecnologia</h1>
<nav class="principal">
<ul>
<li>
<a href="#Infância">Infância</a>
</li>
<li>
<a href="#Juventude">Juventude</a>
</li>
<li>
<a href="#Vida adulta">Vida Adulta</a>
</li>
</ul>
</nav>
<section>
<h2>Ada Lovelace</h2>
<section id="Infância">
<h3 class="titulo-1">Infância</h3>
<p>Augusta Ada King, condessa de Lovelace, nasceu em Londres em 1815, mais conhecida como Ada Lovelace, foi a primeira pessoa a escrever um algoritmo para ser processado por uma máquina na história da computação.</p>
<img src="imgs/adaPintura.png" alt= "pintura colorida da Ada">
</section>
<section id="Juventude">
<h3 class="titulo-2">Juventude</h3>
<p>Aos 17 anos, Ada foi apresentada à corte e passou a ser convidada para festas na cidade. Seu jeito inteligente e rápida atraiu muitos solteiros, mas ela se interessou por um velho matemático chamado Charles Babage, que lhe contou sobre a invenção que trabalhava há anos, a “máquina diferencial”, que fazia grandes cálculos.Charles gostou da jovem, ela era uma das poucas pessoas que se interessou e entendeu suas invenções. Quando Ada conheceu a máquina diferencial, viu nela muitas possibilidades que nem mesmo Charles havia pensado. O entusiasmo da jovem matemática o impressionava. </p>
<img src="imgs/adaCrianca.png" alt="Pintura de Ada criança segurando um desenho.">
</section>
<section id="Vida adulta">
<h3 class="titulo-3">Vida adulta</h3>
<p>Charles era viúvo e lutava por investimentos para os seus projetos. Ada se casou e teve 3 filhos. Em 1830, isso significava que ela deveria abandonar os estudos e se dedicar aos filhos. Trocava cartas com Charles, acompanhava o trabalho dele de longe. Tinha pouco tempo para os próprios estudos. Passou a resolver problemas matemáticos à noite, após as crianças dormirem. Ela queria era trabalhar com Charles em suas máquinas incríveis.</p>
<p>Tempos depois, Charles criou o Engenho Analítico, melhor do que a máquina diferencial, pois seria capaz de analisar dados e guardar informações na memória. Algo tão revolucionário que poucas pessoas entenderam. Para divulgar sua nova máquina, precisaria publicar artigos em francês, língua que ele não sabia, mas Ada era fluente. Como ela entendia as criações de Charles, era a pessoa perfeita para traduzir esses artigos.</p>
<p>Enquanto Ada traduzia o conteúdo, fazia anotações por conta própria, imaginava inúmeras possibilidades que a máquina teria. Não tardou para que suas anotações ficassem maiores do que o próprio artigo.</p>
<p>Charles queria que a máquina resolvesse problemas matemáticos. Ada pensava em algo muito maior: os números poderiam representar coisas totalmente diferentes como letras e notas musicais. Escreveu instruções detalhadas com diagramas e tabelas explicando como o engenho analítico deveria processar uma equação matemática complicada. Assim, a máquina resolveria em segundos o que um humano levaria horas para solucionar. Os computadores ainda não existiam, mas Ada tinha acabado de criar o primeiro programa de computador. Ada não viveu para ver que suas ideias se transformariam nos computadores modernos que usamos hoje.</p>
<img src="imgs/adaTabela.png" alt="Pintura de Ada jovem ao lado de uma tabela com algoritmos.">
</section>
</section>
<h3>Conheça outras mulheres que fizeram história na tecnologia</h3>
<nav>
<ul>
<li>
<a href="https://pt.wikipedia.org/wiki/Grace_Hopper" target="_blank">Grace Hopper</a>
</li>
<li>
<a href="https://pt.wikipedia.org/wiki/Dorothy_Vaughan" target="_blank">Dorothy Vaughan</a>
</li>
<li>
<a href="https://pt.wikipedia.org/wiki/Margaret_Hamilton_(cientista_da_computa%C3%A7%C3%A3o)" target="_blank">Margaret Hamilton</a>
</li>
<li>
<a href="https://pt.wikipedia.org/wiki/Katherine_Johnson" target="_blank">Katherine Johnson</a>
</li>
</ul>
</nav>
<h4>Quer saber mais sobre outras mulheres que fizeram história na programação? Deixe seu e-mail</h4>
<form>
<label for="nome">Nome:</label>
<input id= "nome" type="text">
<label for="email">Email:</label>
<input id="email" type="email">
<label for="telefone">Número de telefone:</label>
<input id="number" id="telefone" name="telefone" min="1" max="9">
<button Id="botaoEnviar">Enviar</button>
</form>
<script type="text/javascript" src="js/script.js"></script>
<br>
<br>
</body>
</html>