<div layout="screen" layout-id="home" class="screen">
  <!-- Grid is the count of the smallest spaces, then
  individual spells span those spaces -->
  <% if @nativeClient %>
      <div layout-grid="2x4" class="grid">
        <div type="createSession" layout-grid-position="0,0" layout-grid-rows="1" layout-grid-columns="2"
             layout-link="createSession" class="homecard createsession">
          <h2>create session</h2>

          <div class="homebox-info"><!-- 4 friends online, 2 currently in sessions --></div>
        </div>
        <div type="findSession" layout-grid-position="2,0" layout-grid-rows="1" layout-grid-columns="2"
             layout-link="findSession" class="homecard findsession">
          <h2>find session</h2>

          <div class="homebox-info"><!-- 1 session invitation, 19 public sessions active --></div>
        </div>
        <div layout-grid-position="0,1" layout-grid-rows="1" layout-grid-columns="1"
             class="homecard profile">
          <h2>profile</h2>

          <div class="homebox-info"><!-- 5 followers, 3 following --></div>
        </div>
        <div layout-grid-position="1,1" layout-grid-rows="1" layout-grid-columns="2"
             layout-link="feed" class="homecard feed">
          <h2>feed</h2>

          <div class="homebox-info"><!-- 38 new recordings, 19 sessions open to fans --></div>
        </div>
        <div layout-grid-position="3,1" layout-grid-rows="1" layout-grid-columns="1"
             layout-link="account" class="homecard account">
          <h2>account</h2>

          <div class="homebox-info"><!-- free service level --></div>
        </div>
      </div>
  <% else %>
      <div layout-grid="2x4" class="grid">
        <div layout-grid-position="0,0" layout-grid-rows="1" layout-grid-columns="1"
             layout-link="feed" class="homecard feed">
          <h2>feed</h2>

          <div class="homebox-info"><!-- 4 friends online, 2 currently in sessions --></div>
        </div>
        <div layout-grid-position="1,0" layout-grid-rows="1" layout-grid-columns="2"
             layout-link="bands" class="homecard bands">
          <h2>bands</h2>

          <div class="homebox-info"><!-- 1 session invitation, 19 public sessions active --></div>
        </div>
        <div layout-grid-position="3,0" layout-grid-rows="1" layout-grid-columns="1"
             layout-link="musicians" class="homecard musicians">
          <h2>musicians</h2>

          <div class="homebox-info"><!-- 5 followers, 3 following --></div>
        </div>
        <div layout-grid-position="0,1" layout-grid-rows="1" layout-grid-columns="2"
             class="homecard profile">
          <h2>profile</h2>

          <div class="homebox-info"><!-- 38 new recordings, 19 sessions open to fans --></div>
        </div>
        <div layout-grid-position="2,1" layout-grid-rows="1" layout-grid-columns="2"
             layout-link="account" class="homecard account">
          <h2>account</h2>

          <div class="homebox-info"><!-- free service level --></div>
        </div>
      </div>
  <% end %>

</div>
