ghpsolutions/quadro

Quadro: team boards with roles, history and an MCP endpoint for Claude and ChatGPT

• dodil-challenge
• dodil-challenge-boards

A remix template · 0 remixes · Remix ghpsolutions/quadro

app/boards/doors/static/index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Quadro</title>
  <link rel="icon" href="/static/mark.svg" type="image/svg+xml">
  <link rel="stylesheet" href="/static/style.css">
</head>
<body>
  <div class="shell">
    <aside class="side">
      <a class="brand" href="/" aria-label="Quadro home">
        <img src="/static/mark.svg" alt="" width="22" height="22"><span>Quadro</span>
      </a>
      <nav class="views">
        <button class="nav" data-view="plate">My work</button>
        <button class="nav" data-view="overdue">Overdue <span class="pill danger" id="overdue-count" hidden></span></button>
      </nav>
      <div class="side-head">
        <span>Boards</span>
        <button class="icon-btn" id="new-board" title="New board" aria-label="New board">+</button>
      </div>
      <nav id="board-nav" class="boards"></nav>
      <div class="me" id="me"></div>
    </aside>

    <main class="main">
      <header class="top" id="top"></header>
      <section id="view" class="view"></section>
    </main>
  </div>

  <aside class="drawer" id="drawer" aria-hidden="true">
    <div class="drawer-body" id="drawer-body"></div>
  </aside>
  <div class="scrim" id="scrim" hidden></div>

  <dialog id="dialog"><form method="dialog" id="dialog-body"></form></dialog>
  <div class="toasts" id="toasts" role="status" aria-live="polite"></div>
  <script src="/static/app.js"></script>
</body>
</html>