{{/* The demo application's dashboard: what demo.html shows beside the
rail on a desktop, and demo-dashboard.html on its own. Rastrillo's
demo, written in the markup of the Fiesta examples that document each
piece: page-header, stat, meter, the card rows and status-pill. */}}
<section class="app-view" id="view-dashboard">
<header rst-page-header>
  <div rst-page-header-titles>
    <h1>Dashboard</h1>
    <p rst-page-header-sub>Everything the team has waiting this morning.</p>
  </div>
</header>
<div rst-stats><div rst-stat="lead"><span rst-stat-label>Open requests</span><span rst-stat-num>24</span><span rst-stat-delta rst-tone="positive">−6</span><span rst-stat-note>since Monday</span></div><div rst-stat><span rst-stat-label>Waiting on us</span><span rst-stat-num>6</span></div><div rst-stat><span rst-stat-label>Resolved this week</span><span rst-stat-num>41</span><span rst-stat-delta rst-tone="positive">+12</span><span rst-stat-note>since Monday</span></div></div>
<div rst-box-head><h2>Mailbox storage</h2></div>
<section rst-box><span rst-meter><meter rst-meter-bar value="82" min="0" max="100" aria-hidden="true"></meter><span rst-meter-num>412 / 500</span></span></section>
<div rst-box-head><h2>Latest activity</h2><a rst-btn data-gallery-nav href="{{.Requests}}">Requests</a></div>
<div rst-card style="--rst-cols: minmax(0, 1fr) 120px">
<div rst-lrow="head"><span>Subject</span><span class="rst-m-hide">Status</span></div>
<div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Invoice #4471 never arrived<small><bdi>Fiona Reid</bdi> · 09:12</small></a><span class="rst-m-hide"><span rst-status rst-tone="warning">Waiting</span></span></div>
<div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Card declined on renewal<small><bdi>Otto Neurath</bdi> · 08:40</small></a><span class="rst-m-hide"><span rst-status rst-tone="neutral">Open</span></span></div>
<div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Seat count is wrong on the invoice<small><bdi>Hedy Lamarr</bdi> · 11 August</small></a><span class="rst-m-hide"><span rst-status rst-tone="positive">Resolved</span></span></div>
</div>
<p><a rst-btn data-gallery-nav href="{{.Overview}}">{{.Back}}</a></p>
</section>