Commit 673d65c169
673d65c1693c85b271a4cb6ca4c39e5a4cb14e8f
parent: 0cac193311
Verified · cmc ci/build: success ci/test: success
cmc <hello@cleberg.net> · 2026-09-19 01:38 UTC
web: the landing routes sit above the picture, and the picture is capped
Closes #229
internal/web/static/style.css
+2 −2
| @@ -1384,11 +1384,11 @@ details.refmenu .refdrop a.allrefs { |
| 1384 | 1384 | .lede { font-size: var(--fs-4); color: var(--muted); line-height: 1.5; max-width: 40rem; margin: 0 0 var(--sp-5); } |
| 1385 | 1385 | pre.quickstart { margin: 0 0 var(--sp-4); } |
| 1386 | 1386 | .shot { border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; margin: var(--sp-5) 0; } |
| 1387 | | .shot img { display: block; width: 100%; height: auto; } |
| 1387 | .shot img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; object-position: top; } |
| 1388 | 1388 | .facets { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5); margin: var(--sp-5) 0; } |
| 1389 | 1389 | .facets h2 { font-size: var(--fs-3); margin: 0 0 var(--sp-1); } |
| 1390 | 1390 | .facets p { color: var(--muted); font-size: var(--fs-2); margin: 0; } |
| 1391 | | .routes { display: flex; gap: var(--sp-3); align-items: center; margin: var(--sp-5) 0 var(--sp-3); } |
| 1391 | .routes { display: flex; gap: var(--sp-3); align-items: center; margin: var(--sp-4) 0 0; } |
| 1392 | 1392 | |
| 1393 | 1393 | /* ---- profile ---- */ |
| 1394 | 1394 | .profilehead { border-bottom: 1px solid var(--faint); padding-bottom: var(--sp-4); margin-bottom: var(--sp-4); } |
internal/web/templates/landing.html
+1 −1
| @@ -6,6 +6,7 @@ |
| 6 | 6 | <p class="lede">A git forge you drive from the terminal. Repositories, issues, merge requests and CI over SSH, with a fast, readable web view of the same state.</p> |
| 7 | 7 | <pre class="quickstart">ssh git@{{.Host}} help # every command, no client to install |
| 8 | 8 | git clone ssh://git@{{.Host}}/owner/repo.git</pre> |
| 9 | <div class="routes"><a class="button primary" href="/explore">Explore repositories</a>{{if .Signup}}<a class="button btn" href="/register">Create an account</a>{{end}}</div> |
| 9 | 10 | <div class="shot"><picture> |
| 10 | 11 | <source srcset="/static/img/mr-dark.png" media="(prefers-color-scheme: dark)"> |
| 11 | 12 | <img src="/static/img/mr-light.png" width="1280" height="900" alt="A merge request page: the conversation on the left, checks and reviewers on the right."> |
| @@ -15,7 +16,6 @@ git clone ssh://git@{{.Host}}/owner/repo.git</pre> |
| 15 | 16 | <section><h2>Write</h2><p>Push over SSH with the key you already have. Create a repository, file an issue, open and merge a request, all as commands.</p></section> |
| 16 | 17 | <section><h2>Review</h2><p>Read a diff, comment on a line, approve, merge, in the browser or the terminal.</p></section> |
| 17 | 18 | </div> |
| 18 | | <div class="routes"><a class="button primary" href="/explore">Explore repositories</a>{{if .Signup}}<a class="button btn" href="/register">Create an account</a>{{end}}</div> |
| 19 | 19 | {{if .Accounts}}<p class="meta">Have an account? {{if .EmailLogin}}<a href="/login">Sign in with an emailed link</a>, or run{{else}}Run{{end}} <code>ssh git@{{.Host}} web login</code>.</p>{{end}} |
| 20 | 20 | </div> |
| 21 | 21 | {{end}} |