अंतरिक्ष से जुड़े तथ्य और समयरेखा: ब्रह्मांड के चमत्कार

31 iroger7

संपादक में खोलें अपना कोड प्रकाशित करें

अंतरिक्ष से जुड़े तथ्य और समयरेखा: ब्रह्मांड के चमत्कार

अनुशंसित

23 August 2024

व्याख्याता एमपी3 और एचटीएमएल सीएसएस और जेएस

18 August 2024

होवर और धुंधला प्रभाव वाली साइटों की गैलरी

11 August 2025

P5.js और CSS के साथ HTML टेम्पलेट

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>The Infinite Wonders of Space</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    /* Elegant cosmic styling */
    body {
      background: linear-gradient(135deg, #0d1b2a, #1b263b);
      color: #e0e1dd;
      font-family: 'Segoe UI', sans-serif;
      margin: 0;
      padding: 0;
      line-height: 1.6;
    }
    header {
      text-align: center;
      padding: 2rem 1rem;
      background: rgba(27, 38, 54, 0.8);
      box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    }
    h1 {
      color: #ffdd57;
      font-size: 2.5rem;
      margin-bottom: 0.3rem;
    }
    .intro, .section {
      max-width: 900px;
      margin: 2rem auto;
      background: rgba(27, 38, 54, 0.7);
      border-radius: 12px;
      padding: 2rem;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    h2 {
      color: #a3cef1;
      margin-top: 1.5rem;
      margin-bottom: 1rem;
    }
    .facts-list {
      columns: 2 300px;
      column-gap: 2rem;
      list-style: none;
      padding: 0;
    }
    .facts-list li {
      margin-bottom: 0.8rem;
      padding-left: 0.6rem;
      border-left: 3px solid #a3cef1;
      background: rgba(163, 206, 241, 0.1);
      border-radius: 4px;
      transition: background 0.3s;
    }
    .facts-list li:hover {
      background: rgba(255, 221, 87, 0.2);
    }
    .fact-highlight:hover {
      color: #ffdd57;
      cursor: help;
    }
    footer {
      text-align: center;
      font-size: 1rem;
      padding: 1.5rem 0;
      color: #8892b0;
    }
    /* Subtle fade-in animation for sections */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .intro, .section {
      animation: fadeIn 0.8s ease-in-out;
    }
  </style>
</head>
<body>
  <header>
    <h1>The Infinite Wonders of Space</h1>
    <p>Discover the boundless universe and 130 dazzling facts about space.</p>
  </header>

<div class="intro">
    <p>Space may well be infinite—expanding beyond our observable horizon, filled with mysteries waiting to be uncovered. Explore why scientists believe in its infinity, and journey through 130 mind-bending facts about stars, planets, galaxies, and cosmic phenomena.</p>
  </div>

<div class="section">
    <h2>Why Space Might Be Infinite</h2>
    <ul>
      <li><strong>Flat geometry:</strong> Observations suggest the universe is spatially flat, which supports the idea of infinite extent.</li>
      <li><strong>Cosmological principle:</strong> The universe appears uniform and isotropic at large scales—no edge or center.</li>
      <li><strong>Endless expansion:</strong> Space itself is stretching; there's no known boundary.</li>
      <li><strong>Beyond visibility:</strong> We can see only as far as light has traveled since the Big Bang—what lies beyond remains unknown.</li>
    </ul>
  </div>

<div class="section">
    <h2>21 Amazing Space Facts</h2>
    <ol class="facts-list">
      
      
      <li>Jupiter has the most moons of any planet, with over 67 known (fact 131 in some lists).</li>
      <li>The average journey time for a space shuttle to reach space is about 8 minutes.</li>
      <li>Space officially begins at the Kármán line, about 62 miles (100 km) above Earth.</li>
      <li>Sound cannot travel in space due to the lack of a medium.</li>
      <li>Space telescopes like Hubble help refine the age of the universe.</li>
      <li>The Hubble Space Telescope cost approximately $1.5 billion to build.</li>
      <li>Hubble is powered by solar energy via two large solar panels.</li>
      <li>The Kepler telescope carries the largest camera ever launched into space.</li>
      <li>The James Webb Space Telescope is about 100 times more powerful than Hubble.</li>
      <li>The term “astronaut” comes from Greek, meaning “star sailor.”</li>
      <li>An astronaut’s spacesuit can cost around $12 million each.</li>
      <li>Astronauts often grow up to two inches taller in microgravity.</li>
      <li>The first mission to a comet, Rosetta, occurred in 2014.</li>
      <li>Voyager 1 has been traveling through space for nearly 40 years and is expected to last at least another decade.</li>
      <li>Astronauts typically train for two years before going to space.</li>
      <li>To become a NASA astronaut, one must be a U.S. citizen.</li>
      <li>NASA selects new astronaut candidates approximately every two years.</li>
      <li>Astronauts aboard the ISS experience a sunrise every 90 minutes.</li>
      <li>The longest continuous time spent in space by one person is 438 days.</li>
      <li>The International Space Station was built collaboratively by 14 nations.</li>
      <li>The ISS orbits Earth roughly every 90 minutes.</li>
    </ol>
  </div>

<footer>
    <p>Hover over any fact to highlight it. Feel free to explore, learn, and be inspired by the infinite universe!</p>
  </footer>
</body>
</html>
<div class="section">
  <h2>Timeline of Space Exploration</h2>
  <div class="timeline">
    <div class="timeline-entry left">
      <div class="timeline-content">
        <h3>1957</h3>
        <p><strong>Sputnik 1</strong> - First artificial satellite launched by the Soviet Union.</p>
      </div>
    </div>
    <div class="timeline-entry right">
      <div class="timeline-content">
        <h3>1961</h3>
        <p><strong>Yuri Gagarin</strong> - First human in space (Vostok 1, USSR).</p>
      </div>
    </div>
    <div class="timeline-entry left">
      <div class="timeline-content">
        <h3>1969</h3>
        <p><strong>Apollo 11</strong> - First humans on the Moon (Neil Armstrong, Buzz Aldrin).</p>
      </div>
    </div>
    <div class="timeline-entry right">
      <div class="timeline-content">
        <h3>1977</h3>
        <p><strong>Voyager 1 & 2</strong> - Launched to study the outer solar system and interstellar space.</p>
      </div>
    </div>
    <div class="timeline-entry left">
      <div class="timeline-content">
        <h3>1990</h3>
        <p><strong>Hubble Space Telescope</strong> - Launched, revolutionizing our view of the cosmos.</p>
      </div>
    </div>
    <div class="timeline-entry right">
      <div class="timeline-content">
        <h3>2012</h3>
        <p><strong>Curiosity Rover</strong> - Successfully lands on Mars.</p>
      </div>
    </div>
    <div class="timeline-entry left">
      <div class="timeline-content">
        <h3>2021</h3>
        <p><strong>James Webb Space Telescope</strong> - Launched to peer deeper into the universe.</p>
      </div>
    </div>
  </div>
</div>

अनुशंसित

व्याख्याता एमपी3 और एचटीएमएल सीएसएस और जेएस

होवर और धुंधला प्रभाव वाली साइटों की गैलरी

P5.js और CSS के साथ HTML टेम्पलेट

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS