Navbar template

http/api/register.go

@@ -5,6 +5,7 @@ import (
 )
 
 type RegisterProps struct {
+	Navbar          templates.NavCollapse
 	GeneralError    string `json:",omitempty"`
 	Username        templates.InputProps
 	Password        templates.InputProps
@@ -36,6 +37,7 @@ func (p *RegisterProps) Validate() (valid bool) {
 
 func NewRegisterProps(usernameVal, passwordVal, confirmPassVal string) *RegisterProps {
 	return &RegisterProps{
+		Navbar:       templates.DefaultNavCollapse(),
 		GeneralError: "",
 		Username: templates.InputProps{
 			Name:      "username",

http/build-prod.sh

@@ -1,7 +1,4 @@
 top_level=$(git rev-parse --show-toplevel)
 git_version=$($top_level/scripts/git-version)
 
-export GOOS=linux
-export GOARCH=amd64
-
 go build -ldflags=-X=lishwist/http/env.GitVersion=$git_version .

http/response/response.go

@@ -2,6 +2,7 @@ package response
 
 import (
 	"fmt"
+	"lishwist/http/templates"
 	"net/http"
 
 	"github.com/Teajey/rsvp"
@@ -11,10 +12,19 @@ func NotFound() rsvp.Response {
 	return Error(http.StatusNotFound, "Page not found")
 }
 
+type errorProps struct {
+	Navbar  templates.NavCollapse
+	Message string
+}
+
 func Error(status int, format string, a ...any) rsvp.Response {
 	return rsvp.Response{
-		Body:   fmt.Sprintf(format, a...),
-		Status: status,
+		Body: errorProps{
+			Message: fmt.Sprintf(format, a...),
+			Navbar:  templates.DefaultNavCollapse(),
+		},
+		Status:       status,
+		TemplateName: "error_page.gotmpl",
 	}
 }
 

http/routing/account.go

@@ -13,7 +13,7 @@ import (
 )
 
 type AccountProps struct {
-	CurrentUsername   string
+	Navbar            templates.NavCollapse
 	GeneralError      string `json:",omitempty"`
 	PasswordFromAdmin bool   `json:",omitempty"`
 	Password          templates.InputProps
@@ -41,7 +41,7 @@ func (p *AccountProps) Validate() (valid bool) {
 
 func NewAccountProps(username string, passwordFromAdmin bool, passwordVal, confirmPassVal string) *AccountProps {
 	return &AccountProps{
-		CurrentUsername:   username,
+		Navbar:            templates.UserNavCollapse(username, false),
 		PasswordFromAdmin: passwordFromAdmin,
 		Password: templates.InputProps{
 			Type:      "password",

http/routing/foreign_wishlist.go

@@ -3,6 +3,7 @@ package routing
 import (
 	lishwist "lishwist/core"
 	"lishwist/http/response"
+	"lishwist/http/templates"
 	"log"
 	"net/http"
 
@@ -10,6 +11,7 @@ import (
 )
 
 type foreignWishlistProps struct {
+	Navbar          templates.NavCollapse
 	CurrentUserId   string
 	CurrentUserName string
 	Username        string
@@ -35,11 +37,12 @@ func ForeignWishlist(app *lishwist.Session, session *response.Session, h http.He
 		log.Printf("%q couldn't get wishes of other user %q: %s\n", user.Name, otherUser.Name, err)
 		return response.Error(http.StatusInternalServerError, "An error occurred while fetching this user :(")
 	}
-	p := foreignWishlistProps{CurrentUserId: user.Id, CurrentUserName: user.Name, Username: otherUser.Name, Gifts: wishes}
+	p := foreignWishlistProps{Navbar: templates.UserNavCollapse(user.Name, user.PasswordFromAdmin), CurrentUserId: user.Id, Username: otherUser.Name, Gifts: wishes}
 	return response.Data("foreign_wishlist.gotmpl", p)
 }
 
 type publicWishlistProps struct {
+	Navbar    templates.NavCollapse
 	Username  string
 	GiftCount int
 }
@@ -59,6 +62,6 @@ func PublicWishlist(s *response.Session, h http.Header, r *http.Request) rsvp.Re
 		log.Printf("Couldn't get wishes of user %q on public wishlist: %s\n", otherUser.Name, err)
 		return response.Error(http.StatusInternalServerError, "An error occurred while fetching this user :(")
 	}
-	p := publicWishlistProps{Username: otherUser.Name, GiftCount: giftCount}
+	p := publicWishlistProps{Navbar: templates.DefaultNavCollapse(), Username: otherUser.Name, GiftCount: giftCount}
 	return response.Data("public_foreign_wishlist.gotmpl", p)
 }

http/routing/groups.go

@@ -7,13 +7,14 @@ import (
 
 	lishwist "lishwist/core"
 	"lishwist/http/response"
+	"lishwist/http/templates"
 
 	"github.com/Teajey/rsvp"
 )
 
 type GroupProps struct {
-	Group           *lishwist.Group
-	CurrentUsername string
+	Navbar templates.NavCollapse
+	Group  *lishwist.Group
 }
 
 func AdminGroup(app *lishwist.Session, h http.Header, r *http.Request) rsvp.Response {
@@ -31,8 +32,8 @@ func AdminGroup(app *lishwist.Session, h http.Header, r *http.Request) rsvp.Resp
 		group.Members = slices.Delete(group.Members, index, index+1)
 	}
 	p := GroupProps{
-		Group:           group,
-		CurrentUsername: user.Name,
+		Navbar: templates.UserNavCollapse(user.Name, user.PasswordFromAdmin),
+		Group:  group,
 	}
 	return response.Data("group_page.gotmpl", p)
 }
@@ -54,8 +55,8 @@ func Group(app *lishwist.Session, session *response.Session, h http.Header, r *h
 	index := group.MemberIndex(user.Id)
 	group.Members = slices.Delete(group.Members, index, index+1)
 	p := GroupProps{
-		Group:           group,
-		CurrentUsername: user.Name,
+		Navbar: templates.UserNavCollapse(user.Name, user.PasswordFromAdmin),
+		Group:  group,
 	}
 	return response.Data("group_page.gotmpl", p)
 }
@@ -67,8 +68,12 @@ func PublicGroup(s *response.Session, h http.Header, r *http.Request) rsvp.Respo
 		log.Printf("Couldn't get group: %s\n", err)
 		return response.Error(http.StatusInternalServerError, "An error occurred while fetching this group :(")
 	}
+	if group == nil {
+		return response.Error(http.StatusNotFound, "Group not found")
+	}
 	p := GroupProps{
-		Group: group,
+		Navbar: templates.DefaultNavCollapse(),
+		Group:  group,
 	}
 	return response.Data("public_group_page.gotmpl", p)
 }

http/routing/home.go

@@ -7,18 +7,16 @@ import (
 	lishwist "lishwist/core"
 	"lishwist/http/env"
 	"lishwist/http/response"
+	"lishwist/http/templates"
 
 	"github.com/Teajey/rsvp"
 )
 
 type HomeProps struct {
-	Username     string
-	Gifts        []lishwist.Wish
-	Todo         []lishwist.Wish
-	Reference    string
-	HostUrl      string
-	Groups       []lishwist.Group
-	AccountAlert bool
+	Navbar templates.NavCollapse
+	Gifts  []lishwist.Wish
+	Todo   []lishwist.Wish
+	Groups []lishwist.Group
 }
 
 func Home(app *lishwist.Session, session *response.Session, h http.Header, r *http.Request) rsvp.Response {
@@ -38,7 +36,10 @@ func Home(app *lishwist.Session, session *response.Session, h http.Header, r *ht
 		log.Printf("Failed to get groups: %s\n", err)
 		return response.Error(http.StatusInternalServerError, "An error occurred while fetching your wishlist :(")
 	}
-	p := HomeProps{Username: user.Name, Gifts: gifts, Todo: todo, Reference: user.Reference, HostUrl: env.Configuration.HostUrl, Groups: groups, AccountAlert: user.PasswordFromAdmin}
+	p := HomeProps{Navbar: templates.NavCollapse{
+		User:        &templates.User{Name: user.Name, CopyList: &templates.CopyList{Domain: env.Configuration.HostUrl, Reference: user.Reference}},
+		AccountLink: &templates.AccountLink{Alert: user.PasswordFromAdmin},
+	}, Gifts: gifts, Todo: todo, Groups: groups}
 	return response.Data("home.gotmpl", p)
 }
 

http/routing/login.go

@@ -33,13 +33,16 @@ func Login(s *response.Session, h http.Header, r *http.Request) rsvp.Response {
 }
 
 func LoginPost(session *response.Session, h http.Header, r *http.Request) rsvp.Response {
-	err := r.ParseForm()
-	if err != nil {
-		return response.Error(http.StatusBadRequest, "Failed to parse form")
-	}
+	username, password, ok := r.BasicAuth()
+	if !ok {
+		err := r.ParseForm()
+		if err != nil {
+			return response.Error(http.StatusBadRequest, "Failed to parse form")
+		}
 
-	username := r.Form.Get("username")
-	password := r.Form.Get("password")
+		username = r.Form.Get("username")
+		password = r.Form.Get("password")
+	}
 
 	props := api.NewLoginProps(username, password)
 

http/routing/register.go

@@ -29,14 +29,20 @@ func Register(session *response.Session, h http.Header, r *http.Request) rsvp.Re
 }
 
 func RegisterPost(s *response.Session, h http.Header, r *http.Request) rsvp.Response {
-	err := r.ParseForm()
-	if err != nil {
-		return response.Error(http.StatusBadRequest, "Failed to parse form")
-	}
+	var confirmPassword string
+	username, newPassword, ok := r.BasicAuth()
+	if ok {
+		confirmPassword = newPassword
+	} else {
+		err := r.ParseForm()
+		if err != nil {
+			return response.Error(http.StatusBadRequest, "Failed to parse form")
+		}
 
-	username := r.Form.Get("username")
-	newPassword := r.Form.Get("newPassword")
-	confirmPassword := r.Form.Get("confirmPassword")
+		username = r.Form.Get("username")
+		newPassword = r.Form.Get("newPassword")
+		confirmPassword = r.Form.Get("confirmPassword")
+	}
 
 	props := api.NewRegisterProps(username, newPassword, confirmPassword)
 
@@ -49,7 +55,7 @@ func RegisterPost(s *response.Session, h http.Header, r *http.Request) rsvp.Resp
 		return rsvp.SeeOther(r.URL.Path, props)
 	}
 
-	_, err = lishwist.Register(username, newPassword)
+	_, err := lishwist.Register(username, newPassword)
 	if err != nil {
 		if errors.Is(err, lishwist.ErrorUsernameTaken) {
 			props.Username.Error = "Username is taken"

http/templates/account.gotmpl

@@ -7,41 +7,7 @@
 
 <body>
   <div style="height: 100svh;" class="d-flex flex-column">
-    <div class="navbar navbar-expand-lg bg-body-tertiary">
-      <div class="container-fluid">
-        <div class="navbar-brand">Lishwist</div>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-          aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarToggle">
-          <nav>
-            <ul class="navbar-nav">
-              <li class="nav-item">
-                <a class="nav-link" href="/">Home</a>
-              </li>
-            </ul>
-          </nav>
-          <div class="flex-grow-1"></div>
-          <ul class="navbar-nav">
-            <li class="nav-item">
-              <div class="dropdown">
-                <button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-                  Logged in as '{{.CurrentUsername}}'
-                </button>
-                <ul class="dropdown-menu">
-                  <li>
-                    <form class="d-contents" method="post" action="/logout">
-                      <button class="dropdown-item" type="submit">Logout</button>
-                    </form>
-                  </li>
-                </ul>
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
+    {{template "navbar" .Navbar}}
     <div class="overflow-y-scroll flex-grow-1">
       <div class="container py-5">
         {{with .GeneralError}}
@@ -80,4 +46,4 @@
   </div>
 </body>
 
-</html>
+</html>

http/templates/base.gotmpl

@@ -41,28 +41,62 @@
   </script>
 {{end}}
 
-{{define "boilerplate"}}
-<head>
-  {{template "head" .}}
-</head>
-
-<body>
-  <div style="height: 100svh;" class="d-flex flex-column">
-    <div class="navbar navbar-expand-lg bg-body-tertiary">
-      <div class="container-fluid">
-        <div class="navbar-brand">Lishwist</div>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-          aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarToggle">
-          {{template "navbar" .}}
-        </div>
+{{define "navbar"}}
+  <div class="navbar navbar-expand-lg bg-body-tertiary">
+    <div class="container-fluid">
+      <div class="navbar-brand">Lishwist</div>
+      {{with .}}
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
+        aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>{{if and .AccountLink .AccountLink.Alert}} <span
+            class="badge text-bg-danger">!</span>{{end}}
+      </button>
+      <div class="collapse navbar-collapse" id="navbarToggle">
+        {{with .Links}}
+        <nav>
+          <ul class="navbar-nav">
+            {{range .}}
+            <li class="nav-item">
+              <a class="nav-link" href="{{.Href}}">{{.Name}}</a>
+            </li>
+            {{end}}
+          </ul>
+        </nav>
+        {{end}}
+        <div class="flex-grow-1"></div>
+        {{with .User}}
+        <ul class="navbar-nav">
+          {{with .CopyList}}
+          <li class="nav-item"><button class="btn btn-success"
+              onclick="navigator.clipboard.writeText('{{.Domain}}/lists/{{.Reference}}'); alert('The share link to your wishlist has been copied to your clipboard. Anyone with the link will be able to claim gifts for you. Share it with someone!');">Copy
+              share link</button></li>
+          {{end}}
+          <li class="nav-item">
+            <div class="dropdown">
+              <button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+                Logged in as '{{.Name}}'
+              </button>
+              <ul class="dropdown-menu">
+                {{with $.AccountLink}}
+                <li>
+                  <a class="dropdown-item" href="/account">Account{{if .Alert}} <span
+                      class="badge text-bg-danger">!</span>{{end}}</a>
+                </li>
+                {{end}}
+                <li>
+                  <form class="d-contents" method="post" action="/logout">
+                    <button class="dropdown-item" type="submit">Logout</button>
+                  </form>
+                </li>
+              </ul>
+            </div>
+          </li>
+        </ul>
+        {{end}}
       </div>
+      {{end}}
     </div>
-    {{template "body" .}}
   </div>
-</body>
 {{end}}
 
 {{define "login_prompt"}}

http/templates/error_page.gotmpl

@@ -1,29 +1,12 @@
 <!doctype html>
 <html>
   <head>
-    {{template "head" .}}
+    {{template "head"}}
   </head>
 
   <body>
     <div style="height: 100svh;" class="d-flex flex-column">
-      <div class="navbar navbar-expand-lg bg-body-tertiary">
-        <div class="container-fluid">
-          <div class="navbar-brand">Lishwist</div>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-            aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarToggle">
-            <nav>
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="/">Home</a>
-                </li>
-              </ul>
-            </nav>
-          </div>
-        </div>
-      </div>
+      {{template "navbar" .Navbar}}
       <div class="container d-flex flex-grow-1 justify-content-center align-items-center flex-column">
         <div class="alert alert-danger" role="alert">
           <p class="mb-0">{{.Message}}</p>

http/templates/foreign_wishlist.gotmpl

@@ -1,46 +1,12 @@
 <!doctype html>
 <html>
   <head>
-    {{template "head" .}}
+    {{template "head"}}
   </head>
 
   <body>
     <div style="height: 100svh;" class="d-flex flex-column">
-      <div class="navbar navbar-expand-lg bg-body-tertiary">
-        <div class="container-fluid">
-          <div class="navbar-brand">Lishwist</div>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-            aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarToggle">
-            <nav>
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="/">Home</a>
-                </li>
-              </ul>
-            </nav>
-            <div class="flex-grow-1"></div>
-            <ul class="navbar-nav">
-              <li class="nav-item">
-                <div class="dropdown">
-                  <button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-                    Logged in as '{{.CurrentUserName}}'
-                  </button>
-                  <ul class="dropdown-menu">
-                    <li>
-                      <form class="d-contents" method="post" action="/logout">
-                        <button class="dropdown-item" type="submit">Logout</button>
-                      </form>
-                    </li>
-                  </ul>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+      {{template "navbar" .Navbar}}
       <div class="overflow-y-scroll flex-grow-1">
         <div class="container py-5">
           <section class="card">

http/templates/group_page.gotmpl

@@ -1,46 +1,12 @@
 <!doctype html>
 <html>
   <head>
-    {{template "head" .}}
+    {{template "head"}}
   </head>
 
   <body>
     <div style="height: 100svh;" class="d-flex flex-column">
-      <div class="navbar navbar-expand-lg bg-body-tertiary">
-        <div class="container-fluid">
-          <div class="navbar-brand">Lishwist</div>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-            aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarToggle">
-            <nav>
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="/">Home</a>
-                </li>
-              </ul>
-            </nav>
-            <div class="flex-grow-1"></div>
-            <ul class="navbar-nav">
-              <li class="nav-item">
-                <div class="dropdown">
-                  <button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-                    Logged in as '{{.CurrentUsername}}'
-                  </button>
-                  <ul class="dropdown-menu">
-                    <li>
-                      <form class="d-contents" method="post" action="/logout">
-                        <button class="dropdown-item" type="submit">Logout</button>
-                      </form>
-                    </li>
-                  </ul>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+      {{template "navbar" .Navbar}}
       <div class="overflow-y-scroll flex-grow-1">
         <div class="container py-5">
           <section class="card">

http/templates/home.gotmpl

@@ -2,47 +2,12 @@
 <html>
 
 <head>
-  {{template "head" .}}
+  {{template "head"}}
 </head>
 
 <body>
   <div style="height: 100svh;" class="d-flex flex-column">
-    <div class="navbar navbar-expand-lg bg-body-tertiary">
-      <div class="container-fluid">
-        <div class="navbar-brand">Lishwist</div>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-          aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>{{if .AccountAlert}} <span
-            class="badge text-bg-danger">!</span>{{end}}
-        </button>
-        <div class="collapse navbar-collapse" id="navbarToggle">
-          <div class="flex-grow-1"></div>
-          <ul class="navbar-nav">
-            <li class="nav-item"><button class="btn btn-success"
-                onclick="navigator.clipboard.writeText('{{.HostUrl}}/lists/{{.Reference}}'); alert('The share link to your wishlist has been copied to your clipboard. Anyone with the link will be able to claim gifts for you. Share it with someone!');">Copy
-                share link</button></li>
-            <li class="nav-item">
-              <div class="dropdown">
-                <button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-                  Logged in as '{{.Username}}'{{if .AccountAlert}} <span class="badge text-bg-danger">!</span>{{end}}
-                </button>
-                <ul class="dropdown-menu">
-                  <li>
-                    <a class="dropdown-item" href="/account">Account{{if .AccountAlert}} <span
-                        class="badge text-bg-danger">!</span>{{end}}</a>
-                  </li>
-                  <li>
-                    <form class="d-contents" method="post" action="/logout">
-                      <button class="dropdown-item" type="submit">Logout</button>
-                    </form>
-                  </li>
-                </ul>
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
+    {{template "navbar" .Navbar}}
     <div class="overflow-y-scroll flex-grow-1">
       <div class="container py-5">
         <section class="card mb-4">
@@ -135,4 +100,4 @@
   </div>
 </body>
 
-</html>
+</html>

http/templates/login.gotmpl

@@ -1,22 +1,12 @@
 <!doctype html>
 <html>
   <head>
-    {{template "head" .}}
+    {{template "head"}}
   </head>
 
   <body>
     <div style="height: 100svh;" class="d-flex flex-column">
-      <div class="navbar navbar-expand-lg bg-body-tertiary">
-        <div class="container-fluid">
-          <div class="navbar-brand">Lishwist</div>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-            aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarToggle">
-          </div>
-        </div>
-      </div>
+      {{template "navbar"}}
       <div class="container d-flex flex-grow-1 justify-content-center align-items-center flex-column">
         {{if .SuccessfulRegistration}}
         <div class="alert alert-success" role="alert">

http/templates/public_foreign_wishlist.gotmpl

@@ -1,29 +1,12 @@
 <!doctype html>
 <html>
   <head>
-    {{template "head" .}}
+    {{template "head"}}
   </head>
 
   <body>
     <div style="height: 100svh;" class="d-flex flex-column">
-      <div class="navbar navbar-expand-lg bg-body-tertiary">
-        <div class="container-fluid">
-          <div class="navbar-brand">Lishwist</div>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-            aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarToggle">
-            <nav>
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="/">Home</a>
-                </li>
-              </ul>
-            </nav>
-          </div>
-        </div>
-      </div>
+      {{template "navbar" .Navbar}}
       <div class="overflow-y-scroll flex-grow-1">
         <div class="container py-5">
           <section class="card">

http/templates/public_group_page.gotmpl

@@ -1,50 +1,33 @@
 <!doctype html>
 <html>
   <head>
-    {{template "head" .}}
+    {{template "head"}}
   </head>
 
   <body>
     <div style="height: 100svh;" class="d-flex flex-column">
-      <div class="navbar navbar-expand-lg bg-body-tertiary">
-        <div class="container-fluid">
-          <div class="navbar-brand">Lishwist</div>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-            aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarToggle">
-            <nav>
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="/">Home</a>
+      {{template "navbar" .Navbar}}
+      <div class="overflow-y-scroll flex-grow-1">
+        <div class="container py-5">
+          <section class="card">
+            <div class="card-body">
+              <h2><em>{{.Group.Name}}</em> group members</h2>
+              <p>{{template "login_prompt"}} to see your groups</p>
+              {{with .Group.Members}}
+              <ul class="list-group">
+                {{range .}}
+                <li class="list-group-item">
+                  {{.Name}}
                 </li>
+                {{end}}
               </ul>
-            </nav>
-          </div>
+              {{else}}
+              <p>There's nobody else in this group.</p>
+              {{end}}
+            </div>
+          </section>
         </div>
       </div>
-        <div class="overflow-y-scroll flex-grow-1">
-          <div class="container py-5">
-            <section class="card">
-              <div class="card-body">
-                <h2><em>{{.Group.Name}}</em> group members</h2>
-                <p>{{template "login_prompt"}} to see your groups</p>
-                {{with .Group.Members}}
-                <ul class="list-group">
-                  {{range .}}
-                  <li class="list-group-item">
-                    {{.Name}}
-                  </li>
-                  {{end}}
-                </ul>
-                {{else}}
-                <p>There's nobody else in this group.</p>
-                {{end}}
-              </div>
-            </section>
-          </div>
-        </div>
     </div>
   </body>
 </html>

http/templates/register.gotmpl

@@ -1,29 +1,12 @@
 <!doctype html>
 <html>
   <head>
-    {{template "head" .}}
+    {{template "head"}}
   </head>
 
   <body>
     <div style="height: 100svh;" class="d-flex flex-column">
-      <div class="navbar navbar-expand-lg bg-body-tertiary">
-        <div class="container-fluid">
-          <div class="navbar-brand">Lishwist</div>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
-            aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarToggle">
-            <nav>
-              <ul class="navbar-nav">
-                <li class="nav-item">
-                  <a class="nav-link" href="/">Home</a>
-                </li>
-              </ul>
-            </nav>
-          </div>
-        </div>
-      </div>
+      {{template "navbar" .Navbar}}
       <div class="container d-flex flex-grow-1 justify-content-center align-items-center flex-column">
         <div class="alert alert-warning" role="alert">
           <p>Your password will be stored in a safe, responsible manner; but don't trust my programming skills!</p>

http/templates/templates.go

@@ -5,6 +5,43 @@ import (
 	"html/template"
 )
 
+type AccountLink struct {
+	Alert bool
+}
+
+type Link struct {
+	Href string
+	Name string
+}
+
+type CopyList struct {
+	Domain    string
+	Reference string
+}
+
+type User struct {
+	Name     string
+	CopyList *CopyList
+}
+
+type NavCollapse struct {
+	User        *User
+	AccountLink *AccountLink
+	Links       []Link
+}
+
+func DefaultNavCollapse() NavCollapse {
+	return NavCollapse{Links: []Link{{Href: "/", Name: "Home"}}}
+}
+
+func UserNavCollapse(username string, accountAlert bool) NavCollapse {
+	return NavCollapse{
+		Links:       []Link{{Href: "/", Name: "Home"}},
+		User:        &User{Name: username},
+		AccountLink: &AccountLink{Alert: accountAlert},
+	}
+}
+
 type InputProps struct {
 	Type      string `json:",omitempty"`
 	Name      string