YP

mail@pastecode.io avatar
unknown
html
2 years ago
13 kB
2
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Space: A One-Way Ticket</title>
  <link rel="stylesheet" href="https://code.s3.yandex.net/web-code/normalize.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="page">
    <header class="header">
      <div class="header__container">
        <h2 class="header__title">Don't panic!</h2>
      </div>
    </header>
    <section class="cover">
      <div class="cover__container">
        <h1 class="cover__title">Space: A One-Way Ticket</h1>
        <p class="cover__subheading">Fantasy writers have long documented the hardships endured by space travelers. 
          But as engineers began solving one problem after another, their ideas evolved from "you have to be prepared 
          to sacrifice yourself" to "this is so cool!"</p>
      </div>
    </section>
    <main class="content">
      <div class="content__columns">
        <div class="content__column">
          <div class="content__column-image content__column-image_hero_laika"></div>
          <div class="column__description">
            <h3 class="content__column-title">Laika</h3>
            <blockquote class="column__quote">"But after all, supposing all difficulties surmounted, 
              all obstacles removed, supposing everything combined to favor you, and granting that you 
              may arrive safe and sound in the moon, how will you come back?<br>
                      I am not coming back!"</blockquote>
            <cite class="column__quote-cite">Jules Verne, From the Earth to the Moon, 1865</cite>
            <p class="column__text">Like the other space dogs, Laika was found on the street. 
              She was a perfect match. A small specimen weighing in at just six kilograms, smart, 
              and not a picky eater, so very much amenable to food in tubes. She was tough too, 
              having survived an operation to attach sensors to her ribs, with the wire coming out of her skin. 
              That's not to mention the week she spent in zero gravity. Her light-colored fur made her look 
              good in black and white pictures. Nevertheless, the honor of being the first living organism in 
              space was also a death sentence, since the vessel was only the second satellite in history and 
              didn't have a descent module. Laika was selected because she wasn't a big hit at the Institute 
              of Aviation Medicine's kennel. They would have felt bad sending any of the dogs, but less so with Laika.</p>
            <div class="share">
              <p class="share__text">Share:</p>
              <a href="#" class="share__icon share__icon_social_fb">
                <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm1.3 12.5v6.6h-2.8v-6.6H9.2v-2.2h1.3V8.9c0-1.8.8-2.9 3-2.9h1.8v2.3h-1.1c-.9 0-1 .3-1 .9v1h2l-.1 2.3h-1.8z" fill="#000"/></svg>
              </a>
              <a href="#" class="share__icon share__icon_social_instagram">
                <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0a24 24 0 100 48 24 24 0 000-48zm-5.28 11.28A90.9 90.9 0 0124 11.2c3.47 0 3.9.02 5.27.08a9.2 9.2 0 013.11.6c.85.32 1.56.76 2.27 1.47a6.28 6.28 0 011.48 2.27c.31.8.53 1.74.6 3.1.05 1.37.07 1.8.07 5.28 0 3.48-.02 3.91-.08 5.28a9.49 9.49 0 01-.6 3.1 6.28 6.28 0 01-1.47 2.27 6.26 6.26 0 01-2.27 1.48 9.4 9.4 0 01-3.1.6c-1.37.06-1.8.07-5.28.07-3.48 0-3.91-.01-5.28-.08a9.4 9.4 0 01-3.1-.6 6.27 6.27 0 01-2.27-1.47 6.27 6.27 0 01-1.48-2.27 9.4 9.4 0 01-.6-3.1c-.05-1.37-.07-1.8-.07-5.28 0-3.48.02-3.91.08-5.28a8.9 8.9 0 01.6-3.1c.32-.85.76-1.56 1.47-2.27a6.27 6.27 0 012.27-1.48 9.4 9.4 0 013.1-.6z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.85 13.5H24c3.42 0 3.82.02 5.17.08 1.25.06 1.93.27 2.38.44.6.23 1.02.51 1.47.96.45.45.73.87.96 1.47.17.45.38 1.13.44 2.38.06 1.35.07 1.75.07 5.17 0 3.41 0 3.82-.07 5.17a7.08 7.08 0 01-.44 2.37c-.23.6-.51 1.03-.96 1.47-.45.45-.87.73-1.47.96a6.8 6.8 0 01-2.38.44c-1.35.06-1.75.08-5.17.08s-3.82-.02-5.17-.08a7.1 7.1 0 01-2.38-.44 3.8 3.8 0 01-1.47-.96 3.97 3.97 0 01-.96-1.47 7.07 7.07 0 01-.44-2.37 89.52 89.52 0 01-.07-5.18c0-3.41.01-3.82.07-5.17a7.3 7.3 0 01.44-2.37c.23-.6.51-1.03.96-1.48a4 4 0 011.47-.95 7.07 7.07 0 012.38-.44 71.1 71.1 0 014.02-.08zm7.98 2.13a1.54 1.54 0 100 3.07 1.54 1.54 0 000-3.07zM17.43 24a6.57 6.57 0 1113.15 0 6.57 6.57 0 01-13.15 0z" fill="#000"/><path d="M24 19.73a4.27 4.27 0 110 8.54 4.27 4.27 0 010-8.54z" fill="#000"/></svg>
              </a>
            </div>
          </div>
        </div>
        <div class="content__column">
          <div class="content__column-image content__column-image_hero_lunohod"></div>
          <div class="column__description">
            <h3 class="content__column-title">Lunokhod-1</h3>
            <blockquote class="column__quote">"…drier in this vacuum than the parched sands of the Sahara, it flowed as easily and 
              effortlessly as any liquid. A heavy object dropped into it would disappear instantly, without a splash, leaving no scar 
              to mark its passage. Nothing could move upon its treacherous surface except the small, two-man dust-skis."</blockquote>
            <cite class="column__quote-cite">Arthur Clarke, A Fall of Moondust, 1961</cite>
            <p class="column__text">The plan had always been to leave Lunokhod on the Moon due to fears that it 
              wasn't capable of making it off. Thomas Gold's theory was prominent at the time, which held that 
              the Moon was covered by a layer of fine rock powder stemming from "the ceaseless bombardment of its 
              surface by Solar System debris." This is why the lunar module was designed to have treads. However, 
              this increased friction and the load placed on the weak motor. Volcanologists disagreed with the leading 
              theory among astronomers, claiming that there was a striking resemblance between the lunar landscape and 
              the terrain in Kamchatka. Korolyov agreed, and decided to expect a sufficiently hard surface similar to pumice. 
              Turns out he was right, although there's plenty of dust on the Moon too. It covered the solar panels on 
              the rover the American astronauts used. This didn't happen with Lunokhod-1 was because its speed of 
              two kilometers per hour wasn't fast enough to kick up dust.</p>
            <div class="share">
              <p class="share__text">Share:</p>
              <a href="#" class="share__icon share__icon_social_fb">
                <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm1.3 12.5v6.6h-2.8v-6.6H9.2v-2.2h1.3V8.9c0-1.8.8-2.9 3-2.9h1.8v2.3h-1.1c-.9 0-1 .3-1 .9v1h2l-.1 2.3h-1.8z" fill="#000"/></svg>
              </a>
              <a href="#" class="share__icon share__icon_social_instagram">
                <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0a24 24 0 100 48 24 24 0 000-48zm-5.28 11.28A90.9 90.9 0 0124 11.2c3.47 0 3.9.02 5.27.08a9.2 9.2 0 013.11.6c.85.32 1.56.76 2.27 1.47a6.28 6.28 0 011.48 2.27c.31.8.53 1.74.6 3.1.05 1.37.07 1.8.07 5.28 0 3.48-.02 3.91-.08 5.28a9.49 9.49 0 01-.6 3.1 6.28 6.28 0 01-1.47 2.27 6.26 6.26 0 01-2.27 1.48 9.4 9.4 0 01-3.1.6c-1.37.06-1.8.07-5.28.07-3.48 0-3.91-.01-5.28-.08a9.4 9.4 0 01-3.1-.6 6.27 6.27 0 01-2.27-1.47 6.27 6.27 0 01-1.48-2.27 9.4 9.4 0 01-.6-3.1c-.05-1.37-.07-1.8-.07-5.28 0-3.48.02-3.91.08-5.28a8.9 8.9 0 01.6-3.1c.32-.85.76-1.56 1.47-2.27a6.27 6.27 0 012.27-1.48 9.4 9.4 0 013.1-.6z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.85 13.5H24c3.42 0 3.82.02 5.17.08 1.25.06 1.93.27 2.38.44.6.23 1.02.51 1.47.96.45.45.73.87.96 1.47.17.45.38 1.13.44 2.38.06 1.35.07 1.75.07 5.17 0 3.41 0 3.82-.07 5.17a7.08 7.08 0 01-.44 2.37c-.23.6-.51 1.03-.96 1.47-.45.45-.87.73-1.47.96a6.8 6.8 0 01-2.38.44c-1.35.06-1.75.08-5.17.08s-3.82-.02-5.17-.08a7.1 7.1 0 01-2.38-.44 3.8 3.8 0 01-1.47-.96 3.97 3.97 0 01-.96-1.47 7.07 7.07 0 01-.44-2.37 89.52 89.52 0 01-.07-5.18c0-3.41.01-3.82.07-5.17a7.3 7.3 0 01.44-2.37c.23-.6.51-1.03.96-1.48a4 4 0 011.47-.95 7.07 7.07 0 012.38-.44 71.1 71.1 0 014.02-.08zm7.98 2.13a1.54 1.54 0 100 3.07 1.54 1.54 0 000-3.07zM17.43 24a6.57 6.57 0 1113.15 0 6.57 6.57 0 01-13.15 0z" fill="#000"/><path d="M24 19.73a4.27 4.27 0 110 8.54 4.27 4.27 0 010-8.54z" fill="#000"/></svg>
              </a>
            </div>
          </div>
        </div>
        <div class="content__column">
          <div class="content__column-image content__column-image_hero_tesla"></div>
          <div class="column__description">
            <h3 class="content__column-title">Tesla and Starman</h3>
            <blockquote class="column__quote">"The Hitchhiker's Guide to the Galaxy. It tells you everything you need to know 
              about anything. Arthur turned it over nervously in his hands. "I like the cover," he muttered. "'Don't Panic.' 
              It's the first helpful or intelligible thing anybody's said to me all day."</blockquote>
            <cite class="column__quote-cite">Douglas Adams, The Restaurant at the End of the Universe from the Hitchhiker's Guide to the Galaxy trilogy, 1980</cite>
            <p class="column__text">NASA didn't want to risk sending scientific equipment up in the Falcon Heavy, 
              so Elon Musk sent his Tesla Roadster to Mars, with a mannequin by the name of Starman behind the wheel. 
              A copy of Douglas Adams' Hitchhiker's Guide to the Galaxy was in the glove compartment. "Don't panic" 
              was written on the screen, a phrase splashed across the cover of the Guide. On November 9, 2018, the car 
              completed its orbit of Mars, and is currently floating around somewhere beyond our solar system. 
              Starman isn't panicking, though. After all, there's a towel next to the book. Adams said that 
              "is about the most massively useful thing an interstellar hitchhiker can have… Any man who can hitch 
              the length and breadth of the galaxy, rough it, slum it, struggle against terrible odds, win through and 
              still know where his towel is, is clearly a man to be reckoned with."</p>
            <div class="share">
              <p class="share__text">Share:</p>
              <a href="#" class="share__icon share__icon_social_fb">
                <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm1.3 12.5v6.6h-2.8v-6.6H9.2v-2.2h1.3V8.9c0-1.8.8-2.9 3-2.9h1.8v2.3h-1.1c-.9 0-1 .3-1 .9v1h2l-.1 2.3h-1.8z" fill="#000"/></svg>
              </a>
              <a href="#" class="share__icon share__icon_social_instagram">
                <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0a24 24 0 100 48 24 24 0 000-48zm-5.28 11.28A90.9 90.9 0 0124 11.2c3.47 0 3.9.02 5.27.08a9.2 9.2 0 013.11.6c.85.32 1.56.76 2.27 1.47a6.28 6.28 0 011.48 2.27c.31.8.53 1.74.6 3.1.05 1.37.07 1.8.07 5.28 0 3.48-.02 3.91-.08 5.28a9.49 9.49 0 01-.6 3.1 6.28 6.28 0 01-1.47 2.27 6.26 6.26 0 01-2.27 1.48 9.4 9.4 0 01-3.1.6c-1.37.06-1.8.07-5.28.07-3.48 0-3.91-.01-5.28-.08a9.4 9.4 0 01-3.1-.6 6.27 6.27 0 01-2.27-1.47 6.27 6.27 0 01-1.48-2.27 9.4 9.4 0 01-.6-3.1c-.05-1.37-.07-1.8-.07-5.28 0-3.48.02-3.91.08-5.28a8.9 8.9 0 01.6-3.1c.32-.85.76-1.56 1.47-2.27a6.27 6.27 0 012.27-1.48 9.4 9.4 0 013.1-.6z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.85 13.5H24c3.42 0 3.82.02 5.17.08 1.25.06 1.93.27 2.38.44.6.23 1.02.51 1.47.96.45.45.73.87.96 1.47.17.45.38 1.13.44 2.38.06 1.35.07 1.75.07 5.17 0 3.41 0 3.82-.07 5.17a7.08 7.08 0 01-.44 2.37c-.23.6-.51 1.03-.96 1.47-.45.45-.87.73-1.47.96a6.8 6.8 0 01-2.38.44c-1.35.06-1.75.08-5.17.08s-3.82-.02-5.17-.08a7.1 7.1 0 01-2.38-.44 3.8 3.8 0 01-1.47-.96 3.97 3.97 0 01-.96-1.47 7.07 7.07 0 01-.44-2.37 89.52 89.52 0 01-.07-5.18c0-3.41.01-3.82.07-5.17a7.3 7.3 0 01.44-2.37c.23-.6.51-1.03.96-1.48a4 4 0 011.47-.95 7.07 7.07 0 012.38-.44 71.1 71.1 0 014.02-.08zm7.98 2.13a1.54 1.54 0 100 3.07 1.54 1.54 0 000-3.07zM17.43 24a6.57 6.57 0 1113.15 0 6.57 6.57 0 01-13.15 0z" fill="#000"/><path d="M24 19.73a4.27 4.27 0 110 8.54 4.27 4.27 0 010-8.54z" fill="#000"/></svg>
              </a>
            </div>
          </div>
        </div>
      </div>
    </main>
    <footer class="footer">
      <p class="footer__copyright">Made at Practicum by Yandex</p>
    </footer>
  </div>
</body>
</html>