claudetools/.claude/memory/project_acg_website_redesign.md

name, description, metadata

name	description	metadata
project_acg_website_redesign	ACG website redesign lives on staging ww9.azcomputerguru.com (static, impeccable-built "Bold" brutalist); keep Gemini(AGY)+Grok in the loop the whole project.	type project

Rebuilding azcomputerguru.com. Live site = a dated WordPress "Managed IT Services" build on IX (custom theme arizonacomputerguru + RevSlider + Forminator; 12px body, WCAG-failing orange text, carousel hero, inauthentic 3D/circuit-board imagery, no trust signals). Full live-site critique: clients/internal-infrastructure/reports/2026-07-22-azcomputerguru-website-uiux-plan.md.

The redesign already exists as a static, from-scratch build at ww9.azcomputerguru.com (staging; grey-clouded → hits IX directly at 72.194.62.5). Docroot: /home/azcomputerguru/public_html/ww9 (addon domain on the azcomputerguru cPanel account). It is NOT WordPress — plain HTML/CSS/JS built with the impeccable skill: PRODUCT.md + DESIGN.md present, pages index/about/services/pricing/contact + calculator.html (pricing calc) + radical.html variant, css/styles.css (~44KB), js/app.js, assets/images/ (grayscale documentary photos, + a "verdigris" color variant).

Design language "Bold": premium brutalist — Anton poster headlines (uppercase), Hanken Grotesk body, JetBrains Mono for money/calc, signal orange the ONLY accent (#E24A12/#FF5A1F; AA text variants #C23A0A/#FF8A4D), 1px ink borders, light+dark first-class. Positioning: "Concierge IT for Tucson, since 2001", publishes prices (GPS-Basic/Pro/Advanced tiers), voice kind/direct/no-hype. KVOI radio show ticker = local authority. Anti-references = generic SaaS/MSP slop (gradients, 3D isometrics, server-rack clip art, glowing shields, hero-metric templates) — i.e. exactly the LIVE site's flaws.

STANDING INSTRUCTION (Mike, 2026-07-22): keep Gemini (AGY) and Grok in the loop for the ENTIRE project — run design work past them for second opinions. Method: screenshot with cert-ignore (playwright firefox ... ignore_https_errors), then ask-agy.sh image-analyze / review-files. Grok has been returning empty all session (dead) — retry each time, use if it responds.

AGY critique of the ww9 homepage (2026-07-22) — MOSTLY CAPTURE ARTIFACT, corrected: AGY's first pass was run on a full-page screenshot taken WITHOUT triggering the scroll-reveal animations, so below-fold .reveal elements were still at opacity:0 and read as "empty." The phantom items ("empty WHAT WE DO / blank DISPATCH BOARD", "stray floating arrows", "orange-on-beige fails AA") were ALL false positives: those sections are fully populated (6 svc rows + 3 dispatch cards in index.html), and section-tags/eyebrow use --accent-ink #C23A0A = 4.62:1 AA-pass on bone, NOT the #E24A12 fill. Lesson: always scroll-trigger reveals before screenshotting this site — .js .reveal{opacity:0} at styles.css:660 is JS-gated (.in on IntersectionObserver, app.js:272) with a no-IO fallback; capture via ff.py then eval a scroll-through, then POST /shot {"full":true}.

Real fixes applied + AGY-confirmed resolved (2026-07-22, deployed live to ww9): (1) exit-offer banner (#exitOffer) now visibility:hidden until .show — was bleeding a sliver behind the nav (top:73px + translateY(-100%), z45<50); (2) hero H1 line-height 0.9 -> 1.0 (styles.css:157) — descender collision; (3) split "2001" stat -> solid number (index.html:87; .u unit style kept ONLY on real units 1-2hr/100**%/ 30day**); (4) .svc__meta price color --accent-ink -> --ink (styles.css:452) so signal-orange is reserved for the "See what this costs" action links only. Still open (AGY 2nd pass): duplicate radio-show elements — static .radio-promo (index.html:76) AND scrolling .radio-ticker (line 224) both show the same KVOI info stacked; needs Mike's call on which to keep (his show). Numbers ARE consistent (call-in 520-790-2020, biz 520.304.8300 — AGY's number-mismatch read was OCR error). Minor: svc calc-link wraps to its own line on rows 03/04 (text-length) — trivial display:block fix if wanted. Grok dead all session (no vision mode + empty text).

v2 = the redesign, built on Fable (Mike: "use Fable for this"), NOW THE MAIN ww9 SITE (2026-07-22). Source projects/acg-website/v2/ (index.html + css/v2.css + js/v2.js + assets/ incl. Grok-gen hero-gen.png monsoon-Tucson + field-gen.png patch-panel). Premium editorial-brutalist: giant Anton hero, dark manifesto inversion band ("WE CHARGE THE SAME WHETHER YOUR SYSTEMS BREAK OR NOT"), "THE INDEX"/"NOTHING HIDDEN" sections, poster pricing, mono-metadata signature motif + faint grid. AGY pass-2: "bespoke, high-end studio delivery." Animated hero city rotator (Mike's idea): odometer/mask roll, Tucson->Phoenix->Scottsdale->Flagstaff->EVERYWHERE (~3.3s, runs once, underline-slab payoff; reduced-motion shows EVERYWHERE static; all 10 AZ cities stay in the crawlable SERVICE-AREA strip + LocalBusiness areaServed JSON-LD for SEO — Mike wants to target beyond Tucson). Promoted to ww9 ROOT 2026-07-22: copied v2 to /home/azcomputerguru/public_html/ww9/ (index.html overwritten, css/v2.css+js/v2.js+assets ADDED; v1 css/styles.css+js/app.js KEPT for the still-v1 subpages), rewrote v2's nav ../page.html->page.html (root-relative), added no-cache .htaccess (staging; 1yr max-age default was hiding updates), backed up v1 home as index- v1-backup.html. The /v2/ subfolder still exists (redundant now). CAVEAT: only the HOMEPAGE is redesigned — about/pricing/services/contact/calculator are STILL v1 (design mismatch) until redesigned. Repo v2/ is UNCOMMITTED. ff.py capture gotcha (bit me twice): persistent ff-profile caches old js/css — verify with a FRESH FF_PROFILE temp dir, not ?cb= on the page URL (doesn't bust linked assets).

AutoSSL fix (2026-07-22): ww9 had a self-signed cert (browser warnings) because it was in the account's AutoSSL exclude list (/var/cpanel/ssl/autossl/excludes/azcomputerguru.json, alongside proxied/external subdomains). Removed ww9+www.ww9 from excludes, triggered uapi --user=azcomputerguru SSL start_autossl_check (NOT whmapi1 start_autossl_check — "unknown app" on this version) → Let's Encrypt cert issued. AutoSSL logs live in timestamped subdirs under /var/cpanel/logs/autossl/<UTC>/ (not *.log).

Next: pull ww9 into the repo (projects/acg-website/?) to work with impeccable + version + deploy previews; finish empty sections; apply AGY's refinements; a11y/contrast pass; then plan go-live to replace the WP site. See reference_cloudflare_access (zone edits) and the live-site UI/UX report above.