Adopt Astro 7.1.5 and MDX 7.0.5, retain HTML-aware compression for output fidelity, preserve the legacy plain-text contact URL under the new Markdown pipeline, and refresh transitive dependencies to clear npm audit.
- delete extraction scripts that depended on the removed local mirror
- remove stale extract npm scripts and migration-brief references
- drop the old mirror ignore rule from .gitignore
- update reports and redirect reasons to use live-source wording
- add PUBLIC_ALLOW_INDEXING as an explicit production indexing opt-in
- emit robots meta noindex,nofollow unless indexing is enabled
- generate robots.txt from the same indexing flag
- document staging SEO behavior for migration preview hosts
Deleted the www.azinstitute4autism.com mirror directory and scrubbed all
references to it from AGENTS.md, MIGRATION_BRIEF.md, www/README.md, and
www/original/README.md. The live public site is now the sole source of
truth with no local mirror fallback.
Adds center to every <Button> in content MDX files that previously relied
on the removed .button-center global class. Also includes minor content
cleanups in the same files: eyebrow markup for section labels in
aba-therapy.mdx, and removal of extra blank lines between list items in
learner-social-club.mdx.
Extends Button.astro with a center prop, native <button> element support
(type, disabled, aria-describedby), harmonised padding (.65rem), and
transition. Removes global .button, .button-small, .button-light, and
.button-center rules from components.css, layout.css, and typography.css.
Converts all inline class="button" usages across Header, HomeHero,
HomeFinancialHelp, HomeServicesIntro, FormShell, TeamPage, CareersPage,
and FaqPage to the <Button> component. Updates three scoped style
selectors to :global() to reach the child component's elements.
- keep blog.css focused on blog/article styling only
- move the existing .service-page rules unchanged into pages.css
- import pages.css from the shared global stylesheet
- preserve the current service-page layout and responsive behavior
- delete components that no longer have any references in the current source tree
- remove the stale Link component example from the README
- drop the leftover service-page heading rule from the blog stylesheet
- keep the repo aligned with the current component graph instead of historical leftovers
- consolidate the shared eyebrow label styling into the global typography layer
- replace the old script-label usage in page hero, home hero, FAQ, and team shells
- keep the next heading flush under the label across all affected page types
Additional info:
- move page-specific shells into src/components/pages/
- keep reusable building blocks and home sections in their existing component folders
- update PageLayout and the home route imports to the new page-shell paths
- preserve current page behavior while making the component tree easier to navigate
Changes the base link rule from a plain blue primary colour to the
site's accent orange (--color-accent-strong) with no underline, matching
the live site's link treatment. Adds a :hover/:active state that shifts
to the lighter accent, and carves out a.button so CTA buttons keep their
primary-colour label text.
PageLayout now imports FaqPage and routes the faqs slug through it,
passing the page content as a slot (accordion and search are handled by
the component). Also passes subtitle="FAQs" to PageHero for the split
title/subtitle hero treatment.
faqs.mdx is cleaned up to match what FaqPage.astro expects as input:
- removes the old Button import and the duplicate h2 headings that are
now rendered by the component itself
- reformats all answers from loose markdown text to explicit HTML
elements (p, ul, ol, h4, h5) so the accordion parser receives
well-formed nodes rather than flat text runs
Extends PageHero with a subtitle?: string prop rendered as an h2 beneath
the h1. On image-backed heroes the heading group gets a semi-transparent
white backdrop (display: inline-block; background: #fffb) so the text
stays readable against busy photography at mobile widths. Subtitle h2
inherits the page-hero heading font at a slightly smaller fluid size.
The live site applies border-color #ffbd59 (--color-accent) to the
search input on focus with no additional outline. Adds:
.hs-search-field__input:focus { border-color: var(--color-accent); outline: none; }
Also applies button-center to the secondary CTA button and removes the
now-redundant text-align/max-width rules from .faq-cta-secondary
(centering is handled by the button-center utility).
The original search field used a decorative <div> with an outline SVG
icon floating outside the <form> — a HubSpot pattern that made the icon
non-interactive and the label invisible only by luck.
Replaces it with the structure the live site actually uses:
- hs-search-field__bar--button-inline with a real <button type="button">
containing the filled FA-style magnifying-glass SVG from the live page
- Flexbox form so the input and button are proper flex siblings rather
than one element positioned over another
- Rectangular 4px-radius border matching the live widget (was pill 999px)
- Defines .sr-only locally so the label is correctly hidden
- Changes name from "term" to "q" and placeholder to "Search" to match
Introduces FaqPage.astro, a client-side component that:
- Parses MDX-sourced h3/answer pairs into animated <details> accordions
(single-open, smooth height transitions)
- Provides a live text filter that hides non-matching questions as the
user types
- Includes a pill-shaped HubSpot-style search field with decorative icon
- Closes with two CTA bands (primary blue and secondary white)
- move --color-tint background from Employment Opportunities to ABA Clinic Management
- restructure group template so section (not inner container) carries background, allowing it to span full width
- add live site italic tagline "Applied Behavior Analysis '(ABA) at your service'" from source markup
Remove the bordered, aspect-ratio-constrained card style and replace
with a plain flex-wrap grid of 227px cards using the live site's
4px-radius, borderless image treatment and smaller body-font labels.
Wrap each image in a .team-thumb overflow container and add a
scale(1.1)→scale(1.05) zoom-out transition on hover, matching the
Growmeda plugin behavior on the live page.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
The live site's second paragraph ends with a contact sentence that was
missing from the Astro component.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- add the two live intro paragraphs between the hero and article grid
- keep the library listing cards in the live two-column layout
- restore the 4:3 cropped article thumbnails and card spacing via library-scoped selectors
- avoid leaking the card-grid overrides into unrelated pages
- add likes/views from api to library article cards
- keep homepage section data driven from structured frontmatter
- render typed section components inside the template map instead of frontmatter helper code
- resolve the Astro parse error in HomePage.astro
- preserve the existing homepage section order and component split
- relocate header, footer, nav, hero, and page-hero styles into their owning components
- move blog index, blog post, team, video, insurance, CTA, and home-section styles out of the global sheet
- keep focused on shared primitives such as buttons, cards, links, and list styling
- preserve existing layout and responsive behavior while reducing global CSS scope
- document the homepage frontmatter workflow in README.md
- note the new section-oriented homepage structure in migration-summary.md
- update cleanup and link reports to match the current implementation
- keep the repo docs aligned with the content-driven homepage model
- replace the flat homepage sections array with a named home: block
- validate homepage sections with typed Zod schemas
- make HomePage.astro render the structured content file data
- keep English and Spanish homepage copy easier to scan and edit
- replace bespoke page and library banners with PageHero.astro
- add ServicesPage.astro for the live-style English services landing page
- restyle shared hero/container measurements for the new layout shell
- add self-hosted services card images
- deferred height-equalization script in `HomeProcess.astro` to `document.fonts.ready`
- card heights now measured with correct web fonts in all environments, not just Vite dev server
- break the /about page out of the generic prose layout into a dedicated AboutPage.astro component
- three separate <section> elements matching the live site's alternating white/cream backgrounds
— Our Story (white), Our Mission (var(--color-tint)), Our Commitment (white)
— format the commitment list with bolded value names and accent left-border styling
- replace plain contact text with icon-backed contact rows
- swap social glyphs for SVG social icons with external links
- tighten footer spacing and hover states to match the live design
Rewrites LanguageSwitcher to match the live site: a trigger showing the
active language code and a Bootstrap Icons globe SVG reveals a hover/
focus-within dropdown with full language names (English, Español, عربي).
Fixes hover gap by moving visual spacing into menu padding-top so the
hover zone is continuous from trigger to menu items.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Relocates HomeHero, HomeServicesIntro, HomeBenefits, HomeSkills,
HomeInsurance, HomeEsa, and HomeDirector styles from the global
components.css into each component's own <style> block. Removes the
now-empty 480px media query and trims the 760px media query to only
global rules. Build verified at 97 pages.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
DeCentN2Madness
