Connect source and output cells

Author: adewale

public/site.06e133dcde6a.css public/site.a904dac12e9b.csspublic/site.06e133dcde6a.css renamed to public/site.a904dac12e9b.css

@@ -345,7 +345,7 @@ def render_example_page(example, output=None, code=None, execution_time_ms=None)
         else "<span></span>"
     )
     walkthrough_html = "".join(
-        f'<section class="lesson-step lp-cell"><div class="lp-prose">{"".join(f"<p>{render_inline(prose)}</p>" for prose in step["prose"])}</div><div class="cell-source"><p class="cell-label">Source</p><pre><code class="language-python">{html.escape(step["code"])}</code></pre></div><div class="cell-output"><p class="cell-label">Output</p><pre><code>{html.escape(step["output"])}</code></pre></div></section>'
+        f'<section class="lesson-step lp-cell"><div class="lp-prose">{"".join(f"<p>{render_inline(prose)}</p>" for prose in step["prose"])}</div><div class="cell-code-stack"><div class="cell-source"><p class="cell-label">Source</p><pre><code class="language-python">{html.escape(step["code"])}</code></pre></div><div class="cell-output"><p class="cell-label">Output</p><pre><code>{html.escape(step["output"])}</code></pre></div></div></section>'
         for index, step in enumerate(walkthrough, 1)
     )
     notes_html = "".join(f"<li>{note}</li>" for note in notes)

public/site.css

@@ -1,3 +1,3 @@
 # Generated by scripts/fingerprint_assets.py. Do not edit by hand.
-ASSET_PATHS = {'SITE_CSS': '/site.06e133dcde6a.css', 'SYNTAX_JS': '/syntax-highlight.3b6c7f730d46.js', 'EDITOR_JS': '/editor.dd81f5171b14.js'}
-HTML_CACHE_VERSION = '55a58454dcc0'
+ASSET_PATHS = {'SITE_CSS': '/site.a904dac12e9b.css', 'SYNTAX_JS': '/syntax-highlight.3b6c7f730d46.js', 'EDITOR_JS': '/editor.dd81f5171b14.js'}
+HTML_CACHE_VERSION = 'a915f40f0ad1'