Skip to content

Commit 6958503

Browse files
Merge pull request #381 from matteobelfiore/feature/fix-markup-html-lesson6
Feature/fix markup html lesson6
2 parents 2eb02b0 + fd096a5 commit 6958503

File tree

1 file changed

+83
-76
lines changed

1 file changed

+83
-76
lines changed

html/lesson6/index.html

Lines changed: 83 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,120 +1,127 @@
11
<!DOCTYPE HTML>
22
<html>
3-
<head>
4-
<link rel="stylesheet" href="style.css">
5-
</head>
6-
<body>
7-
<header>
3+
<head>
4+
<link rel="stylesheet" href="style.css">
5+
<title>Lesson 6 - Advanced HTML5</title>
6+
</head>
7+
<body>
8+
<header>
89
Women programmers
9-
</header>
10+
</header>
1011

11-
<nav>
12+
<nav>
1213
<a href="#women-have-always-coded">Women have always coded</a>
1314
<a href="#women-programmers">Famous Women Programmers</a>
1415
<a href="#other-resources">Other Resources</a>
15-
</nav>
16+
</nav>
1617

17-
<aside>
18+
<aside>
1819
<nav>
19-
<ul>
20-
<li>
21-
<a href="#ada">Ada Lovelace</a>
22-
</li>
23-
<li>
24-
<a href="#grace">Grace Hopper</a>
25-
</li>
26-
<li>
27-
<a href="#anita">Anita Borg</a>
28-
</li>
20+
<ul>
21+
<li>
22+
<a href="#ada">Ada Lovelace</a>
23+
</li>
24+
<li>
25+
<a href="#grace">Grace Hopper</a>
26+
</li>
27+
<li>
28+
<a href="#anita">Anita Borg</a>
29+
</li>
30+
</ul>
2931
</nav>
30-
</aside>
32+
</aside>
3133

32-
<article id="women-have-always-coded">
34+
<article id="women-have-always-coded">
3335
<h1>Women have always coded </h1>
3436
<p>
35-
Programming has always been women's work.
37+
Programming has always been women's work.
3638
</p>
3739

3840
<p>
39-
The discipline was founded by a woman, after all. When humanity took its first halting steps into the Information Age, it needed a feminine touch. While recent revisionist efforts by masculists have emphasized the work of Charles Babbage, the reality is that he supplied only brute manipulation of matter with his mechanical device. And it didn't even work! Babbage's failures set the information age back by a century. It was Ada Lovelace who supplied the code.
41+
The discipline was founded by a woman, after all. When humanity took its first halting steps into the Information Age, it
42+
needed a feminine touch. While recent revisionist efforts by masculists have emphasized the work of Charles Babbage,
43+
the reality is that he supplied only brute manipulation of matter with his mechanical device. And it didn't even work!
44+
Babbage's failures set the information age back by a century. It was Ada Lovelace who supplied the code.
4045
</p>
4146

4247
<p>
43-
When the Information Age finally dawned, it was (inevitably) thanks to women's industry. The transition from textiles to text files began with punch cards and Marie Joseph's Jacquard loom. Those same punch cards echo through history to the traditional 80 character line limit today. Weaving is deeply embedded in code, and the fine motor skills needed to work thread have simply never been a masculine trait. The ancient Romans understood this; it is the goddess Minerva who watches over both weaving and philosophy.
48+
When the Information Age finally dawned, it was (inevitably) thanks to women's industry. The transition from textiles to
49+
text files began with punch cards and Marie Joseph's Jacquard loom. Those same punch cards echo through history to
50+
the traditional 80 character line limit today. Weaving is deeply embedded in code, and the fine motor skills needed
51+
to work thread have simply never been a masculine trait. The ancient Romans understood this; it is the goddess Minerva
52+
who watches over both weaving and philosophy.
4453
</p>
4554

4655
<p>
47-
Women, not men, wove the core memory that landed men on the moon. This is not to diminish the clumsy heroism of the boys who risked their lives on the journey itself. They too had their contribution to make to history. But they were simply passengers, and the real triumph was getting them there at all.
56+
Women, not men, wove the core memory that landed men on the moon. This is not to diminish the clumsy heroism of the boys
57+
who risked their lives on the journey itself. They too had their contribution to make to history. But they were simply
58+
passengers, and the real triumph was getting them there at all.
4859
</p>
60+
</article>
4961

50-
</article>
51-
52-
<section id="women-programmers">
62+
<section id="women-programmers">
5363
<h1>Women Programmers</h1>
5464

5565
<section id="ada">
56-
<h3>Ada Lovelace</h3>
57-
<figure>
58-
<img src="assets/images/ada_lovelace.jpg"/>
59-
<figcaption>
60-
The first analyst
61-
</figcaption>
62-
</figure>
63-
66+
<h3>Ada Lovelace</h3>
67+
<figure>
68+
<img src="assets/images/ada_lovelace.jpg" />
69+
<figcaption>
70+
The first analyst
71+
</figcaption>
72+
</figure>
6473
</section>
6574

6675
<section id="grace">
67-
<h3>Grace Hopper</h3>
68-
<figure>
69-
<img src="assets/images/grace.jpg"/>
70-
<figcaption>
71-
The first programmer
72-
</figcaption>
73-
</figure>
74-
76+
<h3>Grace Hopper</h3>
77+
<figure>
78+
<img src="assets/images/grace.jpg" />
79+
<figcaption>
80+
The first programmer
81+
</figcaption>
82+
</figure>
7583
</section>
7684

7785
<section id="anita">
78-
<h3>Anita Borg</h3>
79-
<figure>
80-
<img src="assets/images/anita.jpg" width='230px'/>
81-
<figcaption>
82-
Founder of Institute of Women in Technology
83-
</figcaption>
84-
</figure>
85-
</section>
86+
<h3>Anita Borg</h3>
87+
<figure>
88+
<img src="assets/images/anita.jpg" width="230px" />
89+
<figcaption>
90+
Founder of Institute of Women in Technology
91+
</figcaption>
92+
</figure>
8693
</section>
87-
<section id="other-resources">
94+
</section>
95+
96+
<section id="other-resources">
8897
<h1>Other resources</h1>
8998

9099
<article>
91-
<h3>Grace Hopper - Nanoseconds</h3>
92-
<audio src="assets/images/grace-hopper-nanoseconds.ogg" controls="controls"/>
100+
<h3>Grace Hopper - Nanoseconds</h3>
101+
<audio src="assets/images/grace-hopper-nanoseconds.ogg" controls="controls" />
93102
</article>
94103

95104
<article>
96-
<h3>Grace Hopper on Letterman</h3>
97-
<video controls>
98-
<source src="assets/images/grace-letterman.mp4" type="video/mp4">
99-
</video>
105+
<h3>Grace Hopper on Letterman</h3>
106+
<video controls>
107+
<source src="assets/images/grace-letterman.mp4" type="video/mp4">
108+
</video>
100109
</article>
101110

102-
103111
<section>
104-
<h3>Articles</h3>
105-
<a href="http://codebar.github.io/tutorials/html/lesson3/example.html">Hi I'm Ada Lovelace</a>
106-
<br/>
107-
<a href="http://codebar.github.io/tutorials/html/lesson4/example.html">Grace Hopper</a>
108-
<br/>
109-
<a href="http://codebar.github.io/tutorials/html/lesson4/example.html">Anita Borg - Where are we and where are we going.</a>
110-
</section>
111-
112+
<h3>Articles</h3>
113+
<a href="http://codebar.github.io/tutorials/html/lesson3/example.html">Hi I'm Ada Lovelace</a>
114+
<br/>
115+
<a href="http://codebar.github.io/tutorials/html/lesson4/example.html">Grace Hopper</a>
116+
<br/>
117+
<a href="http://codebar.github.io/tutorials/html/lesson4/example.html">Anita Borg - Where are we and where are we going.</a>
112118
</section>
113-
114-
<footer>
115-
<address>Made by<a href="http://codebar.io">codebar.io</a></address>
116-
</footer>
117-
118-
</body>
119-
</html>
120-
119+
</section>
120+
121+
<footer>
122+
<address>Made by
123+
<a href="http://codebar.io">codebar.io</a>
124+
</address>
125+
</footer>
126+
</body>
127+
</html>

0 commit comments

Comments
 (0)