Changes
2 changed files (+63/-10)
-
static/repo-list.css (new)
-
@@ -0,0 +1,47 @@/* Copyright 2025 Shota FUJI <pockawoooh@gmail.com> * SPDX-License-Identifier: MIT */ .repos { list-style: none; margin: 0; padding: 0; padding-block-start: var(--space-xl); display: flex; flex-direction: column; gap: var(--space-xl); } .repo-link { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-sm) var(--space-lg); margin: 0; color: var(--color-fg); border-radius: var(--radii-sm); text-decoration: none; } @media (any-hover: hover) { .repo-link:hover { background-color: var(--color-bg-hover); } } .repo-link--name { font-size: var(--font-lg); font-weight: var(--font-thick); } .repo-link--description { font-size: var(--font-md); color: var(--color-fg-weak); } .repo-link--update-time { font-size: var(--font-sm); color: var(--color-fg-subtle); }
-
-
-
@@ -7,6 +7,7 @@ <!DOCTYPE html><html lang="en"> <head> {{ template "head" }} <link rel="stylesheet" href="/static/repo-list.css" /> <title>{{ .Config.Meta.Title }}</title> {{- if .Config.Meta.Description }} <meta name="description" content="{{ .Config.Meta.Description }}" />
-
@@ -20,20 +21,25 @@ <p class="header-title--description">{{ .Config.Meta.Description }}</p></div> </header> <main class="main"> <ul> <ul class="repos"> {{- range .Repositories }} <li> <a href="/{{ .DirName }}"> <span> <a class="repo-link" href="/{{ .DirName }}"> <span class="repo-link--name"> {{- .DisplayName -}} </span> <span>{{ .Description }}</span> <time datetime='{{ .LastCommit.Committer.When.Format "2006-01-02T15:04:05-0700" }}' title='{{ .LastCommit.Committer.When.Format "2006-01-02 15:04:05 -0700" }}' > {{- .LastCommitAtRelative -}} </time> {{- if .Description }} <span class="repo-link--description">{{ .Description }}</span> {{ end -}} <span class="repo-link--update-time"> Updated <time datetime='{{ .LastCommit.Committer.When.Format "2006-01-02T15:04:05-0700" }}' title='{{ .LastCommit.Committer.When.Format "2006-01-02 15:04:05 -0700" }}' > {{- .LastCommitAtRelative -}} </time> </span> </a> </li> {{- end -}}
-