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/adventure_2_solution.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Adventure 2 — Solutions</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style>
    body{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      margin:0; background:#f5f5fb; color:#222; }
    .page{ width:100%; box-sizing:border-box; padding:1.6rem 5vw 3rem; background:#fff; }
    .toplinks{ margin-bottom:0.9rem; font-size:0.95rem; }
    a{ color:#1f4ed8; text-decoration:none; }
    a:hover{ text-decoration:underline; }
    h1{ margin:0.4rem 0 0.2rem; font-size:1.8rem; text-align:left; }
    .subtitle{ color:#555; margin:0 0 1.2rem; line-height:1.45; }
    h2{ margin-top:1.5rem; margin-bottom:0.35rem; font-size:1.25rem; }
    p{ line-height:1.55; margin:0.35rem 0 0.75rem; }
    .card{ border:1px solid #dde3ff; background:#f6f7ff; border-radius:14px;
      padding:1rem 1rem 0.9rem; margin-top:0.7rem; }
    .imgwrap{
      width: 50%;
      overflow: hidden;
      border-radius: 12px;
      background: #fff;
      border: 1px solid #d9def5;
      margin: 0.6rem auto 0;
    }
    .imgwrap img{ width: 100%; height: auto; display: block; }
    code{ background:#fff; border:1px solid #d9def5; padding:2px 6px; border-radius:8px; }
   .top-buttons{
  display: flex;
  gap: 10px;
  margin-left: 12px;   /* ← move right */
}
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);
      }
    .hint{ font-size:0.85rem; color:#666; line-height:1.35; margin-top:0.5rem; }
        .tablewrap{ overflow-x:auto; margin-top:0.4rem; }
    table{ border-collapse:collapse; width:100%; background:#fff; border:1px solid #c3cade; border-radius:12px; overflow:hidden; }
    th, td{ border:1px solid #d7dcef; padding:0.55rem 0.5rem; text-align:center; font-size:0.98rem; }
    th{ background:#f3f6ff; }
  </style>
  
</head>
<body>
  <div class="page">
   <div style="display:flex; flex-wrap:wrap; gap:12px;">
        <a href="index.html"><button>🧭 Hub</button></a>
        <a href="adventure_2_home.html"><button>🏠 Home</button></a>
        <a href="adventure_2.html"><button>✏️ Activity</button></a>
   </div>

    <h1>✅ Adventure 2 — Solutions</h1>
    <div class="subtitle">
      Use this page after you try the activity. It shows the tangent picture, the rise/run idea, and the limit form using <code>h</code>.
    </div>

    <div class="card">
   
      <p class="hint">
        Tip: On the tangent segment, from t=2 to t=4 the <strong>run is 2</strong> and the <strong>rise is 12</strong>.
      </p>
    </div>

    <h2></h2>
    <div class="card">
      <div class="imgwrap">
        <img src="images/adventure_2_image_1_solution.png" alt="Adventure 2 solution image">
      </div>
      <p><strong>Slope:</strong> rise/run = 12/2 = 6.</p>
    </div>
<h2>2.2 — Table of Values</h2>
    <div class="card">
      <p class="hint" style="margin-top:0;">For <code>h(t)=t^2</code>, the completed table is:</p>
      <div class="tablewrap">
        <table>
          <thead>
            <tr><th>t</th><th>0</th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr>
          </thead>
          <tbody>
            <tr><th>h(t)</th><td>0</td><td>1</td><td>4</td><td>9</td><td>16</td><td>25</td></tr>
          </tbody>
        </table>
      </div>
    </div>
    <h2>Difference Quotient at t = 3</h2>
    <div class="card">
      <p><code>f'(3) = lim_(dt->0) ( f(3+dt) - f(3) ) / dt</code></p>
      <p>
        With <code>f(t)=t^2</code>:
        <code>( (3+dt)^2 - 9 ) / dt = (9 + 6dt + dt^2 - 9)/dt = 6 + dt</code>,
        so <code>f'(3)=6</code>.
      </p>
    </div>

    <h2>General Rule</h2>
    <div class="card">
      <p><code>f'(t) = lim_(dt->0) ( f(t+dt) - f(t) ) / dt</code></p>
      <p>
        <code>( (t+dt)^2 - t^2 ) / dt = (2t*dt + dt^2)/dt = 2t + dt</code>,
        so <code>f'(t)=2t</code>.
      </p>
    </div>
  </div>
</body>
</html>

Anon7 - 2021