{selectedBoard ? `${selectedBoard.title} - Decky` : 'Decky'}
{#if selectedBoard}
{#if selectedBoard}{selectedBoard.title}{/if}
{visibleStacks.length} stack{visibleStacks.length === 1 ? '' : 's'}{#if canEdit(selectedBoard)}{/if}
{#each visibleStacks as stack (stack.id)}
{#each stack.cards as card, cardIndex (card.id)}
beginCardPointer(event, card)} animate:flip={{ duration: reduceMotion ? 0 : 170 }} in:receiveCard={{ key: card.id }} out:sendCard={{ key: card.id }} >

{card.title}

{#if card.description}

{card.description}

{/if} {#if card.duedate}Due {new Date(card.duedate).toLocaleDateString([], { month: 'short', day: 'numeric' })}{/if}
{/each} {#if stack.cards.length === 0}{/if}
{/each}
{:else}

Your boards, without the browser clutter.

Connect Decky to Nextcloud, then choose a board from the sidebar.

{/if}
{#if dragGhost}
{#if dragGhost.kind === 'card'}{/if} {dragGhost.title}
{/if} {#if editor} {/if} {#if structureEditor} {/if} {#if pendingDeletion} {/if} {#if settingsOpen} {/if}