KGRKJGETMRETU895U-589TY5MIGM5JGB5SDFESFREWTGR54TY
Server : Apache/2.4.62
System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64
User : www ( 80)
PHP Version : 8.3.8
Disable Function : NONE
Directory :  /domains/drsuper/CalculusMechanics/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /domains/drsuper/CalculusMechanics/ss_adventure_14_home.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <title>Adventure 14 – The Falling Moon (Home)</title>
  <style>
    body{
      font-size:18px;
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      margin:0;
      padding:0;
      background:#ffffff;
      color:#222;
    }
    .wrap{
      padding:12px 18px 18px;
      max-width:none;
      margin:0;
    }
    h1{margin:0.2rem 0 0.25rem;font-size:2.1rem;}
    .subtitle{color:#555;margin:0 0 1.2rem;line-height:1.45;}
    h2{margin-top:1.25rem;margin-bottom:0.45rem;font-size:1.45rem;}
    p{margin:0.35rem 0 0.75rem;line-height:1.58;}
    ul,ol{margin-top:0.3rem;padding-left:1.2rem;}
    li{margin:0.3rem 0;line-height:1.5;}
    a{color:#1f4ed8;text-decoration:none;}
    a:hover{text-decoration:underline;}
    .card{
      border:1px solid #dde3ff;
      background:#f6f7ff;
      border-radius:14px;
      padding:1rem 1rem 0.95rem;
      margin-top:0.8rem;
    }
    .callout{
      background:#fff9e5;
      border-radius:10px;
      border:1px solid #f0e0a0;
      padding:0.95rem 1rem;
      margin:1rem 0;
    }
    .two-col{
      display:grid;
      grid-template-columns:1.45fr 0.55fr;
      gap:2rem;
      align-items:start;
    }
    .right-col{
      position:sticky;
      top:1rem;
      align-self:start;
    }
    .chart-box{
      height:540px;
      border-radius:12px;
      border:1px solid #dde3ff;
      background:#ffffff;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:16px;
      box-shadow:0 6px 18px rgba(0,0,0,0.12);
      padding:10px;
      box-sizing:border-box;
    }
    .chart-box img{
      width:90%;
      height:auto;
      display:block;
      border-radius:10px;
      margin:0 auto;
    }
     
    button {
  background: #e9f0ff;
  border: 2px solid #6b8cff;
  border-radius: 0;
  padding: 10px 18px;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 3px 0 #4f6fe6;
  transition: all 0.12s ease;
}
button:hover { background: #f3f7ff; }
button:active { background: #cddcff; box-shadow: 0 1px 0 #4f6fe6; transform: translateY(2px); }
button.checked {
  background: #dff5e1;
  border-color: #3a9b3a;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
}
button.sampled {
  background: #fff3d9;
  border-color: #d9a441;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
}
    .nav-row{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-bottom:0.8rem;
      align-items:center;
    }
    .footer{
      margin-top:2.2rem;
      font-size:0.9rem;
      color:#777;
      text-align:left;
      border-top:1px solid #eee;
      padding-top:0.8rem;
    }
    @media (max-width:900px){
      .two-col{grid-template-columns:1fr;}
      .right-col{position:static;}
      .chart-box{height:auto;min-height:260px;}
    }
  </style>
</head>
<body>
<div class="wrap">

  <div class="nav-row">
    <a href="index.html"><button>🧭 Hub</button></a>
    <a href="ss_adventure_14_story.html"><button class="secondary">📜 Story</button></a>
    <a href="ss_adventure_14_activity1_student.html"><button class="secondary">🧩 Activity</button></a>
  </div>

  <h1>Adventure 14 – The Falling Moon</h1>
  <div class="subtitle">Gravity • Circular Motion • The Moon’s Orbit • Why the phases repeat</div>

  <div class="two-col">
    <div class="left-col">

      <div class="card">
        <h2>🌙 Big Question</h2>
        <p>
          The Moon moves in a repeating path around Earth, and its changing phases return in a steady rhythm of about 27–28 days.
          Why does it go around Earth instead of falling straight down? Why does it not fly away? What determines that repeating cycle?
        </p>
      </div>

      <div class="card">
        <h2>📜 Read the Story (or Listen)</h2>
        <p>
          Start with a scientific mystery: the Moon seems to be pulled by gravity, yet it keeps circling Earth in a stable path.
          Newton wondered whether the same force that pulls an apple downward also reaches all the way to the Moon.
        </p>
        <p><a href="ss_adventure_14_story.html">Open the story page</a></p>
      </div>

      <div class="card">
        <h2>🧩 What you will do</h2>
        <ol>
          <li>Review why circular motion requires acceleration toward the center.</li>
          <li>Write Newton’s gravitational force law.</li>
          <li>Set gravitational force equal to centripetal force.</li>
          <li>Derive a formula for orbital speed.</li>
          <li>Compute the Moon’s speed using real astronomical values.</li>
          <li>Compute the orbital period and compare it to the observed lunar cycle.</li>
          <li>Explain physically why the Moon stays in orbit.</li>
        </ol>
      </div>

      <div class="callout">
        <b>What to notice:</b> This adventure connects the same ideas you use for motion on Earth
        to motion in the sky. The Moon is not separate from physics on Earth. It follows the same rules.
      </div>

      <div class="card">
        <h2>🚀 Ready?</h2>
        <p>
          After the story, move to the activity page and let the mathematics reveal the hidden rule
          behind the Moon’s motion.
        </p>
        <p><a href="ss_adventure_14_activity1_student.html">Go to Activity 1</a></p>
      </div>
    </div>

    <div class="right-col">
      <div class="chart-box">
        <img src="images/adventure_14_chart.png" alt="Adventure 14 main illustration placeholder">
      </div>
    </div>
  </div>

  <div class="footer">Dr. Super &amp; Spark — Powered by ChatGPT</div>
</div>
</body>
</html>

Anon7 - 2021