RPGs3_card_insanity/templates/style.xsl.j2

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" omit-xml-declaration="yes" indent="yes" />
<xsl:template match="/*">
<xsl:text disable-output-escaping='yes'>&lt;!DOCTYPE html&gt;
</xsl:text>

{% set newline = "<xsl:text disable-output-escaping='yes'>\n</xsl:text>" %}
{% set async = "media=\"none\" onload=\"if(media!='all')media='all'\"" %}

{% filter replace("\n", newline) %}
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.13.1/js-yaml.min.js"/>
<script type="text/javascript" src="http://mozilla.github.io/nunjucks/files/nunjucks.min.js"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/9.1.0/markdown-it.min.js"/>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" {{async}}/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" {{async}}/>
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css" {{async}}/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" {{async}}/>
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" {{async}}/>

<title>Status Card</title>

{% endfilter %}

<style type="text/css">
{{ css_data }}
</style>

{{ newline*2 }}

<script type="text/html" id="yaml_data">---
<xsl:value-of select="yaml_data"/>
</script>

{{ newline*2 }}

<script type="text/javascript">
var jinja_template = {{ jinja_data | tojson }};
</script>

{{ newline*2 }}

<div id="my_card"></div>
<script type="text/javascript">
{{ js_data
	| replace(">", ">foobarhuehuehue")
	| replace("<", "<xsl:text disable-output-escaping='yes'>&lt;</xsl:text>")
	| replace(">foobarhuehuehue", "<xsl:text disable-output-escaping='yes'>&gt;</xsl:text>") }}
</script>

</xsl:template>
</xsl:stylesheet>