FCC: Tribute Page

fcc-tribute-page.markdown

FCC: Tribute Page

A Pen by AlicjaHelenaM on CodePen.

License.

index.html

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<!-- Project objectives https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-tribute-page -->
<!-- based on example provided by FCC https://codepen.io/freeCodeCamp/full/zNqgVx -->

<main id="main">
  <h1 id="title">
    Professor Stephen Hawking
  </h1>
    <h2 id='title2'>
      The man who explained the universe
    </h2>
    <figure id="img-div">
    <img
      id="image"
      src="https://upload.wikimedia.org/wikipedia/commons/e/eb/Stephen_Hawking.StarChild.jpg"
      alt="image of Stephen Hawking"
    />
    <figcaption id="img-caption">
      NASA StarChild image of Stephen Hawking, the cosmologist and divulging scientist, who was elected a member of the Royal Society in 1974.
    </figcaption>
  </figure>
  <section id="tribute-info">
    <h2 id="headline">
          Here's a brief history of Professor Hawking's life:
    </h2>
    <p>
      <strong>1942</strong>
      - Born in Oxford, England 8 January 1942 (300 years after the death of Galileo).
    </p>
    <p>
      <strong>1953</strong>
      - Starts St Albans school in North London, where he develops a passion for mathematics.
    </p>
    <p>
      <strong>1959</strong>
      - Specialises in physics at University College Oxford. Graduates with a first class degree in natural sciences. 
    </p>
    <p>
      <strong>1962</strong>
      - With a degree in physics from the University of Oxford, he undertakes research in cosmology at Cambridge, completing a doctorate thesis entitled "Properties of the Expanding Universes".
    </p>
    <p>
      <strong>1963</strong>
      - Begins research in cosmology and general relativity at the University of Cambridge. He is diagnosed with an "incurable disease" at the age of 21, which is later found to be Amyotrophic Lateral Sclerosis (ALS), a rare progressive disease that effects movement and speech. He continues with his research.
    </p>
    <p>
      <strong>1966</strong>
      - Completes his doctorate and is awarded a fellowship at Gonville and Caius College, Cambridge. He works on singularities in the theory of general relativity and applies his ideas to the study of black holes. Collaborates with mathematician Roger Penrose, who was working at Birkbeck College in London.
    </p>
    <p>
      <strong>1970</strong>
      - Discovers a remarkable property: by using quantum theory and general relativity he is able to show that black holes can emit radiation.
    </p>
    <p>
      <strong>1973</strong>
      - Joins the department of applied mathematics and theoretical physics at Cambridge. In the same year he discovers, to his disbelief, that black holes could leak energy and particles into space, and even explode in a fountain of high-energy sparks.
    </p>
    <p>
      <strong>1974</strong>
      - His breakthrough discovery is published in the journal Nature, in a paper entitled Black hole Explosion? At 32 becomes one of the youngest members of the Royal Society.
    </p>
    <p>
      <strong>1977</strong>
      - Appointed professor of gravitational physics at Cambridge.
    </p>
    <p>
      <strong>1979</strong>
      - Appointed Lucasian professor of mathematics at Cambridge (a chair held by Sir Isaac Newton in 1663). 
    </p>
    <p>
      <strong>1982</strong>
      - Awarded a CBE by the Queen.
    </p>
    <p>
      <strong>1988</strong>
      - Publishes <strong>A Brief History of Time: From the Big Bang to Black Holes</strong>, a classic introduction to today's most important scientific ideas about the cosmos. Recorded in the 1998 Guinness Book of Records as an all-time bestseller.
    </p>      
    <p>
      <strong>1989</strong>
      - Made a companion of honour.
    </p>      
    <p>
      <strong>1993</strong>
      - Publishes <strong>Black Holes and Baby Universes, and other Essays</strong>, a collection of scientific articles exploring ways in which the universe may be governed.
    </p>      
    <p>
      <strong>1998</strong>
      - Publishes <strong>Stephen Hawking's Universe: The Cosmos Explained</strong>, a book about the basis of our existence and of everything around us.
    </p>      
    <p>
      <strong>2001</strong>
      - Releases <strong>Universe in a Nutshell</strong> in the UK, a book that unravels the mysteries of recent breakthroughs in physics.
    </p>      
    <p>
      <strong>2002</strong>
      - Releases <strong>On the Shoulders of Giants, The Great Works of Physics and Astronomy</strong>, an exploration of some of the greatest visionaries in the history of science including Copernicus, Kepler, Galileo, Newton and Einstein. Publishes <strong>The Theory of Everything: The Origin and Fate of the Universe</strong>, a book that presents the most complex theories of physics past and present.
    </p>      
    <p>
      <strong>2004</strong>
      - Announces that he has solved the Black Hole paradox, which has been a troubling scientists for years. He presents his most recent findings at the international conference on general relativity and gravitation in Dublin.
    </p>      
    <p>
      <strong>2007</strong>
      - Goes on a weightless flight in the United States as a prelude to a hoped-for sub-orbital spaceflight.
    </p>      
    <p>
      <strong>2014</strong>
      - The Hawking biopic The Theory of Everything, by director James Marsh, is released. British actor Eddie Redmayne goes on to win an Oscar for his portrayal of the scientist.own
    </p>
    <p>
      <strong>2018</strong>
      - Dies in Cambridge, England, on 14 March 2018
    </p>

    <blockquote 
                id="quote"
                cite="http://news.rediff.com/report/2009/sep/14/pm-pays-tribute-to-father-of-green-revolution-borlaug.htm"
    >
      <p>
        "Look up at the stars and not down at your feet. Try to make sense of what you see, and wonder about what makes the universe exist. Be curious."
      </p>
      <cite>-- Stephen William Hawking</cite>
    </blockquote>
    <h3>
      You can read more about Professor on his
      <a
        id="tribute-link"
        href="https://en.wikipedia.org/wiki/Stephen_Hawking"
        target="_blank"
       >
        Wikipedia entry
      </a>
    </h3>
  </section>
</main>

style.css

/* Project objectives https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-tribute-page */
/* based on example provided by FCC https://codepen.io/freeCodeCamp/full/zNqgVx */

@import url('https://fonts.googleapis.com/css?family=Spectral');

html {
  font-size: 10px;
}

body {
  font-family: Spectral;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
  color: #323232;
  margin: 0;
}

/* unvisited link - blue*/
a:link {
  color: #0000EE;
}
/* visited link - purple*/
a:visited {
  color: #551A8B;
}
/* mouse over link */
a:hover {
  color: #323232;
}
/* selected link - red*/
a:active {
  color: #EE0000;
}

#main {
  margin: 30px 8px;
  padding: 15px;
  border-radius: 15px;
  background: rgb(245, 245, 245);
}

#title {
  font-size: 4rem;
  margin-bottom: 0;
}

#title2 {
  font-size: 2rem;
  font-weight:1;
  margin-bottom: 5;
}

#image {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
  border-radius: 5px;
}

#img-div {
  background: white;
  padding: 10px;
  margin: auto 550px auto 550px;
  border-radius: 5px;
}

#img-caption {
  margin: 15px 0 5px 0;
  font-style: italic;
  font-size: 1.3rem;
  max-width: 550px;
  text-align: center;
  margin: 10px auto 10px auto;
}

#headline {
  margin: 50px 0;
  text-align: center;
}

#tribute-info{
  margin: 0 auto 50px auto;
  max-width: 550px;
  text-align: justify;
  text-justify: inter-word;
  line-height: 1.6;
}

#quote {
  font-style: italic;
  max-width: 550px;
  text-align: justify;
  text-justify: inter-word;
  background: white;
  padding: 10px;
  margin: 50px 0;
  border-radius: 5px;
}