Move single page scripts to a scripts block

layouts/_default/baseof.html

@@ -9,18 +9,5 @@
     {{ partial "footer.html" . }}
   </body>
 
-  <script>
-      const bodyClasses = document.body.classList;
-      const systemDarkModeMatch = window.matchMedia('(prefers-color-scheme: dark)');
-      const localStorageDarkMode = localStorage.getItem('dark');
-
-      const setDark = isDark => {
-        bodyClasses[isDark ? 'add' : 'remove']('dark');
-        localStorage.setItem('dark', isDark ? 'yes' : 'no');
-      };
-
-      setDark(localStorageDarkMode ? localStorageDarkMode === 'yes' : systemDarkModeMatch.matches);
-      requestAnimationFrame(() => bodyClasses.remove('not-ready'));
-      systemDarkModeMatch.addEventListener('change', (event) => setDark(event.matches));
-  </script>
+  {{ block "scripts" . }}{{ end }}
 </html>

layouts/_default/single.html

@@ -35,3 +35,7 @@
   {{ end }}
 </article>
 {{ end }}
+
+{{ define "scripts" }}
+{{ partial "single_scripts.html" . }}
+{{ end }}

layouts/partials/head.html

@@ -46,21 +46,6 @@
   <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink }}" title="{{ site.Title }}">
   {{ end }}
 
-  {{ if and .IsPage (.Page.Scratch.Get "includes_railroad_diagram") }}
-  <script defer type="module" src="{{ `scripts/railroad.js` | absURL }}"></script>
-  <script defer type="module" src="{{ `scripts/railroad-utils.js` | absURL }}"></script>
-  {{ end }}
-
-  {{ if and .IsPage (.Page.Scratch.Get "includes_p5_sketch") }}
-  <script defer src="{{ `scripts/p5-1.4.1.min.js` | absURL }}"></script>
-  <script defer src="{{ `scripts/sketch-utils.js` | absURL }}"></script>
-  {{ end }}
-
-  {{ range $script := .Resources.Match "*.js" }}
-  {{ $isModule := default true $script.Params.is_module }}
-  <script defer {{ if $isModule }}type="module"{{ end }} src="{{ $script.Permalink | relURL }}"></script>
-  {{ end }}
-
   <!-- Misc -->
   {{ if or hugo.IsProduction (eq site.Params.env "production") }}
   <!---->

layouts/partials/single_scripts.html

@@ -0,0 +1,12 @@
+{{ if .Page.Scratch.Get "includes_railroad_diagram" }}
+  <script defer type="module" src="{{ `scripts/railroad.js` | absURL }}"></script>
+  <script defer type="module" src="{{ `scripts/railroad-utils.js` | absURL }}"></script>
+{{ end }}
+{{ if .Page.Scratch.Get "includes_p5_sketch" }}
+    <script defer src="{{ `scripts/p5-1.4.1.min.js` | absURL }}"></script>
+    <script defer src="{{ `scripts/sketch-utils.js` | absURL }}"></script>
+{{ end }}
+{{ range $script := .Resources.Match "*.js" }}
+    {{ $isModule := default true $script.Params.is_module }}
+    <script defer {{ if $isModule }}type="module"{{ end }} src="{{ $script.Permalink | relURL }}"></script>
+{{ end }}