wip v26

Author: geraldarthurdavis

uapi/app/(root)/components/landing/MarketingLandingGuideCard.tsx

@@ -27,6 +27,25 @@ function renderMicroBlogBody(body: string, highlights: readonly string[]) {
   });
 }
 
+function renderMicroBlogMeta(meta: string) {
+  const parts = meta.split(/\s+\*\s+|\s+•\s+/);
+  if (parts.length !== 2) return <span>{meta}</span>;
+
+  return (
+    <span aria-hidden="true" className="inline-flex items-center gap-2.5">
+      <span>{parts[0]}</span>
+      <span
+        className="mt-px size-1 rounded-full"
+        style={{
+          backgroundColor: 'rgba(255,255,255,0.88)',
+          boxShadow: '0 0 10px rgba(255,255,255,0.32), 0 0 16px rgba(101,254,183,0.35)',
+        }}
+      />
+      <span>{parts[1]}</span>
+    </span>
+  );
+}
+
 export const MarketingLandingGuideCard = memo(function MarketingLandingGuideCard() {
   const posts = BITCODE_PUBLIC_COPY.guide.posts;
   const [activePostId, setActivePostId] = useState<string>(posts[0].id);
@@ -71,8 +90,12 @@ export const MarketingLandingGuideCard = memo(function MarketingLandingGuideCard
             {activePost.title}
           </p>
         </div>
-        <div className="mt-3 inline-flex max-w-full flex-wrap items-center gap-2 rounded-full border border-emerald-300/10 bg-emerald-400/[0.05] px-2.5 py-1 text-[9px] uppercase leading-4 tracking-[0.18em] text-emerald-100/58 phone:text-[10px] laptop:mt-0 laptop:justify-self-start">
-          <span>{activePost.meta}</span>
+        <div
+          aria-label={activePost.meta}
+          data-testid="micro-blog-meta"
+          className="mt-3 inline-flex max-w-full flex-wrap items-center rounded-full border border-emerald-300/10 bg-emerald-400/[0.05] px-2.5 py-1 text-[9px] uppercase leading-4 tracking-[0.18em] text-emerald-100/58 phone:text-[10px] laptop:mt-0 laptop:justify-self-start"
+        >
+          {renderMicroBlogMeta(activePost.meta)}
         </div>
       </div>
 

uapi/components/base/bitcode/layout/bitcode-public-copy.ts

@@ -22,11 +22,11 @@ export const BITCODE_PUBLIC_COPY = {
       {
         id: 'april-2026',
         tab: 'April',
-        title: 'April micro-blog',
-        meta: 'April 2026 * Garrett Maring',
+        title: '$BTD: Shares of Source Technical Knowledge',
+        meta: '2026 April * Garrett Maring',
         body:
-          "This month's Bitcode micro-blog will live here: Source Shares, the Terminal, public docs, and launch-mode readiness as Bitcode becomes easier to understand and operate.",
-        highlights: ['Source Shares', 'Terminal'],
+          "April launched the Bitcode Protocol. It is available at our open-source repository which includes a commercially-ready whole-system specification (auditable, reproducible). The website now includes the first pieces of the $BTD Terminal along with documentation on the internals and interfaces of the ecosystem.",
+        highlights: ['$BTD', 'Bitcode Protocol', 'Terminal'],
       },
       {
         id: 'march-2026',

uapi/tests/marketingLandingPage.test.tsx

@@ -91,8 +91,8 @@ describe('MarketingLandingPage', () => {
     );
     expect(screen.getByRole('button', { name: 'April' })).toHaveAttribute('aria-pressed', 'true');
     expect(screen.getByRole('button', { name: 'March' })).toBeInTheDocument();
-    expect(screen.getByText('April micro-blog')).toBeInTheDocument();
-    expect(screen.getByText('April 2026 * Garrett Maring')).toBeInTheDocument();
+    expect(screen.getByText('$BTD: Shares of Source Technical Knowledge')).toBeInTheDocument();
+    expect(screen.getByTestId('micro-blog-meta')).toHaveAttribute('aria-label', 'April 2026 * Garrett Maring');
     expect(screen.getByText('Data Depot')).toBeInTheDocument();
     expect(screen.getByText('Depot Surface')).toBeInTheDocument();
     expect(screen.getByText('Measurement vector')).toBeInTheDocument();