diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 1204ae8..05d9c37 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -9,6 +9,15 @@
     </main>
     {{ partial "footer.html" . }}
   </body>
+
+  {{ if and .IsPage .Params.is_p5js_sketch }}
+  <script src="{{ `scripts/p5-1.4.1.min.js` | absURL }}"></script>
+  <script src="{{ `scripts/sketch-utils.js` | absURL }}"></script>"
+  {{ with .Resources.GetMatch "sketch.js" }}
+  <script src="{{ .RelPermalink }}"></script>"
+  {{ end }}
+  {{ end }}
+
   <script>
       const bodyClasses = document.body.classList;
       const systemDarkModeMatch = window.matchMedia('(prefers-color-scheme: dark)');
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 9b7c202..765748e 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -31,13 +31,6 @@
   <script defer src="{{ `scripts/highlight.min.js` | absURL }}" onload="hljs.initHighlightingOnLoad();"></script>
   {{ end }}
 
-  {{ if and .IsPage .Params.is_p5js_sketch }}
-  <script src="{{ `scripts/p5-1.4.1.min.js` | absURL }}"></script>
-  {{ with .Resources.GetMatch "sketch.js" }}
-  <script src="{{ .RelPermalink }}"></script>"
-  {{ end }}
-  {{ end }}
-
   {{ range $.Scratch.Get "social-list" }}
   <link rel="preload" as="image" href="{{ printf `%s.svg` . | absURL }}">
   {{ end }}