<!--{ "layout": "full-screen", "pin": "top", "order": 22, "title": "Demo board (local only)", "description": "A throwaway board with a local IndexedDB log, filled on first visit with a snapshot of four real projects (tosijs, tosijs-ui, tosijs-3d, haltija) — nothing here touches a host." }-->

<div class="board-page">
<tosi-virta db="virta-demo-real" snapshot="../demo-board.json" seed="300" color="teal" identity="you" hash></tosi-virta>
</div>

<style>
  .board-page {
    height: 100%;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 12px;
    background: #172b4d;
  }
  .board-page tosi-virta {
    width: 100%;
    height: 100%;
  }
</style>
