Review all landing pages for mobile phone compatibility #39
Description
Overview
Review all JobOps landing pages for mobile responsiveness and fix any layout issues on smaller screens.
Pages to Review
Main Pages
-
docs/index.html- Main landing page -
docs/wargames.html- Wargames page
Arsenal Pages
-
docs/arsenal/hamz-methodology.html -
docs/arsenal/provenance-hardening.html -
docs/arsenal/cultural-profiles.html -
docs/arsenal/osint-intelligence.html -
docs/arsenal/independent-contractor.html(NEW)
OSINT Subpages
-
docs/arsenal/osint/corporate.html -
docs/arsenal/osint/legal.html -
docs/arsenal/osint/leadership.html -
docs/arsenal/osint/compensation.html -
docs/arsenal/osint/culture.html -
docs/arsenal/osint/market.html
Independent Contractor Subpages (NEW)
-
docs/arsenal/contractor/defineservices.html -
docs/arsenal/contractor/ratecard.html -
docs/arsenal/contractor/findclient.html -
docs/arsenal/contractor/pitchdeck.html -
docs/arsenal/contractor/proposaltemplate.html
Protocol Pages
-
docs/protocol/step-01-career-inventory.html -
docs/protocol/step-02-target-coordinates.html -
docs/protocol/step-03-target-assessment.html -
docs/protocol/step-04-gap-analysis.html -
docs/protocol/step-05-tailored-resume.html -
docs/protocol/step-06-cover-letter.html -
docs/protocol/step-07-submit-application.html -
docs/protocol/step-08-interview-prep.html
Testing Requirements
Viewport Sizes to Test
- Mobile Portrait: 375px (iPhone SE/mini)
- Mobile Landscape: 667px
- Tablet Portrait: 768px (iPad)
- Tablet Landscape: 1024px
Common Issues to Check
- Navigation menu overflow/collapse
- Grid layouts breaking (feature cards, agent grids, method cards)
- Text overflow/truncation
- Button/link tap target sizes (minimum 44x44px)
- Horizontal scrolling (should be none)
- Font sizes readable without zooming
- Images scaling properly
- Terminal/code blocks overflow
- Tables responsive or horizontally scrollable
- Spacing/padding appropriate for small screens
CSS Files to Review
docs/subpage-styles.css- Check media queries- Inline styles in each page
Deliverables
- Screenshot documentation of any issues found
- CSS fixes for identified problems
- Updated media queries if needed
- Verification testing after fixes
Priority
Medium - Site is functional but mobile experience may be suboptimal