diff --git a/.gitignore b/.gitignore index 635dd2b..db67802 100644 --- a/.gitignore +++ b/.gitignore @@ -35,5 +35,3 @@ yarn-error.log* # TypeScript *.tsbuildinfo -public/videos/ -public/images/ diff --git a/README.md b/README.md index a3868a7..b701d61 100644 --- a/README.md +++ b/README.md @@ -1,78 +1,102 @@ -# DeafGain LLC Website +# DeafGain LLC Website 🌐 + +[![PNPM](https://img.shields.io/badge/package%20manager-pnpm-f69220.svg)](https://pnpm.io/) +[![TypeScript](https://img.shields.io/badge/TypeScript-4.9.5-blue.svg)](https://www.typescriptlang.org/) +[![React](https://img.shields.io/badge/React-18.2.0-61dafb.svg)](https://reactjs.org/) ## Overview + A dynamic web platform dedicated to empowering the Deaf community through innovative communication solutions, training, and accessibility services. This website serves as the digital presence for DeafGain LLC, showcasing our comprehensive services including ADA-compliant transcripts, universal website design, board communication protocols, and leadership training. -## Core Features +## πŸš€ Quick Start -Intuitive user interface with responsive design -Interactive USA region map displaying network and relationships -Video resources with accessible playback controls and captions -Detailed service descriptions -Secure contact system -Key sections: Home, Services, About, Resources, and Contact -Technical Stack -React 18 with TypeScript -Tailwind CSS for styling -Framer Motion for animations -React Simple Maps for geographic visualization -Vite build system -Docker containerization -Nginx web server +\`\`\`bash +pnpm install +pnpm dev +\`\`\` -## Quick Start +Visit \`localhost:3000\` in your browser. -### Development +## πŸ›  Technical Stack -``` -npm install -npm run dev -``` +| Technology | Version | Purpose | +|------------|---------|---------| +| React | 18.2.0 | Core Framework | +| TypeScript | 4.9.5 | Type Safety | +| Tailwind CSS | 3.x | Styling | +| Framer Motion | 10.x | Animations | +| React Simple Maps | 3.0.0 | Geographic Visualization | +| Vite | 4.x | Build System | +| Docker | - | Containerization | +| Nginx | - | Web Server | -Visit localhost:3000 in your browser. +## πŸ“ Project Structure -### Production Deployment +\`\`\` +src/ +β”œβ”€β”€ components/ # Reusable UI components +β”‚ β”œβ”€β”€ layout/ # Layout components +β”‚ β”œβ”€β”€ ui/ # UI elements +β”‚ └── maps/ # Map visualization components +β”œβ”€β”€ pages/ # Main application pages +β”œβ”€β”€ hooks/ # Custom React hooks +β”œβ”€β”€ utils/ # Utility functions +β”œβ”€β”€ types/ # TypeScript definitions +β”œβ”€β”€ assets/ # Static assets +└── styles/ # Global styles +\`\`\` -``` +## 🎯 Core Features + +- ⚑️ Intuitive user interface with responsive design +- πŸ—ΊοΈ Interactive USA region map displaying network and relationships +- πŸŽ₯ Video resources with accessible playback controls and captions +- πŸ“± Mobile-first responsive design +- πŸ”’ Secure contact system +- 🌐 Key sections: Home, Services, About, Resources, and Contact + +## πŸ”§ Development + +### Environment Setup +- Development: Vite dev server with hot reload +- Production: Nginx configuration with optimized cache settings +- Docker containers for consistent deployment + +### Scripts +\`\`\`bash +pnpm dev # Start development server +pnpm build # Build for production +pnpm preview # Preview production build +pnpm lint # Run ESLint +pnpm test # Run tests +\`\`\` + +## 🚒 Production Deployment + +\`\`\`bash docker-compose up --build -``` +\`\`\` Application will be served on port 80. +## οΏ½οΏ½ Contributing -## Project Structure +We welcome contributions that align with our mission of improving accessibility and empowerment for the Deaf community. Follow our established patterns for: -``` -src/ -β”œβ”€β”€ components/ # Reusable UI components -β”œβ”€β”€ pages/ # Main application pages -β”œβ”€β”€ assets/ # Static assets -public/ -β”œβ”€β”€ images/ # Image assets -β”œβ”€β”€ videos/ # Video content -β”œβ”€β”€ subtitles/ # Video captions -β”œβ”€β”€ transcriptions/# Text transcripts -``` +- Component architecture +- Styling conventions (Tailwind CSS) +- Accessibility standards (WCAG 2.1) +- TypeScript typing +- Git commit messages -# Environment Setup +## πŸ“„ License -Development: Uses Vite dev server with hot reload -Production: Nginx configuration with optimized cache settings -Docker containers for consistent deployment - -# Contributing - -We welcome contributions that align with our mission of improving accessibility and empowerment for the Deaf community. Follow the established patterns for: - -Component architecture -Styling conventions -Accessibility standards -TypeScript typing -License Proprietary - DeafGain LLC -# Contact +## πŸ“ž Contact -For questions or support, reach out through our contact form. +For questions or support, reach out through our [contact form](https://deafgain.com/contact). -This website represents DeafGain LLC's commitment to creating accessible, user-friendly digital experiences while maintaining high technical standards and professional quality. \ No newline at end of file +--- + +> This website represents DeafGain LLC's commitment to creating accessible, user-friendly digital experiences while maintaining high technical standards and professional quality. diff --git a/create-readme.sh b/create-readme.sh new file mode 100755 index 0000000..71d36a1 --- /dev/null +++ b/create-readme.sh @@ -0,0 +1,110 @@ +#!/bin/bash + +cat > README.md << 'EOL' +# DeafGain LLC Website 🌐 + +[![PNPM](https://img.shields.io/badge/package%20manager-pnpm-f69220.svg)](https://pnpm.io/) +[![TypeScript](https://img.shields.io/badge/TypeScript-4.9.5-blue.svg)](https://www.typescriptlang.org/) +[![React](https://img.shields.io/badge/React-18.2.0-61dafb.svg)](https://reactjs.org/) + +## Overview + +A dynamic web platform dedicated to empowering the Deaf community through innovative communication solutions, training, and accessibility services. This website serves as the digital presence for DeafGain LLC, showcasing our comprehensive services including ADA-compliant transcripts, universal website design, board communication protocols, and leadership training. + +## πŸš€ Quick Start + +\`\`\`bash +pnpm install +pnpm dev +\`\`\` + +Visit \`localhost:3000\` in your browser. + +## πŸ›  Technical Stack + +| Technology | Version | Purpose | +|------------|---------|---------| +| React | 18.2.0 | Core Framework | +| TypeScript | 4.9.5 | Type Safety | +| Tailwind CSS | 3.x | Styling | +| Framer Motion | 10.x | Animations | +| React Simple Maps | 3.0.0 | Geographic Visualization | +| Vite | 4.x | Build System | +| Docker | - | Containerization | +| Nginx | - | Web Server | + +## πŸ“ Project Structure + +\`\`\` +src/ +β”œβ”€β”€ components/ # Reusable UI components +β”‚ β”œβ”€β”€ layout/ # Layout components +β”‚ β”œβ”€β”€ ui/ # UI elements +β”‚ └── maps/ # Map visualization components +β”œβ”€β”€ pages/ # Main application pages +β”œβ”€β”€ hooks/ # Custom React hooks +β”œβ”€β”€ utils/ # Utility functions +β”œβ”€β”€ types/ # TypeScript definitions +β”œβ”€β”€ assets/ # Static assets +└── styles/ # Global styles +\`\`\` + +## 🎯 Core Features + +- ⚑️ Intuitive user interface with responsive design +- πŸ—ΊοΈ Interactive USA region map displaying network and relationships +- πŸŽ₯ Video resources with accessible playback controls and captions +- πŸ“± Mobile-first responsive design +- πŸ”’ Secure contact system +- 🌐 Key sections: Home, Services, About, Resources, and Contact + +## πŸ”§ Development + +### Environment Setup +- Development: Vite dev server with hot reload +- Production: Nginx configuration with optimized cache settings +- Docker containers for consistent deployment + +### Scripts +\`\`\`bash +pnpm dev # Start development server +pnpm build # Build for production +pnpm preview # Preview production build +pnpm lint # Run ESLint +pnpm test # Run tests +\`\`\` + +## 🚒 Production Deployment + +\`\`\`bash +docker-compose up --build +\`\`\` + +Application will be served on port 80. + +## οΏ½οΏ½ Contributing + +We welcome contributions that align with our mission of improving accessibility and empowerment for the Deaf community. Follow our established patterns for: + +- Component architecture +- Styling conventions (Tailwind CSS) +- Accessibility standards (WCAG 2.1) +- TypeScript typing +- Git commit messages + +## πŸ“„ License + +Proprietary - DeafGain LLC + +## πŸ“ž Contact + +For questions or support, reach out through our [contact form](https://deafgain.com/contact). + +--- + +> This website represents DeafGain LLC's commitment to creating accessible, user-friendly digital experiences while maintaining high technical standards and professional quality. +EOL + +chmod +x create-readme.sh +echo "README.md has been created successfully!" + diff --git a/public/images/eliza-old.jpg b/public/images/eliza-old.jpg new file mode 100644 index 0000000..0292b55 Binary files /dev/null and b/public/images/eliza-old.jpg differ diff --git a/public/images/eliza.jpg b/public/images/eliza.jpg new file mode 100644 index 0000000..98d5c58 Binary files /dev/null and b/public/images/eliza.jpg differ diff --git a/public/images/scene.jpg b/public/images/scene.jpg new file mode 100644 index 0000000..66bf6da Binary files /dev/null and b/public/images/scene.jpg differ diff --git a/public/images/thumbnails/minutes-approval-procedure.png b/public/images/thumbnails/minutes-approval-procedure.png new file mode 100644 index 0000000..2345f1b Binary files /dev/null and b/public/images/thumbnails/minutes-approval-procedure.png differ diff --git a/public/videos/minutes-approval-procedure.mp4 b/public/videos/minutes-approval-procedure.mp4 new file mode 100644 index 0000000..512e000 Binary files /dev/null and b/public/videos/minutes-approval-procedure.mp4 differ