<div id="play_mode" class="game-mode uk-flex uk-text-center">
  <div id='card-view' class="active-card card-template uk-panel uk-panel-box uk-panel-box-secondary uk-padding uk-flex">
    <span class="uk-label your-card-" style="display:none;">your card</span>
    <h1 class="card-title uk-text-xlarge uk-margin-large-bottom"><%= @card.title %> </h1>
    <div class="card-picture uk-flex uk-flex-center">
      <img class="card-picture" src="<%=@card.picture%>" />
    </div>
    <div class="card-content uk-flex uk-flex-center">
      <%=@card.description          %>
    </div>
  </div> <!-- active-card -->

  <div class="active-card-controls uk-margin-top">
    <div class="uk-flex uk-flex-center">
      <ul class="uk-subnav uk-subnav-pill">
        <li class="card-control reveal-card"><a onClick="revealCard()" id="revealCard" href="#">Reveal Card</a></li>
        <li class="card-control done-with-card"> <a onClick="doneWithCard()" id="doneWithCard" class="uk-subnav-pill"
            href="#">Done</a></li>
      </ul>
    </div>
  </div>
</div>
