{{ define "title" }}{{ or .UserHandle .UserDid }}{{ end }}

{{ define "content" }}
    <h1>{{ didOrHandle .UserDid .UserHandle }}</h1>
    <div id="my-repos" class="grid grid-cols-1 md:grid-cols-2 gap-4">
        {{ range .Repos }}
            <div
                id="repo-card"
                class="border border-black p-4 shadow-sm bg-white"
            >
                <div id="repo-card-name" class="font-medium">
                    <a href="/@{{ or $.UserHandle $.UserDid }}/{{ .Name }}"
                        >{{ .Name }}</a
                    >
                </div>
                <div
                    id="repo-knot-name"
                    class="text-gray-600 text-sm font-mono"
                >
                    {{ .Knot }}
                </div>
            </div>
        {{ else }}
            <p>This user does not have any repos yet.</p>
        {{ end }}
    </div>
{{ end }}