diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index e4a7882..475708c 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -5,18 +5,14 @@
 <head>
 	<meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' data: ;{{ if .Params.asciinema }}script-src 'self' 'unsafe-inline' 'unsafe-eval';{{ end }}">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' data: {{ partial "asciinema/csp" . }} ;">
   <link rel="alternate" type="application/rss+xml" href="/posts/index.xml">
   <!-- Diable favicon requests: https://stackoverflow.com/a/13416784 -->
   <link rel="icon" href="data:;base64,iVBORw0KGgo=">
-  {{ if .Params.asciinema }}
-    {{ with resources.Get "vendor/asciinema/asciinema-player.css" | minify | fingerprint }}
-      <link rel="stylesheet" type="text/css" href="{{ .RelPermalink }}" />
-    {{ end }}
-  {{ end }}
-{{- if isset .Site.Params "onionlocation" }}
+  {{ partial "asciinema/head" . }}
+{{- if isset .Site.Params "onionlocation" -}}
 	<meta http-equiv="onion-location" content="{{ urls.JoinPath .Site.Params.OnionLocation .RelPermalink }}">
-{{- end }}
+{{- end -}}
 	<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
 	<link rel="stylesheet" href="{{ "css/styles.css" | relURL }}">
 	<link id="theme_css" rel="stylesheet" href="{{ "css/themes" | relURL }}/{{ .Site.Params.ThemeStyle | default $themeStyleDefault }}">
diff --git a/layouts/_partials/asciinema/csp.html b/layouts/_partials/asciinema/csp.html
new file mode 100644
index 0000000..b64f40c
--- /dev/null
+++ b/layouts/_partials/asciinema/csp.html
@@ -0,0 +1,3 @@
+{{- /* This renders as &#39;unsafe-eval&#39; . This seems to be work fine
+though. TODO: how to render as proper single quotes? */ -}}
+{{- if .Params.asciinema -}}'unsafe-eval'{{- end -}}
diff --git a/layouts/_partials/asciinema/head.html b/layouts/_partials/asciinema/head.html
new file mode 100644
index 0000000..b112a56
--- /dev/null
+++ b/layouts/_partials/asciinema/head.html
@@ -0,0 +1,8 @@
+{{ if .Params.asciinema }}
+  {{ with resources.Get "vendor/asciinema/asciinema-player.css" | minify | fingerprint }}
+    <link rel="stylesheet" type="text/css" href="{{ .RelPermalink }}" />
+  {{ end }}
+  {{ with resources.Get "vendor/asciinema/asciinema-player.min.js" | fingerprint }}
+    <script src="{{ .RelPermalink }}"></script>
+  {{ end }}
+{{ end }}
diff --git a/layouts/_shortcodes/asciinema.html b/layouts/_shortcodes/asciinema.html
index ec6a778..9d096f3 100644
--- a/layouts/_shortcodes/asciinema.html
+++ b/layouts/_shortcodes/asciinema.html
@@ -1,7 +1,4 @@
 <div id='{{ .Get "key" }}'></div>
-{{ with resources.Get "vendor/asciinema/asciinema-player.min.js" | fingerprint }}
-  <script src="{{ .RelPermalink }}"></script>
-{{ end }}
 <script>
     AsciinemaPlayer.create('casts/{{ .Get "key" }}.cast', document.getElementById('{{ .Get "key" }}'), {
         {{ if .Get "cols" }}cols: "{{ .Get "cols" }}",{{ end }}
