diff --git a/astro.config.mjs b/astro.config.mjs index e2a5704..9942161 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -18,11 +18,12 @@ export default defineConfig({ }, integrations: [ starlight({ - title: 'An Honest Host KB', - description: 'Customer documentation for WHP and other An Honest Host services.', - logo: { - src: './src/assets/logo.svg', - replacesTitle: false, + title: 'AnHonestHost KB', + description: 'Customer documentation for WHP and other AnHonestHost services.', + components: { + // Inline-SVG brand mark + "Knowledge Base" label. + // Inlining lets the SVG's currentColor follow the active theme. + SiteTitle: './src/components/SiteTitle.astro', }, customCss: [ '@fontsource-variable/inter', diff --git a/src/assets/logo.svg b/src/assets/logo.svg index 40942e5..7414aee 100644 --- a/src/assets/logo.svg +++ b/src/assets/logo.svg @@ -1,4 +1,6 @@ - - AHH - KB + + + + + AnHonestHost diff --git a/src/components/SiteTitle.astro b/src/components/SiteTitle.astro new file mode 100644 index 0000000..07dee1e --- /dev/null +++ b/src/components/SiteTitle.astro @@ -0,0 +1,49 @@ +--- +const { siteTitleHref } = Astro.locals.starlightRoute; +--- + + + + Knowledge Base + + + diff --git a/src/pages/index.astro b/src/pages/index.astro index aa9f667..9a6b0e0 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -56,10 +56,10 @@ const visibleProducts: Product[] = Array.from(byProduct.entries()) - An Honest Host Knowledge Base + AnHonestHost Knowledge Base @@ -75,11 +75,26 @@ const visibleProducts: Product[] = Array.from(byProduct.entries()) } header, footer { - padding: 1.5rem 2rem; + padding: 1.25rem 2rem; } header { border-bottom: 1px solid var(--anhh-border-color, #334155); } + a.brand { + display: inline-flex; + align-items: center; + gap: 0.75rem; + color: inherit; + text-decoration: none; + } + .kb-label { + font-size: 0.875rem; + font-weight: 500; + color: var(--anhh-text-secondary, #94a3b8); + padding-left: 0.75rem; + border-left: 1px solid var(--anhh-border-color, #334155); + line-height: 1; + } footer { border-top: 1px solid var(--anhh-border-color, #334155); font-size: 0.875rem; @@ -152,7 +167,17 @@ const visibleProducts: Product[] = Array.from(byProduct.entries()) -
An Honest Host ยท Knowledge Base
+
+ + + + + + AnHonestHost + + Knowledge Base + +

Knowledge Base

Pick a product to get started.