diff --git a/web/static/css/app.css b/web/static/css/app.css index 0356bfb..e5b224e 100644 --- a/web/static/css/app.css +++ b/web/static/css/app.css @@ -50,12 +50,7 @@ code { font: 0.9em ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; bac -webkit-backdrop-filter: saturate(160%) blur(14px); border-bottom: 1px solid color-mix(in srgb, var(--border) 60%, transparent); } -.topbar-inner { display: flex; align-items: center; justify-content: space-between; height: 60px; gap: 16px; } -.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 650; min-width: 0; } -.brand-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -.brand-avatar { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; } -.brand-mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--accent-soft); color: var(--accent); } -.brand-mark .icon { width: 18px; height: 18px; } +.topbar-inner { display: flex; align-items: center; justify-content: flex-end; height: 60px; gap: 16px; } .topnav { display: flex; align-items: center; gap: 4px; } .topnav a, .topnav-btn { display: inline-flex; align-items: center; gap: 7px; diff --git a/web/static/js/admin-settings.js b/web/static/js/admin-settings.js index 6f987d0..a27f07f 100644 --- a/web/static/js/admin-settings.js +++ b/web/static/js/admin-settings.js @@ -82,7 +82,7 @@ function profileSection() { const form = h("form", { class: "stack" }, h("div", { class: "avatar-edit" }, avatarBox, h("div", { class: "row-btns", style: { display: "flex", gap: "6px", flexWrap: "wrap" } }, uploadBtn, removeBtn, file)), - h("div", { class: "row" }, field("Your name", ownerName, "Shown as the page heading."), field("Site title", siteTitle, "Shown in the header and browser tab. Leave blank to use “Your name's Canon”.")), + h("div", { class: "row" }, field("Your name", ownerName, "Shown as the page heading."), field("Site title", siteTitle, "Shown in the browser tab. Leave blank to use “Your name's Canon”.")), field("Tagline", tagline), field("Entries per list on the home page", preview, "Visitors see the full list on each list's page. 0 shows only the heading."), h("label", { class: "check" }, notes, "Show why each entry is ranked where it is"), @@ -95,11 +95,7 @@ function profileSection() { ownerName: ownerName.value, siteTitle: siteTitle.value, tagline: tagline.value, previewCount: Number(preview.value), showNotes: notes.checked, showPreviews: previews.checked, }, save, "Profile saved"); - if (ok) { - renderAvatar(); - const brand = document.querySelector(".brand-name"); - if (brand) brand.textContent = settings.siteTitleShown; - } + if (ok) renderAvatar(); }); renderAvatar(); return section("profile", "Profile", "Who's behind the lists.", form); diff --git a/web/templates/layout.html b/web/templates/layout.html index 27bee16..b2afde6 100644 --- a/web/templates/layout.html +++ b/web/templates/layout.html @@ -15,7 +15,8 @@ -{{- if ne .Path "/"}} +{{- /* The bar only holds the owner's links, so visitors never see it. */}} +{{- if and .LoggedIn (ne .Path "/")}} {{template "topbar" .}} {{- else if .LoggedIn}} {{- /* The home page is the public face, so even signed in the bar stays @@ -42,11 +43,6 @@ {{define "topbar"}}
- - {{- if .Site.AvatarURL}}{{else}}{{icon "deck"}}{{end -}} - {{.Site.Title}} - - {{- if .LoggedIn}} - {{- end}}
{{end}}