% stash css=>["/home/tv/head.css","/home/tv/trans.css","/home/tv/tv.css"];
% stash js=>["/home/tv/d3_tras.js","/home/tv/d3_tune.js"];
<section id="ihead">
<div id="courtain"></div>
</section>

<section id="trs" class="trans flex">
  <article class="vdg"></article>
  <article id=tcurt" class="trans">
    <p class="bold">VUELO DE GRULLA .TV</p>
    <p class="light">Perseverancia es la llave</p>
    <p class="superlight">+++</p>
  </article>
</section>
<section class="grid">
  <section class="yt">
   <iframe id="evideo" frameBorder="0"
    src="https://www.youtube.com/embed/8hANQyuvxZk" allowfullscreen>
   </iframe>
   </section>

  <section class="col flex">

  <article class="series"><ul>
   % for (@$videos){ 
    <li class="series" value="<%= $_->{group} %>">
      <%= $_->{name} %> 
    </li>
  % } 
  </ul>
    </article>
    
    <article class="chap"> <ul>
    % for (@$table){ 
      <li class="chap <%= $_->{group} %> " value="<%= $_->{link} %> "> 
        <%= $_->{order} %> <%= $_->{name} %> 
      </li>
    % }
    </ul> </article>
    
    <article class="facefeed">
    <iframe class="facefeed" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fvuelodegrulla&tabs=timeline&width=400&height=600&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" allowTransparency="true"> </iframe>
    </article>
    
  </section>
</section>
