Commit `0d66697fa6`

0d66697fa6ecc31dc7c7c5c5c7d9750cf8bc4b7e

parent: 4575477ef7

Verified · cmc

cmc <hello@cleberg.net> · 2026-09-21 20:47 UTC

landing: shoot a merged request, and caption it

The picture was !315, closed without merging in favour of !313, with its
review panel empty and its text about podman flags. The alt text
promised reviewers that were not there.

It is !450 now: merged, two CI checks reporting success with how long
each ran, an approval, and a description a stranger can follow. The
picture is a figure with a caption saying what it shows, and the alt
text describes the panel that is actually in frame.

Closes #245

internal/web/static/img/mr-dark.png

Binary file not shown.

internal/web/static/img/mr-light.png

Binary file not shown.

internal/web/static/style.css +7

		@@ -1643,6 +1643,13 @@ details.refmenu .refdrop a.allrefs {
1643	1643	pre.quickstart { margin: 0 0 var(--sp-4); }
1644	1644	.shot { border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; margin: var(--sp-5) 0; }
1645	1645	.shot img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; object-position: top; }
	1646	.shot figcaption {
	1647	border-top: 1px solid var(--line);
	1648	background: var(--surface);
	1649	padding: var(--sp-2) var(--sp-3);
	1650	color: var(--muted);
	1651	font-size: var(--fs-1);
	1652	}
1646	1653	.facets { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5); margin: var(--sp-5) 0; }
1647	1654	.facets h2 { font-size: var(--fs-3); margin: 0 0 var(--sp-1); }
1648	1655	.facets p { color: var(--muted); font-size: var(--fs-2); margin: 0; }

internal/web/templates/landing.html +5 −3

		@@ -7,10 +7,12 @@
7	7	<pre class="quickstart" tabindex="0">ssh git@{{.Host}} help # every command, no client to install
8	8	git clone ssh://git@{{.Host}}/owner/repo.git</pre>
9	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>
10		<div class="shot"><picture>
	10	<figure class="shot"><picture>
11	11	<source srcset="/static/img/mr-dark.png" media="(prefers-color-scheme: dark)">
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.">
13		</picture></div>
	12	<img src="/static/img/mr-light.png" width="1280" height="900" alt="A merged merge request: the description on the left, and on the right two CI checks reporting success with how long each ran, an approval, and the source and target branches.">
	13	</picture>
	14	<figcaption>A merged merge request on this instance. The description is on the left; the column beside it carries the CI checks, the approval that let it merge, and the branches it went between.</figcaption>
	15	</figure>
14	16	<div class="facets">
15	17	<section><h2>Read</h2><p>Browse and clone any public repository over HTTPS or <code>git://</code>, no account. Every commit shows whether its signature verified.</p></section>
16	18	<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>

Commit 0d66697fa6

Commit `0d66697fa6`