-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (108 loc) · 6.72 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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Ada Lovelace</title>
<link href="style.css" rel="stylesheet">
<link rel="shortcut icon" href="images/pngwing.com.png" type="image/x-icon">
</head>
<body>
<h1>Women who changed the tech world</h1>
<nav class="main">
<ul>
<li><a href="#childhood">Childhood</a></li>
<li><a href="#youth">Youth</a></li>
<li><a href="#adulthood">Adulthood</a></li>
</ul>
</nav>
<section>
<h2>Ada Lovelace</h2>
<p class="indent"> Augusta Ada King, Countess of Lovelace, was born in London in 1815, better known as Ada Lovelace, was the
first person to write an algorithm to be processed by a machine in the history of computing.</p>
<img src="images/adaPintura.png" alt="Old, colorful painting. Shows Ada Lovelace in a vintage costume.">
<section id="childhood">
<h3 class="green-title">Childhood</h3>
<p class="indent"> His father was the romantic poet Lord Byron, known for his exaggerations, like having a tamed bear in his
bedroom and by acts unusual for the time.Your mother was the rich
and the cultured Annabella Milbanke, passionate about mathematics and not very patient with her
husband's crazy things.<br>
Lord Byron drank too much which resulted in the divorce when Ada was only 5 weeks old. Annabella went
single mother concerned to ensure that Ada did not look like her father. Invested in rigorous education
of the
girl hiring the best teachers. He believed that if his daughter was interested in math and
sciences, he would distance himself from poetry and the eccentric tendencies inherited from his father.<br>
</p>
<p class="indent">
Ada was fascinated by math and poetry. At the age of twelve, he was enchanted by the
mechanical engineering and wrote a book called Flyology (or Voology) with drawings of a plan for the
building a flying machine. When she told her mother about the machine, Annabelle thought that Ada
he was deviating from his studies and repressed it. So he asked Ada to focus on becoming a lady.<br>
</p>
<img src="images/adaCrianca.png" alt="Ada holding a drawing">
</section>
<section id="youth">
<h3 class="red-title">Youth</h3>
<p class="indent"> At the age of 17, Ada was introduced to the court and was invited to parties in the city. Your way
smart and quick attracted many singles, but she became interested in an old mathematician named
Charles Babage, who told him about the invention he had been working on for years, the "differential
machine", which did great calculations.<br>
Charles liked the young woman, she was one of the few people who was interested and understood his
inventions.
When Ada got to know the differential machine, she saw in it many possibilities that not even Charles had thought. The enthusiasm of the young mathematician impressed him.</p>
</section>
<section id="adulthood">
<h3 class="yellow-title">Adulthood</h3>
<p class="indent">
Charles was a widower and was fighting for investments for his projects. Ada got married and had 3
children. In
1830, this meant that she had to give up her studies and devote herself to her children. Exchanged
letters with
Charles, followed his work from afar. He had little time for his own studies. passed to
solve math problems at night after the children sleep. She wanted to work with Charles
on your amazing machines.
Later, Charles created the Analytical Engine, better than the differential machine, as it would be able
to
to analyze data and store information in memory. Something so revolutionary that few people
understood. To publicize his new machine, he would need to publish articles in French, a language he
doesn't
knew, but Ada was fluent. As she understood Charles's creations, she was the perfect person to
translate these articles.
<p class="indent">
While Ada translated the content, took notes on her own, imagined countless possibilities
that the machine would have. It didn't take long for his annotations to grow larger than the article
itself.
Charles wanted the machine to solve mathematical problems. Ada was thinking about something much bigger:
the
numbers could represent totally different things like letters and musical notes. He wrote
detailed instructions with diagrams and tables explaining how the analytical engine should process a
complicated math equation. Thus, the machine would solve in seconds what a human would take hours
to solve. Computers didn't exist yet, but Ada had just created the first program
of computer. Ada didn't live to see that her ideas would become the modern computers that
we use it today.
</p>
</p>
<img src="images/adaTabela.png" alt="Young Ada painting beside a table with algorithms.">
</section>
</section>
<h3>Meet other women who made history in technology:</h3>
<nav>
<ul>
<li><a class="menu" href="https://en.wikipedia.org/wiki/Grace_Hopper" target="_blank">Grace Hopper</a></li>
<li><a class="menu" href="https://pt.wikipedia.org/wiki/Dorothy_Vaughan" target="_blank">Dorothy Vaughan</a></li>
<li><a class="menu" href="https://pt.wikipedia.org/wiki/Margaret_Hamilton_(cientista_da_computa%C3%A7%C3%A3o)" target="_blank">Margaret Hamilton</a></li>
<li><a class="menu" href="https://pt.wikipedia.org/wiki/Katherine_Johnson" target="_blank">Katherine Johnson</a></li>
</ul>
</nav>
<h4>Want to know more about other women who changed the tech world? Enter your email.</h4>
<form>
<label for="userName">Name:</label>
<input id="userName" type="text" autocomplete="off">
<label for="email">Email:</label>
<input id="email" type="email" autocomplete="off">
<label for="phone">Phone Number:</label>
<input id="phone" type="number" autocomplete="off">
<button id="submitButton">Submit</button>
</form>
<script type="text/javascript" src="script.js"></script>
</body>
</html>