-
Notifications
You must be signed in to change notification settings - Fork 0
/
grace-hopper.html
167 lines (136 loc) · 7.97 KB
/
grace-hopper.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
<!DOCTYPE html>
<html lang="en-gb">
<head>
<title>Grace Hopper</title>
<link rel="icon" type="image/png" href="images/laptop.png" />
<meta charset="utf-8" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="css/women-in-tech.css" rel="stylesheet" />
</head>
<body>
<h1>Grace Hopper</h1>
<div id="wrapper">
<div class="container">
<div class="row">
<div class="col-xs-12 col-s-12 col-md-6 col-lg-6">
<section>
<h2 class="key-facts">Key Facts Summary</h2>
<ul>
<li><strong>Born</strong>: Grace Murray Hopper, December 9, 1906, New York City, New York, U.S.</li>
<li><strong>Nicknames</strong>: "Amazing Grace", "Grandma COBOL"</li>
<li><strong>Died</strong>: January 1, 1992, Arlington, Virginia, U.S.</li>
<li><strong>Served</strong>: United States Navy</li>
<li><strong>Years of Service</strong>: 1943–1966, 1967–1971, 1972–1986</li>
<li><strong>Rank</strong>: Rear admiral (lower half)</li>
</ul>
<h2>Quotes</h2>
<blockquote>
<p>"If it is a good idea, go ahead and do it. It is much easier to apologize than to get permission."</p>
</blockquote>
</section>
</div>
<!--col-->
<div class="col-xs-12 col-s-12 col-md-6 col-lg-6">
<figure>
<img class="grace-gif" src="images/grace_hopper_portrait2.jpg" alt="grace hopper portrait." />
</figure>
</div>
<!--.col-->
</div>
<!--.container-->
</div>
<!--.row-->
<section id="biography">
<h2>Biography</h2>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h3>Known for</h3>
<p>Grace Brewster Murray Hopper (née Murray) was an American computer scientist and United States Navy rear admiral. One of the first programmers of the Harvard Mark I computer, she was a pioneer of computer programming who invented one of the first compiler related tools. She popularised the idea of machine-independent programming languages, which led to the development of COBOL, an early high-level programming language still in use today.</p>
</div>
<div class="w-100"></div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-9">
<h3>World War II</h3>
<p>Hopper attempted to enlist in the Navy during World War II but was rejected because she was 34 years old. She instead joined the Navy Reserves. Hopper began her computing career in 1944 when she worked on the Harvard Mark I team led by Howard H. Aiken. In 1949, she joined the Eckert–Mauchly Computer Corporation and was part of the team that developed the UNIVAC I computer. At Eckert–Mauchly she began developing the compiler. She believed that a programming language based on English was possible. Her compiler converted English terms into machine code understood by computers. By 1952, Hopper had finished her program linker (originally called a compiler), which was written for the A-0 System.</p>
</div>
<div class="col-sm-12 col-md-12 col-lg-3">
<img class=grace-hopper-portrait src="images/grace_hopper_portrait.jpg" alt="A cartoon portrait of Grace." />
</div>
<div class="w-100"></div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h3>Success</h3>
<p>In 1954, Eckert–Mauchly chose Hopper to lead their department for automatic programming, and she led the release of some of the first compiled languages like FLOW-MATIC. In 1959, she participated in the CODASYL consortium, which consulted Hopper to guide them in creating a machine-independent programming language. This led to the COBOL language, which was inspired by her idea of a language being based on English words. In 1966, she retired from the Naval Reserve, but in 1967, the Navy recalled her to active duty. She retired from the Navy in 1986 and found work as a consultant for the Digital Equipment Corporation, sharing her computing experiences.
Owing to her accomplishments and her naval rank, she was sometimes referred to as "Amazing Grace". The U.S. Navy Arleigh Burke-class guided-missile destroyer USS Hopper was named for her, as was the Cray XE6 "Hopper" supercomputer at NERSC.</p>
</div>
<div class="w-100"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<p>During her lifetime, Hopper was awarded 40 honorary degrees from universities across the world. A college at Yale University was renamed in her honour. In 1991, she received the National Medal of Technology. On November 22, 2016, she was posthumously awarded the Presidential Medal of Freedom by President Barack Obama.</p>
</div>
<div class="w-100"></div>
</div>
<!--.row-->
</div>
<!--.container-->
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 big-quotes">
<blockquote>
<p>"The most dangerous phrase in the language is, 'We've always done it this way'."</p>
</blockquote>
</div>
<div class="w-100"></div>
</div>
<!--.row-->
</div>
<!--.container-->
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h3>Death</h3>
<p>On New Year's Day 1992, Hopper died in her sleep of natural causes at her home in Arlington, Virginia; she was 85 years of age. She was interred with full military honors in Arlington National Cemetery.</p>
</div>
<div class="w-100"></div>
</div>
<!--.row-->
</div>
<!--.container-->
</section>
<footer>
<h2>Source:</h2>
<p><a href="https://en.wikipedia.org/wiki/Grace_Hopper">www.wikipedia.org/wiki/Grace_Hopper</a></p>
<form class="form-inline" role="form">
<label for="email">Find out more fun facts about Grace</label>
<input class="form-control" type="text" name="email" placeholder="Enter your email" id="email">
<button class="btn btn-success" type="submit" id="email-button">Send</button>
</form>
</footer>
</div>
<!--
This is the end of the div "wrapper".
-->
</section>
<nav class="navbar navbar-expand-lg navbar-dark fixed-bottom">
<div class="container">
<a class="navbar-brand" href="#">Women in Tech</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="index.html">Home</a>
<a class="nav-item nav-link" href="ada-lovelace.html">Ada Lovelace</a>
<a class="nav-item nav-link" href="katherine-johnson.html">Katherine Johnson</a>
</div>
</div>
</div><!-- .container -->
</nav><!-- .navbar -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>