| 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | @include '../layout/head.html' |
| 5 | </head> |
| 6 | <body> |
| 7 | @include '../layout/header.html' |
| 8 | |
| 9 | <div class="content"> |
| 10 | <div class="repos-header"> |
| 11 | <div class="avatar"> |
| 12 | <img src="@{app.prepare_user_avatar_url(user.avatar)}"> |
| 13 | </div> |
| 14 | <h1>@{user.username}'s repositories</h1> |
| 15 | </div> |
| 16 | |
| 17 | @if repos.len > 0 |
| 18 | <div class="repo-list"> |
| 19 | @for repo in repos |
| 20 | <div class="repo-card"> |
| 21 | <div class="repo-card__header"> |
| 22 | <a class="repo-card__title" href="/@user.username/@repo.name">@repo.name</a> |
| 23 | @if repo.is_public |
| 24 | <span class="repo-card__badge">Public</span> |
| 25 | @else |
| 26 | <span class="repo-card__badge repo-card__badge--private">Private</span> |
| 27 | @end |
| 28 | </div> |
| 29 | @if repo.description.len > 0 |
| 30 | <p class="repo-card__desc">@repo.description</p> |
| 31 | @end |
| 32 | <div class="repo-card__footer"> |
| 33 | <div class="repo-card__footer-left"> |
| 34 | @if repo.lang_stats.len > 0 |
| 35 | <span class="repo-card__lang"> |
| 36 | <span class="repo-card__lang-dot" style="background-color:@{repo.lang_stats[0].color}"></span> |
| 37 | @repo.lang_stats[0].name |
| 38 | </span> |
| 39 | @end |
| 40 | @if repo.latest_commit_at > 0 |
| 41 | <span class="repo-card__updated">Updated @{repo.last_updated_str()}</span> |
| 42 | @end |
| 43 | </div> |
| 44 | @if repo.activity_buckets.len > 0 |
| 45 | <svg class="repo-card__activity" viewBox="0 0 120 28" preserveAspectRatio="none"> |
| 46 | <polyline fill="none" stroke="#39d353" stroke-width="1.5" points="@{repo.activity_svg_points()}"/> |
| 47 | </svg> |
| 48 | @end |
| 49 | </div> |
| 50 | </div> |
| 51 | @end |
| 52 | </div> |
| 53 | @else |
| 54 | <p class="repos-empty">No repositories yet.</p> |
| 55 | @end |
| 56 | </div> |
| 57 | |
| 58 | @include '../layout/footer.html' |
| 59 | </body> |
| 60 | </html> |
| 61 | |