feat(ui): use the full wordmark in the header
3 files changed, +3 −2
- static/style.css modified +2 −1
- static/wordmark.png added +0 −0
- templates/layout.html modified +1 −1
static/style.css modified
| @@ -26,7 +26,8 @@ h4 a{color:var(--fg)} | ||
| 26 | 26 | header{margin-bottom:1rem} |
| 27 | 27 | nav.site{display:flex;gap:1rem;align-items:center;padding-top:.5rem;padding-bottom:.5rem;flex-wrap:wrap} |
| 28 | 28 | nav.site .brand{display:inline-flex;align-items:center;font-size:1.3rem;color:var(--fg);margin-right:.5rem;text-decoration:none;letter-spacing:-.01em} |
| 29 | -nav.site .brand img{height:2.8rem;width:auto;margin:-.6rem -.3rem -.6rem 0;position:relative;top:.45rem} | |
| 29 | +nav.site .brand img{height:2.3rem;width:auto;margin:-.4rem 0} | |
| 30 | +nav.site .brand img.mark{height:2.8rem;margin:-.6rem -.3rem -.6rem 0;position:relative;top:.45rem} | |
| 30 | 31 | nav.site{color:var(--muted)} |
| 31 | 32 | nav.site a{color:var(--muted)} |
| 32 | 33 | nav.site .brand{color:var(--fg)} |
static/wordmark.png added
Binary file.
templates/layout.html modified
| @@ -18,7 +18,7 @@ | ||
| 18 | 18 | <body{{if .Fluid}} class="fluid"{{end}}> |
| 19 | 19 | <header> |
| 20 | 20 | <nav class="site"> |
| 21 | -<a class="brand" href="/" aria-label="{{.Name}}"><img src="/static/logo.png" alt="" width="35" height="36">{{if eq .Name "gitpocket"}}itpocket{{else}}{{.Name}}{{end}}</a> | |
| 21 | +<a class="brand" href="/" aria-label="{{.Name}}">{{if eq .Name "gitpocket"}}<img src="/static/wordmark.png" alt="gitpocket" width="311" height="80">{{else}}<img class="mark" src="/static/logo.png" alt="" width="35" height="36">{{.Name}}{{end}}</a> | |
| 22 | 22 | <a href="/search">explore</a> |
| 23 | 23 | {{if not (and .Data (index .Data "Facets"))}}<form class="navsearch" method="get" action="/search" role="search"><input name="q" placeholder="Search repositories, people, languages" aria-label="Search"></form>{{end}} |
| 24 | 24 | <span class="spacer"></span> |