Add footer The motivation is to display "Powered by ...". The patch I received adds that text to header, and I felt it stands out too much considering frequency of user using (reading and getting actually useful information from) it. I like the idea of "Powered by" as there were times that text helped me discover new tools. The most natural place to put it is footer, but my legit fork does not have that. And just having "Powered by ..." text alone feels off, so I added admin configurable links section for things like contact email address, mirrors, and other social links. I personally like the outcome.

Changes

13 changed files (+110/-7)

• config.yaml
  • @@ -43,6 +43,20 @@ meta:
    # NOTE: This applies only to blob page. Code blocks inside README will be untouched. syntaxHighlight: true + ui: + # Footer won't appear if `links` is empty and `poweredBy` is `false`. + footer: + # Links to display in the footer. + links: + - text: Contact + # legit simply use this value as `<a>` tag's `href` attribute value. + href: mailto:johndoe@example.com + - text: Author Profile + href: https://example.com + + # Display "Powered by ..." text. + poweredBy: true + server: # legit uses this strings for clone URL. # `https://<name>/<directory>`
• config/config.go
  • @@ -25,6 +25,15 @@ type Config struct {
    Description string `yaml:"description"` SyntaxHighlight bool `yaml:"syntaxHighlight"` } `yaml:"meta"` + UI struct { + Footer struct { + Links []struct { + Text string `yaml:"text"` + Href string `yaml:"href"` + } `yaml:"links"` + PoweredBy bool `yaml:"poweredBy"` + } `yaml:"footer"` + } `yaml:"ui"` Server struct { Name string `yaml:"name,omitempty"` Host string `yaml:"host"`
• demo/config.yaml
  • @@ -37,6 +37,17 @@ meta:
    description: Test legit features with real repositories. syntaxHighlight: true + ui: + footer: + links: + - text: Hosted + href: https://git.pocka.jp/legit.git + - text: GitHub Mirror + href: https://github.com/pocka/legit + - text: Original + href: https://github.com/icyphox/legit + poweredBy: true + server: name: example.com host: localhost
• static/global.css
  • @@ -83,10 +83,12 @@ body {
    font-weight: var(--font-regular); display: grid; grid-template-columns: 100%; + grid-template-rows: min-content minmax(0, 1fr) min-content min-content; grid-template-areas: "header" "main" - "aside"; + "aside" + "footer"; align-content: start; gap: var(--space-lg) 0; padding: 0;
  • @@ -130,7 +132,7 @@ body {
    } } - .main, .aside { + .main, .aside, .footer { width: 100%; max-width: 60rem; margin: 0 auto;
  • @@ -149,6 +151,29 @@ body {
    font-size: var(--font-sm); } + .footer { + grid-area: footer; + align-self: end; + font-size: var(--font-xs); + border-block-start: 1px solid var(--color-border-subtle); + margin: 0; + margin-block-start: var(--space-xxxl); + max-width: unset; + + background-color: var(--color-bg); + text-align: end; + z-index: 15; + } + + .footer--links { + padding: 0; + padding-inline-start: 1em; + margin: 0; + display: flex; + flex-wrap: wrap; + gap: 0.5em 2em; + } + .breadcrumbs { list-style: none; display: flex;
  • @@ -327,13 +352,15 @@ body {
    grid-template-columns: 60rem minmax(0, 1fr); grid-template-areas: "header header" - "main aside"; + "main aside" + "footer footer"; } body:where(:not(:has(.aside))) { grid-template-areas: "header header" - "main main"; + "main main" + "footer footer"; } .aside {
  • @@ -351,20 +378,32 @@ body {
    @media (min-width: 100rem) { body { grid-template-columns: minmax(0, 40rem) minmax(60rem, 1fr) minmax(0, 40rem); - grid-template-areas: "header main aside"; - gap: var(--space-xxl); + grid-template-rows: minmax(0, 1fr) min-content; + grid-template-areas: + "header main aside" + "footer main aside"; + gap: 0 var(--space-xxl); } .header { position: sticky; - height: 100dvh; top: 0; border-block-end: none; border-inline-end: 1px solid var(--color-border-subtle); + align-self: stretch; box-shadow: 1px 0px 3px var(--color-shadow) inset; } + .footer { + margin: 0; + border-inline-end: 1px solid var(--color-border-subtle); + } + + .footer--links { + display: inline-flex; + } + .breadcrumbs { justify-content: end; }
• templates/repo-blob-ref-html-preview.html.tmpl
  • @@ -71,6 +71,7 @@ SPDX-License-Identifier: MIT
    </dd> </dl> </aside> + {{ template "site-footer" . }} </body> </html> {{- end }}
• templates/repo-blob-ref.html.tmpl
  • @@ -85,6 +85,7 @@ SPDX-License-Identifier: MIT
    {{- end -}} </dl> </aside> + {{ template "site-footer" . }} </body> </html> {{- end }}
• templates/repo-commit.html.tmpl
  • @@ -158,6 +158,7 @@ SPDX-License-Identifier: MIT
    </dl> </div> </main> + {{ template "site-footer" . }} </body> </html> {{- end }}
• templates/repo-list.html.tmpl
  • @@ -45,6 +45,7 @@ SPDX-License-Identifier: MIT
    {{- end -}} </ul> </main> + {{ template "site-footer" . }} </body> </html> {{- end }}
• templates/repo-log-ref.html.tmpl
  • @@ -72,6 +72,7 @@ SPDX-License-Identifier: MIT
    {{- end }} </ol> </main> + {{ template "site-footer" . }} </body> </html> {{- end }}
• templates/repo-refs.html.tmpl
  • @@ -63,6 +63,7 @@ SPDX-License-Identifier: MIT
    <p class="ref-empty">This repository has no tags.</p> {{ end -}} </main> + {{ template "site-footer" . }} </body> </html> {{- end }}
• templates/repo-top.html.tmpl
  • @@ -81,6 +81,7 @@ SPDX-License-Identifier: MIT
    </div> </aside> </div> + {{ template "site-footer" . }} </body> </html> {{- end }}
• templates/repo-tree-ref.html.tmpl
  • @@ -83,6 +83,7 @@ SPDX-License-Identifier: MIT
    {{- end }} </ul> </main> + {{ template "site-footer" . }} </body> </html> {{- end }}
• templates/site-footer.html.tmpl (new)
  • @@ -0,0 +1,22 @@
    + <!-- + Copyright 2026 Shota FUJI <pockawoooh@gmail.com> + SPDX-License-Identifier: MIT + --> + {{ define "site-footer" -}} + {{- if or (gt (len .Config.UI.Footer.Links) 0) .Config.UI.Footer.PoweredBy -}} + <footer class="footer"> + {{- if gt (len .Config.UI.Footer.Links) 0 }} + <ul class="footer--links"> + {{- range .Config.UI.Footer.Links }} + <li> + <a href="{{ .Href }}">{{ .Text }}</a> + </li> + {{- end }} + </ul> + {{- end }} + {{- if .Config.UI.Footer.PoweredBy }} + <p>Powered by <a href="https://git.pocka.jp/legit.git">legit</a></p> + {{- end }} + </footer> + {{- end -}} + {{- end -}}