feat: Verify compile-time scaling works consistently across lectures

- Tested L1 slides 4, 7, 8, 13, 15, 18 - all pass refresh test
- Tested L2 slides 2, 6 (table-in-callout pattern) - all pass
- Compared L1 slide 22 vs L2 slide 16 styling - consistent
- Added colab_screenshot.png figure for lecture 2
- HTML/PDF now match due to compile-time scale classes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: jeremymanning

figures/colab_screenshot.png

@@ -1,5 +1,15 @@
 # Compile-Time Autoscaling Redesign Plan
 
+## Additional Requirements (User Feedback)
+
+1. **Column wrapping detection** should be handled at compile-time, not dynamically
+2. **Rename autoscale.js** to something more appropriate (e.g., `chart-animations.js`) since it will only handle chart animations after refactor
+3. **Print warning messages** when content might overflow (at compile-time)
+4. **Test slides:**
+   - Lecture 1: slides 4, 7, 8, 13, 15, 18
+   - Lecture 2: slides 3, 4 (code + content), 6 (table inside box!), 7 (code only), 10 (multiple boxes), 15
+   - Compare L1 slide 22 vs L2 slide 15 (should use similar styling)
+
 ## Executive Summary
 
 The current slide scaling system uses runtime JavaScript (`autoscale.js`) which cannot affect PDF output. This causes HTML/PDF mismatch. This plan describes how to move all scaling logic to compile-time via `process_markdown.py` and predefined CSS classes in `cdl-theme.css`.

notes/compile-time-autoscaling-plan.md

@@ -14,7 +14,7 @@ Dartmouth College
 Winter 2026
 
 ---
-
+<!-- transition: flip 0.5s --->
 # Recap from Lecture 1
 
 <div class="note-box" data-title="Key ideas">
@@ -37,9 +37,32 @@ Pattern matching can create powerful *illusions* of understanding, even without
 
 </div>
 
+---
+<!-- transition: flip 0.5s -->
+
+# Side note: follow along with [Google Colab](https://colab.research.google.com/)!
+
+<div style="display: flex; gap: 2em;">
+<div>
+
+![width:700px](../../figures/colab_screenshot.png)
+
+</div>
+<div class="tip-box" style="width: 100px !important; margin-top: 50px !important;">
+
+- Go to [colab.research.google.com](https://colab.research.google.com/)
+- Click "New notebook"
+- Click to start new `text` or `code` cells
+- Copy and paste code from slides
+- Press `Shift + Enter` to run cells
+
+</div>
+</div>
+
 
 
 ---
+<!-- transition: fade 0.25s -->
 
 # Creating the illusion of experience and understanding