stubborn-otter/otter-boards

Otter Boards, a team task board you can run from the web or from Claude and ChatGPT. FastAPI + DataK3 + appid + Models + MCP.

• boards
• tasks
• fastapi
• mcp
• dodil-challenge
• dodil-challenge-boards

A remix template · 1 remixes · Remix stubborn-otter/otter-boards

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>Otter Boards</title>
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cellipse cx='16' cy='18' rx='13.5' ry='10.5' fill='%23A4713F'/%3E%3Cellipse cx='16' cy='22' rx='9' ry='5.8' fill='%23E9D2B4'/%3E%3Cellipse cx='16' cy='19' rx='2.3' ry='1.5' fill='%232C1A0E'/%3E%3C/svg%3E">
<link rel="stylesheet" href="/static/app.css">
</head>
<body>
<header class="top">
  <a class="brand" href="#/" aria-label="Otter Boards, your boards">
    <svg class="otter" viewBox="0 0 32 32" aria-hidden="true">
      <circle class="fur" cx="5.5" cy="13" r="2.4"/><circle class="fur" cx="26.5" cy="13" r="2.4"/>
      <ellipse class="fur" cx="16" cy="18" rx="13.5" ry="10.5"/>
      <ellipse class="muzzle" cx="16" cy="22" rx="9" ry="5.8"/>
      <circle class="eye" cx="10.5" cy="15" r="1.5"/><circle class="eye" cx="21.5" cy="15" r="1.5"/>
      <ellipse class="eye" cx="16" cy="19" rx="2.3" ry="1.5"/>
      <path class="line" d="M16 20.5v2.3M9.5 21.5 4 20M9.5 23.5 4.5 24M22.5 21.5 28 20M22.5 23.5 27.5 24"/>
    </svg>
    <span>Otter Boards</span>
  </a>
  <nav id="crumbs" aria-label="Current board"></nav>
  <div class="me">
    <span id="who"></span>
    <a href="/.dodil/auth/logout">Sign out</a>
  </div>
</header>
<svg class="wave" viewBox="0 0 1200 28" preserveAspectRatio="none" aria-hidden="true">
  <path d="M0 0h1200v8c-100 14-190 18-300 8S690 4 600 12 410 30 300 20 100 4 0 14z"/>
</svg>
<main id="main"><p class="quiet">Opening your boards.</p></main>
<aside id="drawer" hidden aria-label="Card details"></aside>
<dialog id="dialog"></dialog>
<div id="toast" role="status" aria-live="polite" hidden></div>
<script type="module" src="/static/app.js"></script>
</body>
</html>