@rizom/site-rizom-ai 0.2.0-alpha.181 → 0.2.0-alpha.182

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rizom/site-rizom-ai",
-  "version": "0.2.0-alpha.181",
+  "version": "0.2.0-alpha.182",
   "description": "Rizom AI site package for hosted Rover deployments",
   "type": "module",
   "exports": {
@@ -18,9 +18,9 @@
     "prepack": "publish-manifest prepare"
   },
   "dependencies": {
-    "@rizom/site": "0.2.0-alpha.181",
-    "@rizom/site-rizom": "0.2.0-alpha.181",
-    "@rizom/site-sections": "0.2.0-alpha.181",
+    "@rizom/site": "0.2.0-alpha.182",
+    "@rizom/site-rizom": "0.2.0-alpha.182",
+    "@rizom/site-sections": "0.2.0-alpha.182",
     "preact": "^10.27.2"
   },
   "publishConfig": {

package/src/brain.tsx

@@ -237,7 +237,7 @@ function BrainRunSection({
         headline={headline}
         intro={intro}
       />
-      <div className="reveal reveal-delay-1 mt-7 max-w-[1120px]">
+      <div className="reveal reveal-delay-1 mt-7">
         <DashboardScreen />
       </div>
       <p className="reveal reveal-delay-2 mt-5 max-w-[52em] font-display text-[17px] font-normal italic text-theme-light [font-variation-settings:'SOFT'_85]">
@@ -334,7 +334,7 @@ function BrainQuickstartSection({
   return (
     <Section id="quickstart" className="py-14">
       <SectCap lead={cap} trail={capNote} />
-      <div className="mt-7 grid max-w-[1000px] items-start gap-12 md:grid-cols-[1.15fr_1fr]">
+      <div className="mt-7 grid items-start gap-12 md:grid-cols-[1.15fr_1fr]">
         <div className="reveal reveal-delay-1 border border-theme bg-theme-subtle/60 px-6 py-5 font-label text-[14px] leading-[1.9]">
           {lines.map((line, i) => (
             <div key={i} className={termLineClass(line.kind)}>

package/src/foundation.tsx

@@ -159,7 +159,7 @@ function FoundationSupportSection({
   return (
     <Section id="support" className="py-14">
       <SectCap lead={cap} trail={capNote} />
-      <div className="mt-[26px] grid max-w-[900px] gap-13 md:grid-cols-2">
+      <div className="mt-[26px] grid gap-13 md:grid-cols-2">
         {options.map((option, i) => (
           <div key={option.kicker} className={`reveal ${delayClass(i + 1)}`}>
             <span className="font-label text-label-xs uppercase tracking-[0.16em] text-accent">
@@ -168,7 +168,7 @@ function FoundationSupportSection({
             <div className="mt-2 font-display text-[30px] font-[480] text-theme [font-variation-settings:'SOFT'_40]">
               {option.amount}
             </div>
-            <p className="mt-2 font-body text-[15.5px] text-theme-light">
+            <p className="mt-2 max-w-[52ch] font-body text-[15.5px] text-theme-light">
               {option.text}
             </p>
           </div>

package/src/growth-diagram.tsx

@@ -8,7 +8,7 @@ import type { JSX } from "preact";
    The wrapper's `reveal` class lets boot.js trigger the sequence. */
 export function GrowthDiagram(): JSX.Element {
   return (
-    <div className="growth reveal reveal-delay-1 mt-5 max-w-[1020px]">
+    <div className="growth reveal reveal-delay-1 mt-5">
       <svg
         viewBox="0 0 980 290"
         role="img"

package/src/layout.tsx

@@ -116,7 +116,12 @@ function FacesStrip({ path }: { path: string }): JSX.Element {
   const home = isHome(path);
   return (
     <div className="relative z-[2] flex flex-wrap items-baseline gap-x-4 gap-y-1.5 border-b border-theme-light px-4 py-3 font-label text-label-xs uppercase tracking-[0.12em] sm:gap-x-6 sm:px-6 sm:tracking-[0.14em] md:px-10 xl:px-20">
-      <span className="text-theme-muted">rizom</span>
+      <a
+        href="/"
+        className="-my-2 inline-block py-2 text-theme-muted transition-colors hover:text-theme"
+      >
+        rizom
+      </a>
       {FACES.map((item) =>
         // No face is current on the umbrella home, nor on a cross-room index.
         item.key === face && !activeIndex && !home ? (
@@ -174,12 +179,14 @@ function Wordmark({ nameplate }: { nameplate: string | null }): JSX.Element {
 
 function FaceNav({
   face,
-  home,
+  umbrella,
 }: {
   face: FaceKey;
-  home: boolean;
+  umbrella: boolean;
 }): JSX.Element {
-  const chrome = home ? HOME_CHROME : FACE_CHROME[face];
+  // Home and the org indexes (/writing, /network) belong to no face —
+  // they wear the plain umbrella chrome, not a room nameplate.
+  const chrome = umbrella ? HOME_CHROME : FACE_CHROME[face];
   // Deliberately NOT merged with siteInfo.navigation: entity plugins
   // register slot-based nav entries for every list route (topics,
   // posts, …), which floods the bar. Each room owns its own links.
@@ -356,7 +363,7 @@ function RizomAiChrome({
   children: ComponentChildren;
 }): JSX.Element {
   const face = activeFace(path);
-  const home = isHome(path);
+  const umbrella = isHome(path) || orgIndexActive(path) !== null;
   return (
     <RizomFrame canvas={false}>
       {/* xl:pl matches the mockup's 148px left rail (68 + the 80px
@@ -365,7 +372,7 @@ function RizomAiChrome({
         <MyceliumRail />
         <header className="sticky top-0 z-[100] border-b border-theme-light bg-nav-fade backdrop-blur-[12px]">
           <FacesStrip path={path} />
-          <FaceNav face={face} home={home} />
+          <FaceNav face={face} umbrella={umbrella} />
         </header>
         <main>{children}</main>
         <SiteFooter siteInfo={siteInfo} />

package/src/shared.tsx

@@ -159,7 +159,7 @@ export function IndexRow({
     </>
   );
 
-  const rowClass = `reveal ${delayClass} group grid max-w-[1040px] grid-cols-[44px_1fr] items-baseline gap-x-6 gap-y-2 border-t border-theme-light py-6 no-underline md:grid-cols-[64px_176px_1fr_auto] md:gap-6`;
+  const rowClass = `reveal ${delayClass} group grid grid-cols-[44px_1fr] items-baseline gap-x-6 gap-y-2 border-t border-theme-light py-6 no-underline md:grid-cols-[64px_176px_1fr_auto] md:gap-6`;
 
   return row.href ? (
     <a href={row.href} className={rowClass}>
@@ -237,7 +237,7 @@ export function Trio({
   mono: boolean;
 }): JSX.Element {
   return (
-    <div className="mt-[30px] grid max-w-[1040px] gap-11 md:grid-cols-3">
+    <div className="mt-[30px] grid gap-11 md:grid-cols-3">
       {items.map((item, i) => (
         <div key={item.title} className={`reveal ${delayClass(i)}`}>
           {mono ? (

package/src/work.tsx

@@ -216,7 +216,7 @@ function WorkWorkshopSection({
   return (
     <Section id="workshop" className="py-14">
       <Statement {...statement} />
-      <div className="mt-7 max-w-[880px]">
+      <div className="mt-7">
         {steps.map((step, i) => (
           <div
             key={step.title}
@@ -228,7 +228,8 @@ function WorkWorkshopSection({
             <b className="font-display text-[21px] font-[520] text-theme [font-variation-settings:'SOFT'_60]">
               {step.title}
             </b>
-            <div>
+            {/* The row spans the column; the copy keeps a reading measure. */}
+            <div className="max-w-[60ch]">
               <p className="mb-[3px] font-body text-[16.5px] text-theme-muted">
                 {step.lead}
               </p>
@@ -263,7 +264,7 @@ function WorkPersonasSection({
   return (
     <Section id="personas" className="py-14">
       <SectCap lead={cap} />
-      <div className="mt-7 grid max-w-[980px] gap-11 md:grid-cols-2">
+      <div className="mt-7 grid gap-11 md:grid-cols-2">
         {personas.map((persona, i) => (
           <div key={persona.role} className={`reveal ${delayClass(i + 1)}`}>
             <span className="font-label text-label-xs uppercase tracking-[0.16em] text-accent">
@@ -272,7 +273,7 @@ function WorkPersonasSection({
             <blockquote className="mt-2.5 font-display text-[24px] font-[450] italic leading-[1.3] tracking-[-0.008em] text-theme [font-variation-settings:'SOFT'_85]">
               {persona.quote}
             </blockquote>
-            <p className="mt-2.5 font-body text-[16px] text-theme-light">
+            <p className="mt-2.5 max-w-[52ch] font-body text-[16px] text-theme-light">
               {persona.text}
             </p>
           </div>
@@ -303,7 +304,7 @@ function WorkQuotesSection({
   return (
     <Section id="proof" className="py-14">
       <SectCap lead={cap} trail={capNote} />
-      <div className="mt-7 max-w-[980px]">
+      <div className="mt-7">
         {quotes.map((quote, i) => (
           <div
             key={quote.by}
@@ -352,7 +353,7 @@ function WorkRosterSection({
   return (
     <Section id="people" className="py-14">
       <SectCap lead={cap} trail={capNote} />
-      <div className="reveal reveal-delay-1 mt-6 flex max-w-[900px] flex-wrap gap-x-[34px] gap-y-2.5">
+      <div className="reveal reveal-delay-1 mt-6 flex flex-wrap gap-x-[34px] gap-y-2.5">
         {people.map((person) => (
           <span
             key={person.name}