cdnutter/canon
1
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Drop the logo and title from the top bar

Browse Source 
The bar now holds only Lists, Settings and Sign out, right-aligned, and
is shown only when signed in, so visitors never see it on any page.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
cdnutterandClaude Opus 5.5 committed 2026-09-30 15:40:23 -07:00
1 parent 0d4bbe8c8a
commit 568162202b
3 files changed
+5 -19
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/static/css/app.css
+1 -6
View File
@@ -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;
web/static/js/admin-settings.js
+2 -6
View File
@@ -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);