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>

<script type="text/javascript" src="/dist/js-yaml.min.js"/>
<script type="text/javascript" src="/dist/plate.min.js"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"/>

<title>Status Card</title>

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

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


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

<div id="my_card"></div>
<script type="text/javascript">
{{ js_data }}
</script>

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