% stash css=>["/home/radio/radio.css"];
% stash js=>["/home/radio/link,js","/home/radio/radio.js"];
<section class="flex title">
  <article class="title"> <p>Radio Vuelo de grulla</p> </article>
</section>

<section class="flex uname">
  <article class="uname"><p> <%= $nick %></p></article>
</section>

<section class="flex rmod">
  <article><p id="rmod"> <%= $rmod %></p> </article> 
</section>

<section class="flex logout"> <article class="logout">
  <a href=" logout "><p id="logout"> Salir </p></a>
</article> </section>

<section class="flex info">
  <article class="online"> 
    <p>Estás escuchando a</p>
    <p id="prof"></p>
  </article>
  <article class="offline"> 
    <p>Todavía no comenzamos</p>
    <p>Por favor espera unos minutos</p>
  </article> 
  <article class="spot">
  <div class="spot" id="spot"></div>
  <div id="clink" class="chat">Entra al Chat</div> 
  </article>
</section>

<section class="flex radio"><article class="radio">
 <p id="now"></p>
<audio id="ra" controls="controls" preload="none" ></audio>
</article> </section>

<section class="flex chat"><article>
</section></article> </section>
<script> 
 const nick="<%= $nick %>";
 const radio_server="<%= $config->{radio_server} %>";
 const listen_url="<%= $config->{radio_server_name} %>";
 const channel="<%= $config->{radio_channel} %>";
</script>
