From a35234bcbe98371f0f6249e04b88049ef1a10f1b Mon Sep 17 00:00:00 2001 From: radical-coder Date: Mon, 22 Jun 2026 14:05:33 -0400 Subject: [PATCH 1/3] Improve site accessibility and mobile polish --- ai-app-rescue/index.html | 61 +++++++++++++++++++++++------- index.html | 48 +++++++++++++++--------- styles.css | 74 +++++++++++++++++++++++++++++++++++-- tests/html-metadata.test.js | 28 ++++++++++++++ tests/public-files.test.js | 1 + 5 files changed, 176 insertions(+), 36 deletions(-) diff --git a/ai-app-rescue/index.html b/ai-app-rescue/index.html index 3fbd74a..49625ca 100644 --- a/ai-app-rescue/index.html +++ b/ai-app-rescue/index.html @@ -136,6 +136,34 @@ overflow-x: hidden; } + .skip-link { + position: fixed; + top: 12px; + left: 12px; + z-index: 200; + padding: 10px 14px; + border: 2px solid var(--border); + border-radius: 4px; + background: #ffffff; + color: var(--ink); + font-family: var(--font-display); + font-size: 13px; + font-weight: 800; + text-decoration: none; + opacity: 0; + pointer-events: none; + transform: translateY(-12px); + transition: + opacity 120ms ease, + transform 120ms ease; + } + + .skip-link:focus-visible { + opacity: 1; + pointer-events: auto; + transform: translateY(0); + } + img, video { max-width: 100%; @@ -243,6 +271,10 @@ padding: 80px 24px; } + .bordered-section { + border-top: 2px solid var(--border); + } + .hero-section { padding-top: 72px; padding-bottom: 56px; @@ -880,6 +912,7 @@ +
RYAN GONYON_ @@ -890,12 +923,12 @@ Book
- Book on Upwork + Book on Upwork
-
+
@@ -921,7 +954,7 @@

Turn your AI-built prototype into a build

- Book the Consultation + Book the Consultation See Proof ↓
@@ -938,7 +971,7 @@

Turn your AI-built prototype into a build

-
+
BEST FIT

Use this when the demo exists, but trust does not.

@@ -975,7 +1008,7 @@

Founder translation

-
+
CALL OUTPUT

A working session with a concrete handoff.

@@ -1015,7 +1048,7 @@

Leave with the next move

-
+
RISK SCAN @@ -1061,7 +1094,7 @@

The call

-
+
PROOF SURFACE

The offer has a real operating model behind it.

@@ -1069,14 +1102,14 @@

The offer has a real operating model
- AI App Rescue dashboard with intake, risk scanner, scoped next move, and reviewed operating surfaces. + AI App Rescue dashboard with intake, risk scanner, scoped next move, and reviewed operating surfaces.
AI App Rescue Console An anonymized consultation dashboard showing intake, risk review, architecture mapping, and scoped next move.
- Mobile responsive view of the AI App Rescue dashboard. + Mobile responsive view of the AI App Rescue dashboard.
Mobile-ready proof The same workflow compressed for a founder reviewing the plan from a phone. @@ -1085,7 +1118,7 @@

The offer has a real operating model

-
+
RELATED WORK

Relevant systems and proof paths.

@@ -1127,7 +1160,7 @@

Relevant systems and proof paths. Retail catalog data needed controlled AI usage, review queues, audit trail, and export paths. Live operator console with source-row staging, entity review, approval workflow, and usage caps. - Live MVP → + Live MVP → @@ -1141,20 +1174,20 @@

Relevant systems and proof paths. Production workflows required operational clarity across listings, lead paths, review, SEO, and visibility rules. Hardened marketplace and management-side workflows in a real operating environment. - Live Site → + Live Site →

-
+

If the app looks 80% done but you do not trust it yet, this is the right call.

Book through Upwork for the cleanest payment/review path, or email me if you need to send context before booking.

- Book on Upwork + Book on Upwork Email Ryan
diff --git a/index.html b/index.html index 98031ba..9158207 100644 --- a/index.html +++ b/index.html @@ -141,8 +141,9 @@ +
- + RG Ryan Gonyon @@ -176,7 +177,7 @@ Contact -
+

Reviewable AI systems and app rescue for software that already matters.

@@ -230,6 +231,7 @@

Reviewable AI systems and app rescue for software that already matters.

width="1815" height="866" alt="Laptop showing a workflow dashboard with review cards and approved outputs" + decoding="async" fetchpriority="high" />
@@ -368,6 +370,8 @@

Proof should look like working product.

width="1440" height="980" alt="AutoMarkets live listing search page with collector car filters and market cards" + loading="lazy" + decoding="async" />
@@ -392,6 +396,8 @@

AutoMarkets

width="1440" height="980" alt="MyGradHub MVP feed with student profile, vendor discovery, bookings, and admin console tabs" + loading="lazy" + decoding="async" />
@@ -408,6 +414,8 @@

MyGradHub

width="1440" height="980" alt="Radical Workflow canvas showing connected prompt, generator, notes, and app preview nodes" + loading="lazy" + decoding="async" />
@@ -424,6 +432,8 @@

Radical Workflow

width="1440" height="900" alt="Internal AI workspace with source text, executive summary output, and action items" + loading="lazy" + decoding="async" />
@@ -440,6 +450,8 @@

Source to reviewed output

width="1440" height="900" alt="Internal AI admin dashboard with processing metrics and recent AI actions" + loading="lazy" + decoding="async" />
@@ -532,28 +544,28 @@

Offer ladder.

Included
- Workflow Audit - $500-$1,500 - A team that needs workflow, risk, and build path clarity before coding. - Workflow map, examples review, risk notes, first-sprint recommendation. + Workflow Audit + $500-$1,500 + A team that needs workflow, risk, and build path clarity before coding. + Workflow map, examples review, risk notes, first-sprint recommendation.
- Automation Sprint - $2,500-$7,500 - One repeated workflow with messy input, human review, and a real output destination. - Working lane, review queue, output handoff, logs, docs, tuning notes. + Automation Sprint + $2,500-$7,500 + One repeated workflow with messy input, human review, and a real output destination. + Working lane, review queue, output handoff, logs, docs, tuning notes.
- AI App Rescue - $500 consultation or scoped milestone - A tool-built app nearing users, payments, private data, or handoff pressure. - Risk map, launch checklist, fix-now / fix-next plan, milestone scope. + AI App Rescue + $500 consultation or scoped milestone + A tool-built app nearing users, payments, private data, or handoff pressure. + Risk map, launch checklist, fix-now / fix-next plan, milestone scope.
- Internal Dashboard MVP - $2,500-$7,500 - A team replacing scattered status threads, sheets, and manual checks. - Operator surface, filters, status model, reporting, and handoff notes. + Internal Dashboard MVP + $2,500-$7,500 + A team replacing scattered status threads, sheets, and manual checks. + Operator surface, filters, status model, reporting, and handoff notes.
diff --git a/styles.css b/styles.css index 4211b54..3c7b161 100644 --- a/styles.css +++ b/styles.css @@ -38,6 +38,7 @@ } html { + overflow-x: hidden; scroll-behavior: smooth; } @@ -129,6 +130,32 @@ img { border: 0; } +.skip-link { + position: fixed; + top: 12px; + left: 12px; + z-index: 100; + padding: 11px 14px; + border: 1px solid var(--mint); + border-radius: var(--radius-sm); + background: var(--black); + color: var(--ink); + font-size: 0.86rem; + font-weight: 850; + opacity: 0; + pointer-events: none; + transform: translateY(-12px); + transition: + opacity 120ms ease, + transform 120ms ease; +} + +.skip-link:focus-visible { + opacity: 1; + pointer-events: auto; + transform: translateY(0); +} + .site-header { position: sticky; top: 0; @@ -1318,11 +1345,47 @@ img { } .package-table { - overflow-x: auto; + gap: 12px; + overflow: visible; + background: transparent; } .package-row { - min-width: 840px; + grid-template-columns: 1fr; + min-width: 0; + overflow: hidden; + border: 1px solid var(--line); + border-radius: var(--radius-sm); + background: rgba(18, 24, 33, 0.82); + } + + .package-head { + display: none; + } + + .package-row + .package-row { + border-top: 1px solid var(--line); + } + + .package-row span { + display: grid; + gap: 5px; + padding: 14px 16px; + border-right: 0; + border-bottom: 1px solid var(--line); + } + + .package-row span::before { + color: var(--mint); + font-size: 0.72rem; + font-weight: 900; + letter-spacing: 0.06em; + text-transform: uppercase; + content: attr(data-label); + } + + .package-row span:last-child { + border-bottom: 0; } .contact-section { @@ -1352,11 +1415,14 @@ img { margin-top: 18px; } - .hero-actions, - .button { + .hero-actions { width: 100%; } + .button { + width: calc(100% - 6px); + } + .button { min-height: 52px; } diff --git a/tests/html-metadata.test.js b/tests/html-metadata.test.js index b8c8f1d..f126bbf 100644 --- a/tests/html-metadata.test.js +++ b/tests/html-metadata.test.js @@ -5,10 +5,12 @@ import { fileURLToPath } from "node:url"; const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), ".."); +/** Read a project file as UTF-8 text for static contract assertions. */ function readProjectFile(path) { return readFileSync(resolve(ROOT, path), "utf8"); } +/** Return a meta content value regardless of attribute ordering. */ function getMetaContent(html, attr, value) { const first = new RegExp(`]*${attr}=["']${value}["'][^>]*content=["']([^"']+)["']`, "i"); const second = new RegExp(`]*content=["']([^"']+)["'][^>]*${attr}=["']${value}["']`, "i"); @@ -16,6 +18,7 @@ function getMetaContent(html, attr, value) { return match ? match[1] : null; } +/** Return a link href value regardless of attribute ordering. */ function getLinkHref(html, rel) { const first = new RegExp(`]*rel=["']${rel}["'][^>]*href=["']([^"']+)["']`, "i"); const second = new RegExp(`]*href=["']([^"']+)["'][^>]*rel=["']${rel}["']`, "i"); @@ -23,11 +26,13 @@ function getLinkHref(html, rel) { return match ? match[1] : null; } +/** Parse the first JSON-LD script in a static HTML document. */ function extractJsonLd(html) { const match = html.match(/([\s\S]*?)<\/script>/i); return match ? JSON.parse(match[1]) : null; } +/** Check that an absolute site asset URL maps to a committed public file. */ function publicAssetExists(absoluteUrl) { const url = new URL(absoluteUrl); return existsSync(resolve(ROOT, "public", url.pathname.replace(/^\//, ""))); @@ -81,6 +86,20 @@ describe("home page metadata", () => { expect(html).not.toContain("aria-selected"); expect(html).toContain("aria-pressed"); }); + + it("has a keyboard skip link and optimized below-fold proof images", () => { + expect(html).toContain('class="skip-link" href="#main-content"'); + expect(html).toContain('
'); + expect(html.match(/loading="lazy"/g)).toHaveLength(5); + expect(html.match(/decoding="async"/g)?.length).toBeGreaterThanOrEqual(6); + }); + + it("labels package cells for the stacked mobile pricing layout", () => { + expect(html.match(/data-label="Package"/g)).toHaveLength(4); + expect(html.match(/data-label="Range"/g)).toHaveLength(4); + expect(html.match(/data-label="Best for"/g)).toHaveLength(4); + expect(html.match(/data-label="Included"/g)).toHaveLength(4); + }); }); describe("AI app rescue page metadata", () => { @@ -110,4 +129,13 @@ describe("AI app rescue page metadata", () => { expect(service.provider["@id"]).toBe("https://radical.codes/#ryan-gonyon"); expect(page.url).toBe("https://radical.codes/ai-app-rescue/"); }); + + it("has skip navigation, optimized proof images, and hardened external links", () => { + expect(html).toContain('class="skip-link" href="#main-content"'); + expect(html).toContain('
'); + expect(html).not.toContain('style="border-top: 2px solid var(--border);"'); + expect(html.match(/class="section-container bordered-section/g)).toHaveLength(6); + expect(html.match(/loading="lazy"/g)).toHaveLength(2); + expect(html.match(/target="_blank" rel="noopener noreferrer"/g)).toHaveLength(5); + }); }); diff --git a/tests/public-files.test.js b/tests/public-files.test.js index 9b0eeb3..119e051 100644 --- a/tests/public-files.test.js +++ b/tests/public-files.test.js @@ -6,6 +6,7 @@ import { fileURLToPath } from "node:url"; const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), ".."); const PUBLIC = resolve(ROOT, "public"); +/** Read a public file as UTF-8 text for static discovery-file assertions. */ function readPublicFile(path) { return readFileSync(resolve(PUBLIC, path), "utf8"); } From 35072139884e8742640ed6e659b7ce7fd6b127ec Mon Sep 17 00:00:00 2001 From: radical-coder Date: Mon, 22 Jun 2026 14:20:30 -0400 Subject: [PATCH 2/3] Harden mobile navigation and PR feedback --- index.html | 15 ++++++--- styles.css | 39 +++++++++++++++++++++-- tests/html-metadata.test.js | 63 +++++++++++++++++++++++++++++-------- 3 files changed, 97 insertions(+), 20 deletions(-) diff --git a/index.html b/index.html index 9158207..c42fbd7 100644 --- a/index.html +++ b/index.html @@ -162,7 +162,7 @@ Start a project