{{ 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>Farga is a work-in-progress Git forge. Maybe try logging in?</p>
<h2>Features.</h2>
<ul>
    <li>Easy-to-self-host.</li>
    <li>All features work without JavaScript, optionally with the least amount of JavaScript required.</li>
    <li>Private and public repos.</li>
    <li>Issue system (optionally allows anonymous reports).</li>
    <li>Easy to use web view.</li>
    <li>Hackatime integration.</li>
    <li>SSH access to your repos.</li>
</ul>
<h2>Licensing.</h2>
<p>Farga is FLOSS licensed under GNU AGPLv3.</p>
{{end}}
{{end}}