{{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}}