From 04b591cd0be655f51284c69022c8854effaf9c7e Mon Sep 17 00:00:00 2001
From: bigbes <bigbes@gmail.com>
Date: Thu, 6 Aug 2026 23:47:10 +0300
Subject: [PATCH] web: git.sr.ht-style dashboard and unified nav brand
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adopt the family look the dolt service already has. The nav brand
becomes circle icon + site name + red service label (dropping the
hub-origin variant), matching every other service on the instance. The
logged-in index turns into the two-column dashboard: a sidebar with the
service blurb and the jump form, and the repositories as shared-theme
event-list cards — name, visibility as small muted text (non-public
only, lowercase), description underneath. The big in-page h2 lives on
only for anonymous visitors, where the nav has no user context yet.
---
 web/templates/index.html  | 50 +++++++++++++++++++++++++++------------
 web/templates/layout.html |  7 +-----
 web/web_test.go           |  4 ++--
 3 files changed, 38 insertions(+), 23 deletions(-)

diff --git a/web/templates/index.html b/web/templates/index.html
index dff25a542542c395748bf7266a4179cc52eb4062..293464c7f8bf2bd19c22d9997418c5bd36d38b4e 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -1,28 +1,43 @@
 {{define "content"}}
+{{if .Data.LoggedIn}}
 <div class="row">
-  <div class="col-md-12">
-    <h2>{{.SiteName}} <span class="text-danger">compare</span></h2>
+  <div class="col-md-4">
     <p>
       Compare two references — branches, tags or commits — of any git repository
       on this instance, and review the diff file by file.
     </p>
+    <form method="GET" action="/jump">
+      <div class="form-group">
+        <label class="sr-only" for="owner">Owner</label>
+        <input class="form-control" type="text" id="owner" name="owner"
+               placeholder="~owner" autocomplete="off">
+      </div>
+      <div class="form-group">
+        <label class="sr-only" for="repo">Repository</label>
+        <input class="form-control" type="text" id="repo" name="repo"
+               placeholder="repo" autocomplete="off">
+      </div>
+      <button class="btn btn-primary btn-block" type="submit">Compare</button>
+    </form>
   </div>
-</div>
-
-{{if .Data.LoggedIn}}
-<div class="row">
-  <div class="col-md-12">
-    <h3>Your repositories</h3>
+  <div class="col-md-8">
+    <hr class="d-md-none" />
     {{if .Data.Repos}}
-    <ul class="list-unstyled">
+    <div class="event-list">
       {{range .Data.Repos}}
-      <li>
-        <a href="/~{{$.Username}}/{{.Name}}"><strong>~{{$.Username}}/{{.Name}}</strong></a>
-        <span class="badge badge-secondary">{{.Visibility}}</span>
-        {{if .Description}}<span class="text-muted"> — {{.Description}}</span>{{end}}
-      </li>
+      <div class="event">
+        <h4>
+          <a href="/~{{$.Username}}/{{.Name}}">~{{$.Username}}/{{.Name}}</a>
+          {{if ne .Visibility "PUBLIC"}}
+          <small class="pull-right">{{if eq .Visibility "UNLISTED"}}unlisted{{else}}private{{end}}</small>
+          {{end}}
+        </h4>
+        {{if .Description}}
+        <p>{{.Description}}</p>
+        {{end}}
+      </div>
       {{end}}
-    </ul>
+    </div>
     {{else}}
     <p class="text-muted">You have no repositories yet.</p>
     {{end}}
@@ -31,6 +46,11 @@
 {{else}}
 <div class="row">
   <div class="col-md-12">
+    <h2>{{.SiteName}} <span class="text-danger">compare</span></h2>
+    <p>
+      Compare two references — branches, tags or commits — of any git repository
+      on this instance, and review the diff file by file.
+    </p>
     <p>
       <a href="{{.LoginURL}}" rel="nofollow">Log in</a> to list your own
       repositories, or jump directly to any repository below.
diff --git a/web/templates/layout.html b/web/templates/layout.html
index 78cd0b40b616e2bceb9ebeee5b73df0cfbfb1a85..1a53b79f089260a7e1cf993aaefbf716592dbb4c 100644
--- a/web/templates/layout.html
+++ b/web/templates/layout.html
@@ -43,18 +43,13 @@
     </div>
     {{end}}
     <nav class="container navbar navbar-light navbar-expand-sm">
-      {{if .HubOrigin}}
-      <span class="navbar-brand">
-        <a href="{{.HubOrigin}}">{{.SiteName}}</a>
-      </span>
-      {{else}}
       <span class="navbar-brand">
+        <span class="icon icon-circle" aria-hidden="true"><svg width="22" height="22" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"/></svg></span>
         <a class="navbar-brand" href="/">
           {{.SiteName}}
           <span class="text-danger">compare</span>
         </a>
       </span>
-      {{end}}
       <ul class="navbar-nav">
         {{if .Username}}
         {{range .Nav}}
diff --git a/web/web_test.go b/web/web_test.go
index 8d83e2dcadbef2670ef2cb455de4f8b8bc9a27d5..a162fe94359ef76906590e8b884122865b91087e 100644
--- a/web/web_test.go
+++ b/web/web_test.go
@@ -381,8 +381,8 @@ func TestIndexLoggedIn(t *testing.T) {
 	if !strings.Contains(body, "/~bigbes/demo") {
 		t.Fatal("logged-in index missing repo link from MyRepos")
 	}
-	if !strings.Contains(body, "PRIVATE") {
-		t.Fatal("logged-in index missing visibility badge")
+	if !strings.Contains(body, `<small class="pull-right">private</small>`) {
+		t.Fatal("logged-in index missing visibility label on the event card")
 	}
 }