-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
181 lines (175 loc) · 8.93 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
<!DOCTYPE HTML>
<html>
<head>
<title>Women in Computing</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href='http://fonts.googleapis.com/css?family=Audiowide|Quicksand:300,400,700|Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css" charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1><span>Women in Computing</span></h1>
<nav>
<ul>
<li>
<a href="#famous">Famous Women</a>
</li>
<li>
<a href="#organizations">Organizations</a>
</li>
<li>
<a href="#facts">Fun Facts</a>
</li>
</ul>
</nav>
</header>
<div id="main">
<section id="famous">
<h2>Famous Women</h2>
<a class="jump up" href="#">ì</a>
<a class="jump down" href="#organizations">í</a>
<div class = "wrapper">
<article class = "woman" itemscope itemtype = "http://schema.org/Person">
<h3>
<a href="http://en.wikipedia.org/wiki/Ada_Lovelace" itemprop = "url"><span itemprop = "givenName">Ada</span> <span itemprop = "familyName">Lovelace</span></a>
</h3>
<h4>(1815–1852)</h4>
<img src="images/ada_lovelace.jpg" alt="Ada Lovelace" />
<p>An analyst of Charles Babbage's analytical engine and is often
described as the "<span itemprop = "jobTitle">first computer programmer</span>."</p>
</article>
<article class = "woman" itemscope itemtype = "http://schema.org/Person">
<h3>
<a href="http://en.wikipedia.org/wiki/Grace_Hopper" itemprop = "url"><span itemprop = "givenName">Grace</span> <span itemprop = "familyName">Hopper</span></a>
</h3>
<h4>(1906–1992)</h4>
<img src="images/grace_hopper.jpg" alt ="Grace Hopper" />
<p>A <span itemprop = "jobTitle">United States Navy</span> officer and the first programmer of the
Harvard Mark I, known as the "Mother of COBOL". She developed the
first ever compiler for an electronic computer, known as A-0.</p>
</article>
<article class = "woman" itemscope itemtype = "http://schema.org/Person">
<h3>
<a href="http://en.wikipedia.org/wiki/Frances_E._Allen" itemprop = "url"><span itemprop = "givenName">Frances</span> <span itemprop = "familyName">Allen</span></a>
</h3>
<h4>(1932–)</h4>
<img src="images/frances_allen.jpg" alt="Frances Allen" />
<p>The first female <span itemprop = "jobTitle">IBM Fellow</span> in 1989. In 2006 she became the first
female recipient of the <span itemprop = "award">ACM's Turing Award.</span></p>
</article>
<article class="woman" itemscope itemtype = "http://schema.org/Person">
<h3>
<a href="http://en.wikipedia.org/wiki/Barbara_Liskov" itemprop = "url"><span itemprop = "givenName">Barbara</span> <span itemprop = "familyName">Liskov</span></a>
</h3>
<h4>(1939–)</h4>
<img src="images/barbara_liskov.png" alt="Barbara Liskov" />
<p>Developed the Liskov substitution principle. Liskov was also the
winner of the <span itemprop = "award">Turing Prize</span> in 2008.</p>
</article>
<article class = "woman" itemscope itemtype = "http://schema.org/Person">
<h3>
<a href="http://en.wikipedia.org/wiki/Anita_Borg" itemprop = "url"><span itemprop = "givenName">Anita</span> <span itemprop = "familyName">Borg</span></a>
</h3>
<h4>(1949–2003)</h4>
<img src="images/anita_borg.jpg" alt="Anita Borg" />
<p><span itemprop = "jobTitle">The founding director of the Institute for Women and Technology (IWT)</span></p>
</article>
<article class = "woman" itemscope itemtype = "http://schema.org/Person">
<h3>
<a href="http://en.wikipedia.org/wiki/Maria_Klawe" itemprop = "url"><span itemprop = "givenName">Maria</span> <span itemprop = "familyName">Klawe</span></a>
</h3>
<h4>(1951–)</h4>
<img src="images/maria_klawe.jpg" alt="Maria Klawe" />
<p>The first woman to become <span itemprop = "jobTitle">President of Harvey Mudd College</span> since
its founding in 1955 and was <span itemprop = "jobTitle">ACM president</span> from 2002 until 2004.</p>
</article>
</div>
</section>
<section id="organizations">
<h2>Organizations</h2>
<a class="jump up" href="#famous">ì</a>
<a class="jump down" href="#facts">í</a>
<div class = "wrapper">
<p>These are some awesome organizations that help women in computing.
This is a brief list and there are many more out there.</p>
<ul>
<li>
<a href="http://www.ncwit.org/">National Center for Women & Information Technology</a>
<img src="images/logos/ncwit.png" alt="National Center for Women & Information Technology logo" />
</li>
<li>
<a href="http://anitaborg.org/">Anita Borg Institute for Women and Technology</a>
<img src="images/logos/anitaborg.gif" alt="Anita Borg Institute for Women and Technology logo" />
</li>
<li>
<a href="http://adainitiative.org/">The Ada Initiative</a>
<img src="images/logos/adainitiative.png" alt="The Ada Initiative logo" />
</li>
<li>
<a href="http://girldevelopit.com/">Girl Develop It</a>
<img src="images/logos/gdi.png" alt="Girl Develop It logo" />
</li>
<li>
<a href="http://www.blackgirlscode.com/">Black Girls Code</a>
<img src="images/logos/blackgirlscode.jpg" alt="Black Girls Code logo" />
</li>
<li>
<a href="http://railsgirls.com/">Rails Girls</a>
<img src="images/logos/railsgirls.png" alt="Rails Girls logo" />
</li>
</ul>
</div>
</section>
<section id="facts">
<h2>Fun Facts</h2>
<a class="jump up" href="#organizations">ì</a>
<a class="jump down" href="#bottom">í</a>
<div class = "wrapper">
<ul>
<li>Every year the Anita Borg Institute holds the
<a href="http://anitaborg.org/initiatives/ghc/">Grace Hopper
Celebration of Women in Computing</a> conference to bring the
research and career interests of women in computing to the
forefront</li>
<li>25% of the computing workforce were women in 2011
<a href="http://www.bls.gov/cps/cpsaat11.htm">reference</a></li>
<li>The <a href="https://twitter.com/DevChix">DevChix</a> google group has over 1000 members.</li>
<li>Girl Develop It has <a href="http://girldevelopit.com/chapters">chapters</a> in eleven cities.</li>
<li>Women eared 18% of the Computer and Information Sciences
undergraduate degrees in 2010. <a href="http://www.ncwit.org/sites/default/files/resources/2012bythenumbers_web.pdf">
reference</a></li>
<li>The U.S. Bureau of Labor Statistics projects that by 2018, there
will be a total of nearly 1.4 million computing-related jobs added
in the U.S., an increase of 22% from 2008.
<a href="http://www.ncwit.org/sites/default/files/resources/scorecard2010_printversion_web.pdf">reference</a></li>
<li>The median age of women in computing and mathematical occupations
is 42. <a href="http://www.ncwit.org/blog/did-you-know-demographics-technical-women">reference</a></li>
<li>Of the 20 occupations with the highest median earnings for women,
5 are computing occupations: computer software engineers, computer
and information systems managers, computer programmers, computer
scientists and systems analysts, and network systems and data
communications analysts. <a href="http://www.ncwit.org/blog/did-you-know-demographics-technical-women">reference</a></li>
</ul>
</div>
</section>
</div>
<footer>
<nav>
<ul>
<li>
<a href="#famous">Famous Women</a>
</li>
<li>
<a href="#organizations">Organizations</a>
</li>
<li>
<a href="#facts">Fun Facts</a>
</li>
</ul>
</nav>
</footer>
<a name="bottom"></a>
</body>
</html>