Serve extra jss or css from the page frontmatter. Much cleaner.

content/overrides/main.html

@@ -5,12 +5,25 @@
      content="nocache, noindex, noimageindex, nofollow, noarchive, nosnippet, notranslate, nositelinkssearchbox, noai, noimageai" />
 {% endblock %}
 
-{% block analytics %}
+<!-- Use the extra_css value from a page's frontmatter -->
+{% block styles %}
+
+{{ super() }}
+
+{% if page.meta.extra_css %}
+{% for path in page.meta.extra_css %}
+<link rel="stylesheet" href="{{ path | url }}">
+{% endfor %}
+{% endif %}
+
+{% endblock %}
+
 <!-- Analytics tracking script -->
+{% block analytics %}
 <script>
      window.op = window.op || function () { var n = []; return new Proxy(function () { arguments.length && n.push([].slice.call(arguments)) }, { get: function (t, r) { return "q" === r ? n : function () { n.push([r].concat([].slice.call(arguments))) } }, has: function (t, r) { return "q" === r } }) }();
      window.op('init', {
-          clientId: '4148df94-31a3-47ee-b998-6de681efcbd5',
+          clientId: "4148df94-31a3-47ee-b998-6de681efcbd5",
           trackScreenViews: true,
           trackOutgoingLinks: true,
           trackAttributes: true,
@@ -21,6 +34,11 @@
 
 {% block content %}
 
+<!-- Use the extra_js values from a page's frontmatter -->
+{% for path in page.meta.extra_js or [] %}
+<script src="{{ path | url }}"></script>
+{% endfor %}
+
 {{ super() }}
 
 <!-- Script to protect content on the website -->