|
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/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>About the Calculus & Mechanics Series • DrSuper.com</title>
<style>
:root{
--bg0:#0f1115; --bg1:#151922;
--text:#f3f5f7; --muted:rgba(243,245,247,0.78);
--gold:#f3d36c; --goldBorder:#e3c352;
--max: 1600px;
--big0: rgba(255,255,255,0.09);
--big1: rgba(255,255,255,0.05);
}
*{box-sizing:border-box}
body{
margin:0;
font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
color:var(--text);
background:
radial-gradient(900px 520px at 20% -10%, rgba(255,255,255,0.08), transparent 60%),
radial-gradient(800px 520px at 85% 0%, rgba(255,255,255,0.06), transparent 62%),
linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 32%,var(--bg0) 100%);
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max); margin:0 auto; padding:28px 24px 70px;}
.topbar{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:18px;}
.brand b{font-size:24px; display:block; color:var(--gold)}
.brand span{font-size:13.5px; color:rgba(243,245,247,0.7)}
.chips{display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end}
.chip{
padding:10px 16px; border-radius:999px; font-weight:800;
border:2px solid rgba(243,211,108,0.75); color:var(--gold);
background: rgba(0,0,0,0.25);
box-shadow: 0 0 0 1px rgba(243,211,108,0.25);
transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.chip:hover{
transform: translateY(-1px);
box-shadow: 0 0 0 2px rgba(243,211,108,0.9), 0 8px 26px rgba(0,0,0,0.45);
background: rgba(0,0,0,0.35);
}
.hero{
margin-top:22px;
border:4px solid rgba(243,211,108,0.85);
border-radius:32px;
padding: 18px 26px 20px; /* tighter top & bottom */
background:linear-gradient(180deg,var(--big0),var(--big1));
box-shadow:
0 0 0 2px rgba(243,211,108,0.35),
0 28px 90px rgba(0,0,0,0.65);
margin-bottom: 14px;
}
.hero h1{
margin:0 0 10px;
font-size: clamp(36px, 4vw, 64px);
color: var(--gold);
letter-spacing: .2px;
}
.hero .lead{
font-size:22px;
line-height:1.35;
font-weight:900;
color:var(--gold);
margin: 0 0 8px;
}
.hero .essay{
font-size:18px;
line-height:1.6;
color:rgba(243,245,247,0.88);
margin: 6px 0 8px; /* was larger or default */
padding-bottom: 6px;
}
.hero .cta{
margin-top: 16px;
display:flex;
gap: 12px;
justify-content:center;
flex-wrap:wrap;
}
.hero p{
margin: 6px 0; /* tight paragraph spacing */
}
.hero p:last-child{
margin-bottom: 2px;
}
.btn{
display:inline-block;
padding:12px 18px;
border-radius:999px;
font-weight:900;
border: 2px solid rgba(243,211,108,0.75);
color: var(--gold);
background: rgba(0,0,0,0.25);
}
.btn:hover{
box-shadow: 0 0 0 2px rgba(243,211,108,0.9), 0 10px 26px rgba(0,0,0,0.45);
}
.grid{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap:18px;
}
@media(max-width:1050px){ .grid{grid-template-columns: repeat(2,1fr);} }
@media(max-width:680px){ .grid{grid-template-columns: 1fr;} }
.card{
border-radius:24px;
border:2px solid rgba(243,211,108,0.65);
background: rgba(255,255,255,0.05);
box-shadow: 0 0 0 1px rgba(243,211,108,0.18), 0 14px 46px rgba(0,0,0,0.52);
padding:14px 14px 12px;
min-height:104px; /* SHORTER boxes */
display:block;
transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover{
transform: translateY(-1px);
box-shadow: 0 0 0 2px rgba(243,211,108,0.85), 0 22px 60px rgba(0,0,0,0.62);
border-color: rgba(243,211,108,0.90);
}
.card h3{
margin:0 0 8px;
font-size: 16px;
line-height: 1.18;
font-weight: 900;
color: rgba(243,211,108,0.95);
}
.card p{
margin:0;
color: rgba(243,245,247,0.86);
font-size: 13.5px;
line-height: 1.3;
display:-webkit-box;
-webkit-line-clamp: 3; /* keep height compact */
-webkit-box-orient: vertical;
overflow:hidden;
}
.card-special h3{color: rgba(243,211,108,1)}
footer{
margin-top:22px;
color:rgba(243,245,247,0.7);
font-size:14px;
text-align:center;
}
.page-title{color:var(--gold);}
</style>
</head>
<body>
<div class="wrap">
<div class="topbar">
<div class="brand">
<b>About the Calculus & Mechanics Series</b>
</div>
<div class="chips">
<a class="chip" href="index.html">🏠 DrSuper Site</a>
</div>
</div>
<section class="hero">
<p class="lead">
For teachers and parents: a complete, story‑powered pathway into calculus thinking—built around motion and the three stacked DiVA charts (Distance‑Velocity‑Acceleration).
</p>
<p class="essay">
This series grew out of weekly Math Circles (starting 2022–23). Each session opened with a short historical spark—often inspired by the 3Blue1Brown Calculus series and a “short history” reading—and then turned into hands‑on discovery. Students explore first; we formalize second: they read a graph, predict what comes next, and explain why.
</p>
<p class="essay">
Every Adventure has two paths: <b>(1)</b> a student online version with story + charts + answer‑checking, and <b>(2)</b> a teacher pathway we’ll compile into one printable PDF guide (lesson flow, prompts, and notes). The cards below summarize each Adventure and its story hook.
</p>
<p class="essay">
We developed DiVA in our Math Circles after seeing that students understand change better by reading graphs before using formulas. DiVA stands for Distance–Velocity–Acceleration, shown as three stacked charts that tell one visual story of motion. DiVA became the common thread across all Adventures—grounding calculus in motion, prediction, and explanation.
</p>
</section>
<section class="grid">
<a class="card" href="CalculusMechanics/adventure_1_home.html" title="🌍 Adventure 1 — Measuring the World (Calculus & Mechanics Intro)">
<h3>🌍 Adventure 1 — Measuring the World (Calculus & Mechanics Intro)</h3>
<p>Ready to measure the Earth with a stick? Eratosthenes used one shadow and one angle to find the size of the planet. You’ll use the same idea to see how a tiny local measurement can reveal something enormous.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_2_home.html" title="🍎 Adventure 2 — The Apple and the Secret of Slope">
<h3>🍎 Adventure 2 — The Apple and the Secret of Slope</h3>
<p>Newton’s apple leads to a powerful idea: slope at an instant. You’ll zoom in on a second-degree curve and use a tangent line to read change right now.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_3_home.html" title="📐 Adventure 3 — Derivative Formulas Through Geometry">
<h3>📐 Adventure 3 — Derivative Formulas Through Geometry</h3>
<p>By growing a square and a cube by a tiny amount dx, you can *see* where 2x and 3x² come from.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_4_home.html" title="🧬 Adventure 4 — Falling Objects">
<h3>🧬 Adventure 4 — Falling Objects</h3>
<p>What really happens when something falls? Follow gravity through graphs instead of equations, the way Galileo first began to understand motion. Study DiVA Charts: Distance, Velocity, and Accelaration.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_5_home.html" title="🍎 Adventure 5 — Drag Racing">
<h3>🍎 Adventure 5 — Drag Racing</h3>
<p>See whathappens in drag races and how is that similar to when something falls. DiVA Charts again can explain the motion!</p>
</a>
<a class="card" href="CalculusMechanics/adventure_6_home.html" title="🏁 Adventure 6 — Going Fast, Then Slow">
<h3>🏁 Adventure 6 — Going Fast, Then Slow</h3>
<p>Why does motion speed up… then slow down? By watching areas grow and change, you’ll see how total motion is built from tiny pieces.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_7_home.html" title="🚀 Adventure 7 — Rockets and Changing Motion">
<h3>🚀 Adventure 7 — Rockets and Changing Motion</h3>
<p>When acceleration won’t stay constant, the rules change mid-flight. Rockets show how calculus handles motion that refuses to stay simple.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_8_home.html" title="🧭 Adventure 8 — DiVA: The Layer That Changed the World">
<h3>🧭 Adventure 8 — DiVA: The Layer That Changed the World</h3>
<p>Distance, velocity, and acceleration stack together into a single picture. This layered view of motion changed science forever.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_9_home.html" title="☢️ Adventure 9 — Exponential Change">
<h3>☢️ Adventure 9 — Exponential Change</h3>
<p>Some things grow explosively. Others fade away quietly. From radioactive decay to population growth, one special curve explains it all.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_10_home.html" title="⚖️ Adventure 10 — Exponential Change">
<h3>⚖️ Adventure 10 — Exponential Change</h3>
<p>Some things grow explosively. Others fade away quietly. From radioactive decay to population growth, one special curve explains it all.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_11_home.html" title="🔍 Adventure 11 — Sneaking Up on a Point">
<h3>🔍 Adventure 11 — Sneaking Up on a Point</h3>
<p>What happens if you get closer and closer without touching? Limits appear naturally as a way to understand behavior near a point.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_12_home.html" title="🏔️ Adventure 12 — Peaks and Valleys">
<h3>🏔️ Adventure 12 — Peaks and Valleys</h3>
<p>Where is the highest point? The lowest? Use slope alone to find best and worst outcomes — no guessing allowed.</p>
</a>
<a class="card" href="CalculusMechanics/adventure_13_home.html" title="🧱 Adventure 13 — Drawing Curves from Tables">
<h3>🧱 Adventure 13 — Drawing Curves from Tables</h3>
<p>Can numbers alone reveal a curve? First and second differences let you sketch functions before knowing their formulas.</p>
</a>
<!--
<a class="card card-special" href="CalculusMechanics/Teacher_Guide_Full.pdf" title="Teacher PDF (coming soon)">
<h3>📘 Teacher PDF (Complete Guide — coming soon)</h3>
<p>One compiled PDF for teachers and parents: pacing notes, story prompts, and answer keys for the full series.</p>
</a>
-->
<a class="card card-special" href="under_construction.html" title="Teacher PDF (coming soon)">
<h3>📘 Teacher PDF (Complete Guide — coming soon)</h3>
<p>One compiled PDF for teachers and parents: pacing notes, story prompts, and answer keys for the full series.</p>
</a>
<a class="card card-special" href="https://www.youtube.com/playlist?list=PLZHQObOWTQDMsr9K-rj53DwVRMYO3t5Yr" target="_blank" rel="noopener" title="3Blue1Brown Calculus">
<h3>📺 Calculus (3Blue1Brown — full video series)</h3>
<p>The visual intuition engine behind many of our conversations—watch, then return to the Adventures.</p>
</a>
</section>
<footer>© 2026 DrSuper.com • Dr. Super & Spark (Powered by ChatGPT)</footer>
</div>
</body>
</html>