<%- 
  content_for :title, node_title(@node) 
  cards = @node.children.viewable.ordered
%>

<div class="cards__container">

  <div class="card__stack-container">
    <ul class="card__stack">
    <% @node.children.viewable.ordered.each do |node| %>

      <li>
        <%= link_to node.url do %>
          <div class="card" data-id="<%= node.id %>">
            <%= tag.div node.tags[0] %>
            <%= svg "ico-arrow-updown" %>
            <%= tag.div node.tags[1] %>
          </div>
        <% end %>
      </li>  
    <% end %>
    </ul>
  </div>

  <ul class="cards__ctas">
    <li>
      <div class="reveal__container" data-label="<%= t 'drag_to_reveal' %>">
        <input type="range" value="0" class="reveal">
      </div>
    </li>
    <li>
      <button type="button" class="button__base button__base-light button_shuffle_cards">
        <%= t 'shuffle_cards' %>
      </button>
    </li>
  </ul>
  
</div>


