<% if (typeof card !== 'undefined' && typeof random_num !== 'undefined') { %>
  <a href="/cards/<%= card.num.toLowerCase() %>"
    class="randomLink" title="Tap or click to learn about <%= card.name %>'s card!">
    <figure>
      <h3 class="randomLink-title">Random&nbsp;Card: <%=card.name%></h3>
      <img
        src="/images/thumb/<%= card.num.toLowerCase() %>_<%= card.name_ang %>.jpg"
        alt="Card image for <%=card.name%>"
        class="card-image" />
      <figcaption>
        <span class="randomLink-wrapper">
          Tap or click to learn more
        </span>
      </figcaption>
    </figure>
  </a>
  <p class="randomWrapper">
    or
    <a href="/?r<%=random_num%>">&#x21bb; reload the page for a different card.</a>
  </p>
<% } %>
