Commit `03fe6e4437`

03fe6e44370f8129c9ac68f13fe674cc271f5ffa

parent: 43a8eaa579

Verified · cmc

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

web: tabs wrap on a phone, and the landing page says what the forge does

On a phone the tab bar scrolled sideways with its scrollbar hidden, so
the tabs past the edge looked absent; they wrap to a second row
instead. The landing page had a paragraph and a code block; it now
says in three short sections what a reader, a writer and a reviewer
can do.

The header stays the same on every tab: it sits above the tab bar,
and hiding the description and topics off the code tab moved the
navigation between clicks, which TestReadmeRelativeLinks guards.

Closes #134

Layout: unified · split

internal/web/static/style.css +7

   .railpinned { border-top: 0; padding: 0; }
   .content { padding: var(--sp-4) var(--sp-4) var(--sp-5); }
   .repohead { padding: var(--sp-3) var(--sp-4) 0; }
+  /* seven tabs do not fit a phone in one row; a hidden scrollbar made
+     the ones past the edge look absent. Two rows show all of them. */
+  nav.tabs { flex-wrap: wrap; overflow: visible; }
 }
 /* tables */
   margin: 0 0 var(--sp-4);
 }
 .landing .explorelink { font-weight: 550; }
+.landing .facets { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5); margin: var(--sp-5) 0; }
+.landing .facets h2 { font-size: var(--fs-3); margin: 0 0 var(--sp-1); }
+.landing .facets p { margin: 0; color: var(--muted); font-size: var(--fs-2); line-height: 1.6; }
+@media (max-width: 40rem) { .landing .facets { grid-template-columns: 1fr; gap: var(--sp-4); } }
 /* index toolbar */
 p.toolbar { color: var(--muted); font-size: var(--fs-2); margin-top: var(--sp-4); }

internal/web/templates/landing.html +5

 the web is a fast, readable rendering of that state.</p>
 <pre class="quickstart">ssh git@{{.Host}} help                # every command, no client needed
 git clone ssh://git@{{.Host}}/owner/repo.git</pre>
+<div class="facets">
+  <section><h2>Read</h2><p>Browse and clone any public repository, over HTTPS or <code>git://</code>, with no account. Every commit shows whether its signature was verified.</p></section>
+  <section><h2>Write</h2><p>Push over SSH with the key you already have. <code>ssh git@{{.Host}} repo create you/project</code> is the whole onboarding; issues, merge requests and reviews are commands too.</p></section>
+  <section><h2>Review</h2><p>The web is a rendering of the same state: read a diff, comment on a line, approve, merge. Everything it can do, the terminal can do first.</p></section>
+</div>
 <p><a class="explorelink" href="/explore">explore public repositories →</a></p>
 {{if .Accounts}}<p class="meta">have an account? mint a browser session from your terminal: <code>gitbay web login</code>{{if .Signup}} · new here? <a href="/register">create an account</a>{{end}}</p>{{end}}
 </div>

internal/web/templates/layout.html +4 −1

     <span class="grow"></span>
     {{if $.Viewer}}<form method="post" action="/{{.OwnerName}}/{{.Name}}/pin" class="inline"><button type="submit" class="btn" aria-pressed="{{if field $ "Pinned"}}true{{else}}false{{end}}"><span aria-hidden="true">{{if field $ "Pinned"}}★{{else}}☆{{end}}</span> {{if field $ "Pinned"}}Pinned{{else}}Pin{{end}}</button></form>{{end}}
   </div>
+  {{$top := topTab (str $ "Tab")}}
+  {{/* The header is the same on every tab: it sits above the tab bar,
+       and anything shown on one tab and not another would move the
+       navigation between clicks of that navigation. */}}
   {{with field $ "Desc"}}<p class="repodesc">{{.}}</p>{{end}}
   {{with field $ "Topics"}}<p class="topics">{{range .}}<a class="chip topic" href="/explore?q={{.}}">{{.}}</a> {{end}}</p>{{end}}
   {{with $.Repo.Settings.Website}}<p class="repometa"><a href="{{.}}" rel="nofollow">{{.}}</a></p>{{end}}
   {{range field $ "Mirrors"}}<p class="repometa">{{if eq .Direction "push"}}Mirrors to{{else}}Mirrors from{{end}} <a href="{{.URL}}" rel="nofollow">{{.Target}}</a>{{if .Error}} · <span class="bad">sync error: {{.Error}}</span>{{else if .Synced}} · synced {{.Synced}}{{end}}</p>
   {{end}}
   <nav class="tabs" aria-label="Repository">
-    {{$top := topTab (str $ "Tab")}}
     <a {{if eq $top "code"}}aria-current="page" {{end}}href="/{{.OwnerName}}/{{.Name}}">Code</a>
     <a {{if eq $top "issues"}}aria-current="page" {{end}}href="/{{.OwnerName}}/{{.Name}}/issues">Issues{{with field $ "OpenIssues"}}{{if .}} <i>{{.}}</i>{{end}}{{end}}</a>
     <a {{if eq $top "mrs"}}aria-current="page" {{end}}href="/{{.OwnerName}}/{{.Name}}/mrs">Merge requests{{with field $ "OpenMRs"}}{{if .}} <i>{{.}}</i>{{end}}{{end}}</a>

Commit 03fe6e4437

Commit `03fe6e4437`