slides = {
var dom = html`<div style="height:${(width / 16) * 9}px; background:#333;">`;
var shadow = dom.shadowRoot || dom.attachShadow({ mode: 'open' });
var reveal = html`<div class="reveal">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/reveal.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.3.1/theme/black.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css">
<div class="slides">
${cover}
${title_slide}
${slide1}
${slide2}
<section data-background-color="#F9F0E7">
${chart}
</section>
${ihateit}
${r2js}
${slide3}
${slide4}
${slide5}
${slide6}
${slide7}
${conclusion}
${rjs}
${thank_you}
</div>
</div>`;
shadow.appendChild(reveal);
var deck = new Reveal(reveal, {
embedded: true
});
deck.initialize();
return dom;
}