---
title: "ClaytonRye.com"
description: "A comprehensive website honoring Clayton Rye's five decades as an award-winning documentary filmmaker, Vietnam veteran, and educator dedicated to preserving untold stories of civil rights and social justice."
impact: "Digital archive preserving an award-winning documentary filmmaker's legacy"
demo_url: "https://claytonrye.com/"
technologies: ["Astro", "TypeScript", "Tailwind CSS", "Schema.org", "Accessibility"]
featured: false
order: 15
problem: "My father's five decades of award-winning documentary work on civil rights and social justice had no permanent digital home. His films, including works now archived in university collections, risked being forgotten as physical media deteriorates and streaming platforms change."
solution: "Built a comprehensive archival website as a 77th birthday gift, designed for long-term preservation. The site documents his complete filmography, military service, and academic career with WCAG AA accessibility, Schema.org markup for discoverability, and static generation for reliability."
results: ["Complete digital archive of five decades of documentary work", "WCAG AA accessibility compliance for inclusive access", "Schema.org structured data for researcher discoverability", "Static site architecture ensuring long-term preservation"]
metrics: [{"label":"Documentaries","value":"12+"}, {"label":"Career Span","value":"50 years"}, {"label":"Accessibility","value":"WCAG AA"}, {"label":"Load Time","value":"<1s"}]
canonical_url: https://rye.dev/projects/claytonrye-com/
---

import AccessibilityDemo from '../../components/demos/AccessibilityDemo.astro';

ClaytonRye.com is a digital monument celebrating Clayton Rye's remarkable life as an award-winning documentary filmmaker, Vietnam War veteran, and Professor Emeritus at Ferris State University. Built as a birthday gift, the site preserves and showcases five decades of documentary work focused on civil rights and social justice.

<div class="my-8 p-6 bg-white/60 dark:bg-gray-800/60 backdrop-blur-sm rounded-xl border border-gray-200/50 dark:border-gray-700/50">
  <AccessibilityDemo />
</div>

## Key Features

- **Comprehensive Filmography**: Complete documentation of award-winning documentaries including the Detroit Civil Rights Trilogy
- **Archival Design**: Built for long-term preservation and accessibility
- **Performance Optimized**: Static site generation with minimal JavaScript
- **WCAG AA Compliant**: Full accessibility with semantic HTML and keyboard navigation
- **Structured Data**: Schema.org markup for discoverability by researchers and educators

## The Documentary Legacy

Clayton Rye's films preserve invaluable historical records:

- **Ten Vietnam Vets**: First-hand accounts from fellow veterans, now in university archives
- **Jim Crow's Museum**: PBS documentary exploring racist memorabilia as educational tools
- **Detroit Civil Rights Trilogy**: Three pivotal stories from Michigan's civil rights history

## Technical Implementation

The site demonstrates several patterns for archival web design:

- **Astro Static Generation**: Pre-rendered HTML for instant loading
- **Responsive Images**: Modern formats (WebP, AVIF) with optimization
- **Theme Switching**: Light/dark/system mode with localStorage persistence
- **Video Integration**: Lightweight lite-youtube component for embedded content

Read the full story: [Building ClaytonRye.com for My Father's 77th Birthday](/blog/building-claytonrye-com-for-my-fathers-77th-birthday/)