{#include layout}
{#title}git-shark{/title}
<section class="hero">
    <svg class="hero-mark" viewBox="0 0 64 64" width="64" height="64" aria-hidden="true">
        <path d="M8 40 H56 M22 40 C28 40 30 50 40 50" fill="none" stroke="#11716c" stroke-width="3" stroke-linecap="round"/>
        <circle cx="12" cy="40" r="3.4" fill="#11716c"/>
        <circle cx="22" cy="40" r="3.4" fill="#11716c"/>
        <circle cx="40" cy="50" r="3.4" fill="#df7a5c"/>
        <circle cx="52" cy="40" r="3.4" fill="#fff" stroke="#11716c" stroke-width="3"/>
        <path d="M24 40 C26 30 31 22 38 12 C39 20 41 31 44 40 Z" fill="#168b85"/>
    </svg>
    <div>
        <h1>git-shark</h1>
        <p class="tagline">self-hosted git hosting — natively compiled, bite-sized</p>
    </div>
</section>
<h2>Repositories</h2>
{#if user}
<p><a class="btn btn-primary" href="/repos/new">New repository</a></p>
{/if}
<table>
    <tr><th>Repository</th><th>Visibility</th><th>Description</th></tr>
    {#for repo in repositories}
    <tr class="row-link">
        <td class="cell-link"><a class="mono" href="/repos/{repo.ownerHandle}/{repo.name}">{#repoAvatar repo=repo /} {repo.ownerHandle}/{repo.name}</a></td>
        <td><span class="badge badge-{repo.visibility.name().toLowerCase()}">{repo.visibility.name().toLowerCase()}</span></td>
        <td class="muted">{repo.description ?: ''}</td>
    </tr>
    {/for}
</table>
{/include}