|
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 : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Adventure 7 — Rocket Launch</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
body {
font-size: 18px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
margin: 0;
padding: 0;
background: #f5f5fb;
color: #222;
}
.wrap{
padding: 12px 18px;
max-width: 1600px;
margin: 0 auto;
}
.page {
width: 100%;
box-sizing: border-box;
padding: 1.8rem 5vw 3rem;
background: #ffffff;
max-width: 1250px;
margin: 0 auto;
}
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.4rem; margin-bottom: 0.4rem; font-size: 1.55rem; }
p { margin: 0.35rem 0 0.7rem; line-height: 1.55; }
ul { margin-top: 0.3rem; padding-left: 1.2rem; }
li { margin: 0.25rem 0; }
a { color: #1f4ed8; text-decoration: none; }
a:hover { text-decoration: underline; }
.toplinks { font-size: 0.95rem; margin-bottom: 0.8rem; }
.card {
border: 1px solid #dde3ff;
background: #f6f7ff;
border-radius: 14px;
padding: 1rem 1rem 0.95rem;
margin-top: 0.7rem;
}
.callout {
background: #f3f6ff;
border-radius: 10px;
border: 1px solid #dde3ff;
padding: 0.9rem 1rem;
font-size: 0.98rem;
margin: 1rem 0;
}
.questions {
background: #fff9e5;
border-radius: 10px;
border: 1px solid #f0e0a0;
padding: 0.9rem 1rem;
font-size: 0.98rem;
margin: 1rem 0;
}
.blank{display:none;}
.blank.sm { min-width: 120px; }
.blank.lg { min-width: 360px; }
code { background:#fff; border:1px solid #d9def5; padding:2px 6px; border-radius:8px; }
.footer {
margin-top: 2.2rem;
font-size: 0.9rem;
color: #777;
text-align: left;
border-top: 1px solid #eee;
padding-top: 0.8rem;
}
/* --- Adventure 4 two-column layout (questions left, chart right) --- */
.page { max-width: none !important; } /* full width */
.two-col {
display: grid;
grid-template-columns: 1.45fr 0.55fr;
gap: 2rem;
align-items: start;
clear: both;
}
.right-col { text-align: center; }
.chart-sticky {
position: sticky;
top: 1rem;
}
@media (max-width: 900px) {
.two-col { grid-template-columns: 1.45fr 0.55fr; }
.chart-sticky { position: static; }
}
/* --- Interactive answer inputs (Adventure style) --- */
input[type="text"], input[type="number"]{
width: 100%;
max-width: 260px;
padding: 0.35rem 0.45rem;
font-size: 18px;
border-radius: 8px;
border: 1px solid #c3cade;
margin-top: 0.25rem;
box-sizing: border-box;
}
textarea{
width: 100%;
max-width: 520px;
padding: 0.45rem 0.55rem;
font-size: 0.95rem;
border-radius: 10px;
border: 1px solid #c3cade;
margin-top: 0.25rem;
box-sizing: border-box;
line-height: 1.45;
}
.row-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem 1.6rem;
margin-top: 0.6rem;
clear: both;
}
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;
}
/* Hover */
button:hover {
background: #f3f7ff;
}
/* Pressed */
button:active {
background: #cddcff;
box-shadow: 0 1px 0 #4f6fe6;
transform: translateY(2px);
}
/* Optional: "checked" feeling after click */
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);
}
.incorrect {
background-color: #fde3e3 !important;
border-color: #cc3d3d !important;
}
.hint, .solution {
margin-top: 0.9rem;
padding: 0.8rem 0.9rem;
border-radius: 10px;
border: 1px solid #dde3ff;
background: #f6f7ff;
font-size: 0.92rem;
display: none;
}
@media (max-width: 900px) {
.row-grid { grid-template-columns: 1fr; }
}
.right-col{position:sticky; top:1rem; align-self:start;}
/* === DiVA chart sizing (best fit) === */
.chart-box{
height: 540px; /* best-fit: tall enough for readability, keeps 2-column balance */
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}</style>
</head>
<body>
<div class="page" style="max-width:980px;">
<div class="wrap">
<div style="display:flex; flex-wrap:wrap; gap:12px; margin-bottom:0.8rem;">
<a href="index.html"><button class="secondary">🧭 Hub</button></a>
<a href="adventure_7_story.html"><button class="secondary">📖 Story</button></a>
<a href="adventure_7_activity_student.html"><button class="secondary">✅ Activity</button></a>
<span id="score" class="subtitle" style="margin:0; padding:0;"></span>
</div>
<h1>🚀 Adventure 7 — Rocket Launch</h1>
<div class="subtitle">
Momentum changes lead to force — and when <b>mass</b> and <b>velocity</b> both change, calculus needs the <b>product rule</b>.
</div>
<h2>🎯 What you will learn</h2>
<div class="card">
<ul style="margin:0.2rem 0 0.2rem 1.1rem;">
In this adventure you will explore the relationship between mass, velocity, momentum, and force in the context of a simplified 60-minute rocket launch. You will understand that:
<li><b>Velocity is slope</b> of distance.</li>
<li><b>Acceleration is slope</b> of velocity.</li>
<li><b>Momentum:</b> <strong>p(t)=m(t)v(t)</strong></li>
<li><b>Force:</b> <strong>F(t)=p′(t)=m(t)a(t)+v(t)m′(t)</strong></li>
</ul>
</div>
<h2>📖 1. Read / Listen: Story</h2>
<div class="card">
<ul>
<li>📖 <strong><a href="adventure_7_story.html">“A Short History of Stargazing and Space Travel”</a></strong></li>
<p>
What started with looking up at the night sky turned into understanding how things move through space. Step by step, those ideas connected—until we could launch rockets and follow their paths across the solar system.
</p>
</ul>
</div>
<h2>🎥 2. Watch the Video</h2>
<div class="card">
<p>
<strong><a href="https://www.youtube.com/watch?v=eGGEh_Y82qM" target="_blank" rel="noopener">Falcon Heavy Europa Clipper Launch</a></a></strong>
<p>Watch closely—notice how the rocket tilts after liftoff, how the boosters separate, and how burning fuel changes its motion. Follow what happens next as it heads toward orbit and begins a journey that can even use gravity to slingshot farther into space.</p>
</p>
</div>
<h2>🎥 3. Watch the Video</h2>
<div class="card">
<p>
<strong><a href="https://www.youtube.com/watch?v=YG15m2VwSjA&list=PLZHQObOWTQDMsr9K-rj53DwVRMYO3t5Yr&index=4" target="_blank" rel="noopener">3Blue1Brown — Visualizing the Chain Rule and the product rule | Chapter 4, Essence of calculus</a></a></strong>
<p>
This video will show you how the product rule works and why it’s essential for understanding how changing mass and velocity together affect momentum and force. You’ll see how the chain rule connects to the product rule, and how these ideas are fundamental to calculus. The rocket’s motion is a chain of changes—fuel burns, mass drops, speed shifts, direction adjusts. The 3Blue1Brown video shows how to follow that chain and make sense of it.
</p>
</div>
<h2>✏️ 4. Do the Adventure 7 Activity</h2>
<div class="card">
<ul>
<li>✏️ <strong><a href="adventure_7_activity_student.html">Activity</a></strong></li>
<p>Rocket science isn’t just a saying—it really is rocket science. As fuel burns, everything changes, so the motion keeps shifting in ways you can’t predict at a glance. Stick with it and you’ll see how something that looks complicated starts to make perfect sense.</p>
</ul>
</div>
<div class="footer">Dr. Super & Spark — Powered by ChatGPT</div>
</div>
</body>
</html>