KCI-KANBAN/app/views/Home/index.asp

<div class="row mb-4 align-items-center">
  <div class="col">
    <h1 class="h3 mb-0">Dashboard</h1>
  </div>
  <div class="col-auto">
    <a href="/boards/create" class="btn btn-primary btn-sm">
      <i class="bi bi-plus-lg me-1"></i>New Board
    </a>
  </div>
</div>

<!-- Summary stat cards -->
<div class="row g-3 mb-4">
  <div class="col-6 col-md-3">
    <div class="card text-center shadow-sm h-100">
      <div class="card-body py-4">
        <div class="display-5 fw-bold text-primary"><%= totalBoards %></div>
        <div class="text-muted small mt-1">
          <i class="bi bi-kanban me-1"></i>Boards
        </div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card text-center shadow-sm h-100">
      <div class="card-body py-4">
        <div class="display-5 fw-bold text-success"><%= totalCards %></div>
        <div class="text-muted small mt-1">
          <i class="bi bi-card-text me-1"></i>Total Cards
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Per-board breakdown -->
<div class="row">
  <div class="col-lg-8">
    <div class="card shadow-sm">
      <div class="card-header fw-semibold">
        <i class="bi bi-bar-chart-line me-1"></i>Cards per Board
      </div>
      <% If boardSummaries.Count = 0 Then %>
      <div class="card-body text-muted">
        No boards yet. <a href="/boards/create">Create one</a> to get started.
      </div>
      <% Else %>
      <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th>Board</th>
              <th class="text-end" style="width:100px">Cards</th>
              <th style="width:90px"></th>
            </tr>
          </thead>
          <tbody>
            <%
            Dim summaryIter : Set summaryIter = boardSummaries.Iterator()
            Do While summaryIter.HasNext()
                Dim summary : Set summary = summaryIter.GetNext()
                Dim cardCount : cardCount = CLng(summary("card_count"))
            %>
            <tr>
              <td>
                <a href="/board/<%= H(summary("slug")) %>" class="text-decoration-none fw-medium">
                  <%= H(summary("name")) %>
                </a>
              </td>
              <td class="text-end">
                <% If cardCount = 0 Then %>
                <span class="text-muted">—</span>
                <% Else %>
                <span class="badge bg-secondary rounded-pill"><%= cardCount %></span>
                <% End If %>
              </td>
              <td class="text-end">
                <a href="/board/<%= H(summary("slug")) %>" class="btn btn-sm btn-outline-primary">
                  Open
                </a>
              </td>
            </tr>
            <% Loop %>
          </tbody>
        </table>
      </div>
      <% End If %>
    </div>
  </div>

  <div class="col-lg-4 mt-3 mt-lg-0">
    <div class="card shadow-sm">
      <div class="card-header fw-semibold">
        <i class="bi bi-lightning me-1"></i>Quick Links
      </div>
      <div class="list-group list-group-flush">
        <a href="/boards" class="list-group-item list-group-item-action">
          <i class="bi bi-kanban me-2 text-muted"></i>All Boards
        </a>
        <a href="/boards/create" class="list-group-item list-group-item-action">
          <i class="bi bi-plus-circle me-2 text-muted"></i>New Board
        </a>
      </div>
    </div>
  </div>
</div>