Estelle.GitHub.io/JS-in-CSS

JS-in-CSS

HTML for this deck

<article popover id="pageID">
<header>
  <h1>Header that is shown</h1>
</header>
  <figure>
    Slide content or <object>
  </figure>
 </article>
<button popovertarget="pageID"><span>Link text</span></button>

popover and popovertarget

<article popover id="popoverID"></article>
<button popovertarget="popoverID">Button text</button>

CSS of popover slide deck explained

The actual <style>