From e3473e2ca39e207b67ba998120c5fcca5a53fa71 Mon Sep 17 00:00:00 2001
From: Sally McGrath <sally@codeyourfuture.io>
Date: Fri, 15 Dec 2023 16:23:55 +0000
Subject: [PATCH 1/3] I want executable runkits for Node

instead of Glitch
---
 layouts/_default/_markup/render-codeblock-runkit.html | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 layouts/_default/_markup/render-codeblock-runkit.html

diff --git a/layouts/_default/_markup/render-codeblock-runkit.html b/layouts/_default/_markup/render-codeblock-runkit.html
new file mode 100644
index 000000000..03c02d20d
--- /dev/null
+++ b/layouts/_default/_markup/render-codeblock-runkit.html
@@ -0,0 +1,3 @@
+{{ $id := print "runkit-" (substr (md5 .Inner) 0 16) }}
+<script src="https://embed.runkit.com" data-element-id="{{ $id }}"></script>
+<div id="{{ $id }}">{{ .Inner | safeHTML }}</div>

From b80a722e3ab9a3c5304a26678b8cdf17ab790fcc Mon Sep 17 00:00:00 2001
From: Sally McGrath <sally@codeyourfuture.io>
Date: Fri, 15 Dec 2023 18:35:55 +0000
Subject: [PATCH 2/3] constrain mad tables

code blocks running amok again
---
 assets/styles/03-elements/table.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/styles/03-elements/table.scss b/assets/styles/03-elements/table.scss
index 51567bbe8..12264ca11 100644
--- a/assets/styles/03-elements/table.scss
+++ b/assets/styles/03-elements/table.scss
@@ -8,6 +8,10 @@ table {
   border-image: var(--theme-border-image);
 }
 
+.highlight table {
+  width: 100%;
+}
+
 thead th {
   font: var(--theme-font--system);
   background-color: var(--theme-color--block);

From 88150fe54e41ad1222bdff25102670310ee01ca9 Mon Sep 17 00:00:00 2001
From: Sally McGrath <sally@codeyourfuture.io>
Date: Fri, 15 Dec 2023 18:36:16 +0000
Subject: [PATCH 3/3] spiff up view of runkit

It's not themeable but it can be the right size etc
---
 layouts/_default/_markup/render-codeblock-runkit.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/layouts/_default/_markup/render-codeblock-runkit.html b/layouts/_default/_markup/render-codeblock-runkit.html
index 03c02d20d..ba3a17bdc 100644
--- a/layouts/_default/_markup/render-codeblock-runkit.html
+++ b/layouts/_default/_markup/render-codeblock-runkit.html
@@ -1,3 +1,7 @@
 {{ $id := print "runkit-" (substr (md5 .Inner) 0 16) }}
 <script src="https://embed.runkit.com" data-element-id="{{ $id }}"></script>
-<div id="{{ $id }}">{{ .Inner | safeHTML }}</div>
+<div class="highlight">
+  <div style="background:var(--theme-color--paper);">
+    <div id="{{ $id }}" style="font-size:0;">{{ .Inner | safeHTML }}</div>
+  </div>
+</div>