chess/lib/chess_web/templates/game/show.html.eex

<div data-game-id="<%= @game.id %>">
  <div class="game-grid">
    <%= render "_board.html", conn: @conn, game: @game %>
    <div class="game-info">
      <p>
        Playing <%= opponent(@game, current_user(@conn).id).name %>
        <img class="game-info__opponent-status" src="/images/eye-closed.svg" alt="offline">
      </p>
    </div>
    <div class="move-list">
      <table class="table table--condensed">
        <thead>
          <tr>
            <th class="move-list__line-number"><span class="visually-hidden">Move no.</span></th>
            <th class="move-list__header--white">White</th>
            <th class="move-list__header--black">Black</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scope="row" class="move-list__line-number">1.</th>
            <td class="move-list__move move-list__move--white">e4</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>