markusgraf_ch/openspec/changes/archive/2025-10-30-migrate-site-content/tasks.md

# Tasks

## Content Extraction & Analysis
- [x] 1. **Obtain HTML source from live markusgraf.ch**
   - Used curl to fetch HTML from live site
   - Parsed and analyzed the structure and sections
   - Identified all text content blocks (bio, projects, etc.)
   - **Validation**: HTML source successfully fetched and readable

- [x] 2. **Catalog all images and assets**
   - Extracted all image URLs from live site HTML
   - Documented image filenames, paths, and purposes
   - Created asset inventory list: 1 profile image, 3 project images
   - **Validation**: Complete list of images with URLs

## Image Migration
- [x] 3. **Download all images from live site**
   - Downloaded each catalogued image using curl
   - Verified image integrity (file sizes confirmed)
   - **Validation**: All images downloaded successfully

- [x] 4. **Organize images in static directory**
   - Created subdirectories: static/images/profile/, static/images/projects/
   - Placed images with consistent naming
   - Documented the organization structure
   - **Validation**: Images accessible via Hugo static path convention

## Content Migration
- [x] 5. **Extract and convert homepage content**
   - Parsed homepage HTML to identify content sections
   - Converted HTML to markdown format
   - Preserved formatting (bold, italic, links, etc.)
   - **Validation**: Markdown content matches original HTML structure

- [x] 6. **Update _index.md with actual content**
   - Replaced placeholder content in content/_index.md
   - Added proper front matter with title and description
   - Integrated all homepage sections (header, services, projects)
   - Updated image references to Hugo paths (/images/...)
   - **Validation**: Hugo build successful

- [x] 7. **Migrate projects/portfolio content**
   - Extracted all 3 project descriptions and details
   - Integrated projects into homepage sections
   - Added project images and linked them correctly
   - **Validation**: All projects visible with complete information

- [x] 8. **Update or create additional content pages**
   - Removed placeholder about.md (not present on live site)
   - Live site is single-page, no additional pages needed
   - **Validation**: Page structure matches live site

## Verification & Quality Assurance
- [x] 9. **Verify all internal links**
   - Checked all external links (laufbahndiagnostik.ch)
   - Verified email and phone links work correctly
   - **Validation**: All links properly formatted in generated HTML

- [x] 10. **Verify all image references**
    - Built Hugo site successfully
    - Verified all images copied to public/images/
    - Checked HTML output for correct image paths
    - **Validation**: All images present in build output

- [x] 11. **Content parity verification**
    - Compared Hugo build output with live markusgraf.ch
    - Verified all text content is present (headings, lists, descriptions)
    - Confirmed layout and sections match
    - **Validation**: Content comparison confirms identical content

- [x] 12. **Accessibility check for images**
    - Added descriptive alt text to all images
    - Used semantic image descriptions in German
    - **Validation**: All `<img>` tags have descriptive alt attributes

## Documentation
- [x] 13. **Document content structure**
    - Content structure documented in this task file
    - Image organization: static/images/profile/ and static/images/projects/
    - Single-page site with all content in _index.md
    - **Validation**: Task completion documented