By Karen He, 2025.
I haven't updated the 2.0 in a really long time and I don't like how it looks anymore, so this is the attempt at jumping out of my high school self and into the me who has learned about design system and accessibility.
Skills practiced:
- Accessibility
- Color contrast
- Semantic HTML Tags
- Use of heading tags
- Design System
- Defined font sizes
- Defined primary, secondary, and default font colors
- Defined styles for each heading
- Responsive design [soon]
- Responsive design for mobile
- only show menu icon on mobile
- Support for keyboard navigation
- Redesigned Theme
- Cleaner color system consisting of red, white, and black (which matches my resume)
- Fonts: Nunito, Roboto
- Uses semantic HTML tags for accessibility!
- Uses yarn instead of npm for package management
- Google's Material Design: Typography
- Google Fonts
- Google Fonts: Icons
- WebAIM's Color Contrast Checker
- Colorable color contrast checker by Jxnblk
- mdn web docs: Responsive design
- Microsoft's Screen sizes and breakpoints
- Web design resources