{{ define "content" }}
{{if .loggedIn}}
    <h2>Your repos:</h2>
    <div class="repo-list">
        {{range .Repos}}
            <span class="repo">
                <a href="/~{{.User.Handle}}/{{.Name}}"><strong class="name">{{.Name}}</strong></a>{{if .Description}} - <span class="description">{{.Description}}{{end}}</span>
            </span>
        {{else}}
        <p>You haven't created any repos yet.</p>
        {{end}}
    </div>
    <style>
        .repo-list {
            border: var(--solid-border);
            display: flex;
            flex-direction: column;
            padding: var(--gap);
        
            >* {
                padding: var(--gap);
                margin: 0;
            }
        }
    </style>
{{else}}
<p>Hey there!</p>
<p>Farga is a work-in-progress Git forge. Maybe try logging in?</p>
{{end}}
{{end}}