From 27267e5ffb2ce1c3a0c320a51089cca0c7991524 Mon Sep 17 00:00:00 2001
From: Richard R <me@richardr.dev>
Date: Sun, 31 May 2026 16:29:40 -0600
Subject: [PATCH] refactor(public): use environment variables for base URL and
 improve accessibility

Switch landing and layout metadata to use BASE_URL from environment for
deployment flexibility. Refine privacy page environment check for robustness.
Update ARIA attributes on landing preview for better accessibility. Adjust
terminal and visually hidden styles for improved formatting and screen reader
support.
---
 src/app/(public)/page.tsx         |  4 ++--
 src/app/(public)/privacy/page.tsx |  3 ++-
 src/app/(public)/public.css       | 14 +++++++++++---
 src/app/layout.tsx                |  2 +-
 4 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index fd661ae..f995997 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -16,7 +16,7 @@ export const metadata: Metadata = {
   openGraph: {
     type: 'website',
     locale: 'en_US',
-    url: 'https://openreader.richardr.dev',
+    url: process.env.BASE_URL || 'https://openreader.richardr.dev',
     siteName: 'OpenReader',
     title: 'OpenReader | Read documents with synchronized audio',
     description:
@@ -131,7 +131,7 @@ export default async function LandingPage() {
           </div>
 
           {/* Reader mockup: demonstrates the synchronized highlight + playback */}
-          <aside className="public-reader public-reveal-2" aria-label="OpenReader playback preview">
+          <aside className="public-reader public-reveal-2" aria-hidden="true">
             <div className="public-reader-glow" aria-hidden="true" />
             <div className="public-reader-bar">
               <span className="public-reader-dot" data-tone="a" />
diff --git a/src/app/(public)/privacy/page.tsx b/src/app/(public)/privacy/page.tsx
index f3d0fd5..644ade8 100644
--- a/src/app/(public)/privacy/page.tsx
+++ b/src/app/(public)/privacy/page.tsx
@@ -18,7 +18,8 @@ export const metadata: Metadata = {
 
 export default async function PrivacyPage() {
   const effectiveDate = 'February 17, 2026';
-  const isRichardrDevProductionInstance = process.env.RICHARDRDEV_PRODUCTION === 'true';
+  const isRichardrDevProductionInstance =
+    process.env.RICHARDRDEV_PRODUCTION?.trim().toLowerCase() === 'true';
 
   const hdrs = await headers();
   const host = hdrs.get('host') ?? 'this server';
diff --git a/src/app/(public)/public.css b/src/app/(public)/public.css
index b0cec78..11e799b 100644
--- a/src/app/(public)/public.css
+++ b/src/app/(public)/public.css
@@ -94,7 +94,7 @@
   width: 1px;
   height: 1px;
   overflow: hidden;
-  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
   white-space: nowrap;
 }
 
@@ -192,6 +192,11 @@
   .public-nav-divider {
     display: none;
   }
+
+  .public-terminal-body {
+    padding: 0.9rem 1rem 1.1rem;
+    font-size: 0.74rem;
+  }
 }
 
 /* ────────────────────────────── Hero ────────────────────────────── */
@@ -747,8 +752,11 @@
   font-size: 0.82rem;
   line-height: 1.7;
   color: var(--pub-soft);
-  white-space: pre-wrap;
-  word-break: break-word;
+  /* Preserve the command's formatting and scroll within the box instead of
+     wrapping mid-token, which breaks the layout on narrow screens. */
+  white-space: pre;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 .public-term-comment { color: var(--pub-muted); }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e2dcdad..20d08a8 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -40,7 +40,7 @@ export const metadata: Metadata = {
     template: "%s | OpenReader",
   },
   manifest: "/manifest.json",
-  metadataBase: new URL("https://openreader.richardr.dev"),
+  metadataBase: new URL(process.env.BASE_URL || "https://openreader.richardr.dev"),
   verification: {
     google: "MJXyTudn1kgQF8EtGD-tsnAWev7Iawso9hEvqeGHB3U",
   },