Military Matters Migration (Main Repository)

This repository now contains two layers:

1. Legacy source site (Dreamweaver-era static XHTML/CSS/JS)
2. Modern rebuilt app in modern/ (React + Vite + Tailwind)

Agentic Coding Summary

The modernization was performed through iterative agentic coding, with each phase implemented and validated in-place.

Legacy Baseline

• Original site used Dreamweaver templates, static pages, and repeated page blocks.
• Legacy dependencies included old YUI calendar scripts and historical tracker scripts.
• Content, styles, and assets were distributed across root HTML/CSS, archives/, images/, and notes.

Modernization Delivered

• Created a dedicated modern app workspace: modern/.
• Rebuilt site architecture around reusable React components and route-driven pages.
• Applied Tailwind theme tokens derived from original brand colors.
• Migrated key legacy media into modern/public/legacy.
• Implemented archive article pipeline using static HTML article sources.
• Added route compatibility for legacy URLs (including typo archive slugs).
• Improved UX with responsive layout, image-forward hero, polished archive cards, and accessible navigation.
• Added print and accessibility refinements and SEO metadata.

Current Source of Truth

• Active modern app: modern/
• Legacy site retained for reference and content verification: repository root + archives/

How to Run the Modern Site

cd modern
npm install
npm run dev

Then open:

• http://127.0.0.1:5173

How to Build

cd modern
npm run build
npm run preview

Key Modern Paths

• modern/src/components
• modern/src/layout/AppLayout.jsx
• modern/src/pages
• modern/src/lib/articles.js
• modern/src/content/article-html
• modern/public/legacy

Completion Status

The requested migration from Dreamweaver static site to a modern React + Vite + Tailwind implementation is complete for the currently defined scope, with styling, content routing, and compatibility behavior in place.