@page "/now"
@inject State State
<div class="row center-align">
  <h3>
    <i class="fa-duotone fa-seedling"></i> Now.garden
  </h3>
</div>
<div class="row center-align">
  <p>Feel free to stroll through the <a href="now.garden">now.garden</a> and take a look at what people are up to.</p>
</div>

<div id="now-garden" class="responsive card-grid">
  <Virtualize ItemsProvider="State.VirtualNowGarden" Context="now" ItemSize="180">
    <ItemContent>
      <article class="now">
        <nav>
          <a class="author" href="/person/@now.Address#now">
            <i class="fa-duotone fa-seedling"></i> @now.Address
          </a>
        </nav>
        <nav>
          <small>@now.UpdatedRelative</small>
        </nav>
      </article>
    </ItemContent>
    <Placeholder>
      <StatusCardSkeleton></StatusCardSkeleton>
    </Placeholder>
  </Virtualize>
</div>

@code {

}