@rxova/brand 0.7.0 → 0.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxova/brand",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "type": "module",
   "description": "Design tokens, Starlight theme and shared site chrome for rxova.org",
   "keywords": [

package/src/components/Header.astro

@@ -50,7 +50,7 @@ const { homeHref, logoSrc, items } = Astro.props
   <div class="site__inner">
     <a class="brand" href={homeHref}>
       <img src={logoSrc} alt="" width="28" height="28" />
-      <span>rxova</span>
+      <span>Rxova</span>
     </a>
     <nav aria-label="Sections">
       {

package/src/components/SiteFooter.astro

@@ -20,16 +20,38 @@
  */
 import { PROJECTS, RXOVA_ORIGIN, getProject, siteUrl, type ProjectId } from '../sites.ts'
 
+/** A standalone surface of rxova.org, for the "Site" column. */
+export interface SiteLink {
+  label: string
+  /** Absolute — see sites.ts. */
+  href: string
+}
+
 interface Props {
   /** Current project, if this is a docs site. Omitted on the landing. */
   project?: ProjectId
   /** Optional per-site "Docs" column. */
   docs?: { label: string; href: string }[]
+  /**
+   * The standalone surfaces to list under "Site", below Home.
+   *
+   * Defaults to Blog and Updates, which is what every surface showed when this
+   * column was hardcoded. It is a prop because only the umbrella repo knows
+   * which surfaces are actually *deployed* — `sources.json` gates the mount and
+   * the link together — and a hardcoded list advertises a 404 for a surface
+   * whose first build has not landed yet. Same reason `Header` takes `items`.
+   */
+  site?: readonly SiteLink[]
 }
 
-const { project, docs } = Astro.props
+const { project, docs, site } = Astro.props
 const self = project ? getProject(project) : undefined
 const year = new Date().getFullYear()
+
+const surfaces: readonly SiteLink[] = site ?? [
+  { label: 'Blog', href: siteUrl('/blog') },
+  { label: 'Updates', href: siteUrl('/updates') },
+]
 ---
 
 <footer class="rx-footer">
@@ -37,10 +59,17 @@ const year = new Date().getFullYear()
     <div class="rx-footer__brand">
       <a class="rx-footer__mark" href={RXOVA_ORIGIN}>
         <img src={siteUrl('/rxova-logo-256.png')} alt="" width="28" height="28" loading="lazy" />
-        <span>rxova</span>
+        <span>Rxova</span>
       </a>
+      {
+        /* Not "React libraries": two of the three ship a framework-agnostic
+           core that runs in a worker or a plain script, and Journey also ships a
+           browser extension. React is a binding we provide, not the boundary of
+           what these are. Same correction as the landing's hero. */
+      }
       <p class="rx-footer__blurb">
-        Open-source React libraries, documented in one place. MIT licensed, built in the open.
+        Small TypeScript libraries for the browser, documented in one place. MIT licensed, built in
+        the open.
       </p>
     </div>
 
@@ -108,8 +137,13 @@ const year = new Date().getFullYear()
         <h2 class="rx-footer__title">Site</h2>
         <ul class="rx-footer__list">
           <li><a href={RXOVA_ORIGIN}>Home</a></li>
-          <li><a href={siteUrl('/blog')}>Blog</a></li>
-          <li><a href={siteUrl('/updates')}>Updates</a></li>
+          {
+            surfaces.map((s) => (
+              <li>
+                <a href={s.href}>{s.label}</a>
+              </li>
+            ))
+          }
         </ul>
       </div>
 
@@ -125,7 +159,7 @@ const year = new Date().getFullYear()
   </div>
 
   <div class="rx-footer__legal">
-    <p>© {year} rxova · MIT licensed</p>
+    <p>© {year} Rxova · MIT licensed</p>
     <div class="rx-footer__legal-links">
       <a href={siteUrl('/privacy')}>Privacy</a>
       <a href={siteUrl('/terms')}>Terms</a>

package/src/components/SiteTitle.astro

@@ -28,7 +28,7 @@ const { siteTitle, siteTitleHref } = (
 ---
 
 <div class="rx-site-title">
-  <a href={RXOVA_ORIGIN} class="rx-site-title__mark" aria-label="rxova home">
+  <a href={RXOVA_ORIGIN} class="rx-site-title__mark" aria-label="Rxova home">
     <img src={mark.src} alt="" width="28" height="28" />
   </a>
   <span class="rx-site-title__sep" aria-hidden="true"></span>