%stash css=>[ "/home/home/animation.css", "/home/home/grid.css", "/home/home/head.css", "/home/home/osc.css", "/home/home/trans.css" ];
%stash js=>["/home/home/d3_tras.js","/home/home/fb.js","/home/home/bcast.js"];
<section id="ihead">
  <div id="courtain">
    <div class="logo"></div>
    <div class=dotsw> 
      <div class=dots> </div>
      <div class=dots> </div>
      <div class=dots> </div>
      <div class=dots> </div>
    </div>
  </div>
  <article class="mod"> 
    <p class="mod"> <%= $mod %> </p>
  </article> 
  <article class="broadcast">
    <p class="broadcast">Estamos practicando ahora</p>
    <p class="broadcast">¡Acompáñanos!</p>

  </article>
</section>

<section id="sadown" class="adown"> <p class="adown">Desplázate hacia abajo</p><article class="adown"></article></section>
<section id="trs" class="trans flex">
  <article class="vdg"></article>
  <article id=tcurt" class="trans">
    <p class="bold">Explora y Encuentra</p>
    <p class="light">Aquello que buscas</p>
    <p class="superlight">+++</p>
  </article>
  <section class="gap">
  </section>
</section>

<section class="content"><article class="content flex">
  <article class="box-4 yt">

  <iframe id="evideo" 
        src="https://www.youtube.com/embed/<%= $yt %> " allowfullscreen>
      </iframe>
</article>
  <div class="group flex">
    <article class="box-2 fb">
      <div class="fb-post" id="fbdiv" data-href="<%= $fb %>" 
        data-width="450" data-show-text="true"></div>
    </article> 
    <article class="box-1 sc">
     <%== $sc %>
    </article> 
    <article id="link" class="link"> 
      <a href="https://www.facebook.com/vuelodegrulla"> 
        <img src="home/home/logo/fb_1.svg"></img></a>
      <a href="https://twitter.com/vuelodegrulla"> 
        <img src="home/home/logo/tw_1.svg"></img></a>
    </article> 
  </div>
  <a class="box-2 b" href="cal"><article class="cal">
    <p>Calendario</p> 
    <p>de cursos y actividades</p>
  </article></a>
  <a class="box-2 b" href="/pang"><article class="pang">
    <p>Maestro</p><p class="bold">Pang Ming</p>
  </article></a>
</article></section>

<script>
 const webm_listen_url="<%= $config->{webm_server_name} %>";
 const radio_listen_url="<%= $config->{radio_server_name} %>";
 const radio_server="<%= $config->{radio_server} %>";
</script>
