Eugene Ely

eugene-ely.markdown

Eugene Ely

A Pen by Richard Comeau on CodePen.

License.

index.html

<!--first project so here we go-->
<!--Add background image from the Smithsonian-->
<div class="container-fluid">
  <div class="jumbotron">
    <div class="row">
      <div class="col-xs-12">
        <h1> Eugene Ely</h1>
        <h2>A Pioneering Aviator</h2>
        <div class="img-center thumbnail">
          <img class="text-center" id="Pic-Eugen-Ely" src="https://airandspace.si.edu/sites/default/files/styles/body_large/public/images/editoral-stories/thumbnails/NH77579_640.jpg?itok=MbVZLluY" alt="Eugen Ely"></img>
          </p>Eugene Ely before landing on the USS Pennsylvania, 18 January 1911</p>
        </div>
        <h3><em><b>Career After College</em></b></h3>
        <ul>
          <li>
            After receiving an engineering degree in 1904 from Iowa State University, Ely began a career in the fledging automobile industry as a salesman, mechanic, and racing driver.</li>
          <li>He taught himself to fly in 1910 and never looked back. he had natural skills as an aviator and quickly became a well-known pilot with the Curtis Exhibition Team that toured all around the country.</li>
        </ul>
        <h4><em><b>Eugene Ely and Captain Washington Chambers</em></b></h4>
        <ul>
          <li>In October, Ely met Captain Washington Chambers, USN, who had been appointed by George von Lengerke Meyer, the Secretary of the Navy, to investigate military uses for aviation within the Navy.</li>
          <li>On November 14, 1910, Ely took off in a Curtiss pusher from a temporary platform erected over the bow of the light cruiser USS Birmingham.</li>
          <li>The airplane plunged downward as soon as it cleared the 83-foot platform runway; and the aircraft wheels dipped into the water before rising.</li>
          <li>Ely promptly landed on a beach rather than circling the harbor and landing at the Norfolk Navy Yard as planned.</li>
        </ul>
        <h5><em><b>Eugene Ely's Daring Landing</em></b></h5>
        <ul>
          <li>Taking off a ship was on thing. Landing on one was quite another. Despite the somewhat harrowing flight off the Birmingham, Ely was ready to try.</li>
          <li>The armored cruiser USS Pennsylvania was prepared and anchored in San Francisco Bay.</li>
          <li>With longer wings and hooks on the landing gear, and Ely donning a padded and bicycle inner tubes around his body in case anything went awry, all was ready on the morning of January 18, 1911.</li>
          <li>At 11:00 a.m., Ely took off from nearby Tanforan Race Track and headed for the Pennsylvania.</li>
          <li>To the Delight of thousands of spectators, Ely made a safe landing, the arresting equipment working perfectly.</li>
          <li>After lunch with the ship's captain and a few photographs, the platform was cleared and the Pennsylvania was pointed into the wind. Ely took off, flew past the crowd, and landed safely back at Tanforan.</li>
          <li id="Naval-Aviation-Was-Born"><em><b>Naval aviation was born.</em></b>
          </li>
        </ul>
        <h6><em><b>The Passing of Eugene Ely</em></b></h6>
        <ul>
          <li>The attention bestowed upon Ely after the successful Pennsylvania flights made him an even bigger star.</li>
          <li>He toured all over the United States during the remainder of 1911.</li>
          <li>On October 19, 1911, while flying at an exhibition in Macon, Georgia, his plane was late pulling out of a dive and crashed. Ely jumped clear of the wrecked aircraft, but his neck was broken, and he died a few minutes later.</li>
          <li>On what would have been his twenty-fifth birthday, his body was returned to his birthplace for burial.</li>
          <li>On February 16, 1933, Congress awarded the Distinguished Flying Cross posthumously to Ely for extraordinary achievement as pioneer civilian aviator and for his significant contribution to the development of aviation in the United States Navy.</li>
          <li>An exhibit of retired naval aircraft at Naval Air Station Norfolk in Virginia bears Ely's name, and a granite historical maker in Newport News, Virginia, overlooks the waters where Ely made his historic flight in 1911 and recalls his contribution
            to military aviation, naval in particular.</li>
          <p id="Information"><b>For more information about Eugene Ely please click on the following buttons:</b></p>
          <div class="btn-group">
            <a id="hyperlinks" type="button" href="https://en.wikipedia.org/wiki/Eugene_Burton_Ely" target="_blank">Wikipedia</a>
            <a id="hyperlinks" type="button" href="https://airandspace.si.edu/stories/editorial/eugene-ely-and-birth-naval-aviation—january-18-1911" target="_blank">Smithsonian</a>

          </div>
          <hr>
          <footer>This page was created by Richard Comeau</footer>

      </div>
    </div>
  </div>
</div>

style.css

body {
  margin-top: 60px;
  font-family: "loto", san-serif;
  color: #000000;
  background-color: #f0ead6;
}

h1{
  text-align: center;
}

h2 {
  text-align: center;
  font-size: 15px;
}

h3 {
  font-size: 30px;
  text-align: center;
  color: #444444;
}

h4 {
  font-size: 30px;
  text-align: center;
  color: #444444;
}

h5 {
  font-size: 30px;
  text-align: center;
  color: #444444;
}

h6{
  font-size: 30px;
  text-align: center;
  color: #444444;
}

#Information{
padding: 30px 0px 0px 0px;
}

#Pic-Eugen-Ely {
  border: 2px solid black;
}

.img-center {
  text-align: center;
  background-color: gray;
}

ul {
  text-align: left;
}

#Naval-Aviation-Was-Born{
  font-size: 20px;
}

.btn-group{
  display: block;
}

#hyperlinks{
  background-color: gray;
  color: #000000; 
  display: block;
  text-align: center;
  btn-color: gray;
  padding: auto;
  border: 1px solid;
}

hr{
  display: block;
  margin-top: 3em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />