Task Board Patterns

Board Columns

A static board summary shows Northstar Launch Board columns Todo, Doing, and Done with pinned counts and no live board updates.

Program

Board column summaries should name the board and columns clearly without pretending to query or update a task board.

board_column_summary.html
Visuals: captured from real browser rendering
<section class="board-summary" aria-labelledby="board-title">
  <h2 id="board-title">Northstar Launch Board</h2>
  <dl>
    <div><dt>Todo</dt><dd>1 task</dd></div>
    <div><dt>Doing</dt><dd>2 tasks</dd></div>
    <div><dt>Done</dt><dd>1 task</dd></div>
  </dl>
  <p class="note">Static board summary only; no live board update, task API, routing, storage, or analytics runs.</p>
</section>
<style>
  .board-summary { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .board-summary dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
  .board-summary dl div { border: 1px solid #94a3b8; padding: 10px; }
  .board-summary dt { font-weight: 700; }
  .board-summary dd, .note { margin: 0; }
  .note { color: #475569; }
</style>

  1. Label the board summary.

    The section is labelled by its visible heading.
    The section is labelled by its visible heading.

  2. Show the pinned board name.

    The board name is fixed display data.
    The board name is fixed display data.

  3. Show the Todo column.

    The Todo column label is visible.
    The Todo column label is visible.

  4. Show the Doing column.

    The Doing column label is visible.
    The Doing column label is visible.

  5. Show the Done column.

    The Done column label is visible.
    The Done column label is visible.

  6. Check board summary honesty.

    Board name, column counts, and no live board service.
    Board name, column counts, and no live board service.
board heading Northstar Launch Board is the pinned board name.
column names Todo, Doing, and Done are visible column labels.
no live board The lesson should not imply live updates, task APIs, routing, storage, or analytics.