@petitatelier/dia-glitchdeprecated

A component to display Glitch code editor and/or preview inside a diapositive of a slideshow.

Usage no npm install needed!

<script type="module">
  import petitatelierDiaGlitch from 'https://cdn.skypack.dev/@petitatelier/dia-glitch';
</script>

README

@petitatelier/dia-glitch

A component to display Glitch code editor and/or preview inside a diapositive of a slideshow.

Usage

    <dia-show slide="s01" display="proj01">
      <dia-slide id="s01">
        <dia-po display="proj01"><dia-glitch src="…" editor></dia-glitch></dia-po>
        <dia-po display="tv01"><dia-glitch src="…" preview></dia-glitch></dia-po>
        <dia-po display="tv02"></dia-po>
        <dia-po display="pres01"></dia-po>
        <dia-po display="pres02"></dia-po>
      </dia-slide>
      <dia-slide id="s02">
        <dia-po display="proj01"><dia-glitch src="…" both></dia-glitch></dia-po>
        <dia-po display="tv01"></dia-po>
        <dia-po display="tv02"></dia-po>
        <dia-po display="pres01"></dia-po>
        <dia-po display="pres02"></dia-po>
      </dia-slide>
      <dia-slide id="s03">
        <dia-po display="proj01"></dia-po>
        <dia-po display="tv01"></dia-po>
        <dia-po display="tv02"></dia-po>
        <dia-po display="pres01"></dia-po>
        <dia-po display="pres02"></dia-po>
      </dia-slide>
    </dia-show>
<dia-show>