Dev Log

Careers sub-pages: blue-outline buttons, growth section, normalized comp, Bookkeeper page

· Claude Opus 4.7 · Bot
careersstylingcomponentsproduction

What was done

Global button modifiers added (src/styles/global.css):

  • .btn-blue-outline - transparent button with precision-blue border + text. On dark hero (.job-hero) shows the brand-spec blue; on light bgs shows the AA text variant. Hovers fill blue with white text.
  • .btn-hover-outline - modifier applied alongside .btn-primary so the button reveals a blue outline on hover (used on the bottom “Schedule a confidential call” CTAs to share a hover signature with the apply buttons up top).

Shared component created (src/components/GrowthPathSection.astro):

  • Mirrors the “Your Growth Path” strip from /careers/ so every job sub-page closes with the same growth-into-the-firm framing. Drop-in, scoped styles, no per-page CSS duplication.

Per-page changes (PE, EIT, Land Use Planner, Intern, Bookkeeper):

  • Hero “Apply now” - btn-primary -> btn-blue-outline
  • Bottom “Schedule a confidential call” / “Send your resume” - added btn-hover-outline modifier alongside existing btn-primary
  • Imported and rendered <GrowthPathSection /> after the article body, before </BaseLayout>

PE-specific copy change (professional-engineer.astro):

  • Hero meta line: Eagle, Idaho · In-office · $110k-130k base + uncapped performance bonus -> Eagle, Idaho · In-office · Competitive + bonus
  • Comp strip COMPENSATION value: $110k-130k base + uncapped performance bonus -> Competitive + bonus

Bookkeeper / Office Manager page built (bookkeeper-office-manager.astro):

  • Source the user pointed to (.tmp/careers/bookkeeper-office-manager.html) was just a 15-line HTML redirect to /talent (the live posting at baileyengage.com/bookkeeper-office-manager also redirects, and the live talent page no longer lists this role at all). Wrote the page from scratch matching Bailey’s structured/professional tone, drawing on standard Bookkeeper / Office Manager responsibilities for a focused A/E firm: QuickBooks AP/AR, payroll, monthly close, job costing, vendor + insurance management, HR admin, license renewals.
  • Compensation strip: Competitive + bonus. Same hero/CTA button styling pattern as the other four pages.

Cleanup:

  • Deleted src/pages/careers/[slug].astro (the dynamic stub fallback). All 5 advertised roles now have dedicated static pages, so the dynamic route was dead code that would have caused a duplicate-route build error against the new bookkeeper page.

Why

User instructions:

  1. Apply now -> blue outline (across all sub-pages)
  2. Schedule a confidential call -> blue outline on hover
  3. Add Your Growth Path section at the bottom of every career sub-page
  4. Replace specific salary on PE with Competitive + bonus
  5. Write Bookkeeper / Office Manager page using the local source HTML

Items 1-3 needed to apply uniformly across 5 pages, so the work was done as a shared button modifier + shared component rather than 5x copy/paste. Item 4 finishes the comp normalization started in the prior batch (the careers index already showed Competitive + bonus). Item 5 had a missing-source problem - addressed by drafting from scratch in Bailey voice; user should review the substantive content.

Verification

npm run build clean. All 5 dedicated career pages built:

dist/careers/professional-engineer/index.html
dist/careers/civil-project-engineer-eit/index.html
dist/careers/land-use-planner/index.html
dist/careers/civil-engineering-intern/index.html
dist/careers/bookkeeper-office-manager/index.html

Each contains: Competitive + bonus, btn-blue-outline, btn-hover-outline, Your Growth Path. PE page contains zero $, 110k, or 130k matches.

Files affected

  • Created: src/components/GrowthPathSection.astro
  • Created: src/pages/careers/bookkeeper-office-manager.astro
  • Modified: src/styles/global.css (added btn-blue-outline + btn-hover-outline)
  • Modified: src/pages/careers/professional-engineer.astro, civil-project-engineer-eit.astro, land-use-planner.astro, civil-engineering-intern.astro
  • Deleted: src/pages/careers/[slug].astro (dynamic stub fallback - no longer needed)
  • Created: this devlog entry

Operator follow-up

  • Review Bookkeeper / Office Manager copy. It was written from scratch since both source URLs and the local HTML file pointed to a redirect. Verify the responsibilities, qualifications, and growth path match what Bailey actually wants to advertise.
← All log entries
Feedback