To-Do List for MVP

1. Hover/Focus Animations for the Desktop Navbar - active for sections of a single webpage (for MVP) - 2 pomos
2. Hover/Focus Animations for site-buttons and project-card buttons - 3 pomos
3. Mobile Navbar - focus and collapse on select (collapse only needed when a single webpage?) - 1 pomos
4. Finish Medium write-up for YT Spaces - 7 pomos
5. Write a brief MRF Portal write-up ... - 5 pomos
6. Write a brief TechX write-up - 3 pomos
7. Fourth project? ideate or portfolio - 3 pomos
8. Write brief summaries of projects and link articles to project cards (for MVP) - 2 pomos
9. Code cleaning and reorganization - 2 pomos

Beyond MVP

10. Continue tweaking responsive design to better accomodate height differences within screen designs
11. Design article-page component to host medium articles locally
12. Consider whether separate about/project pages are still desired, or keep the single page design (INCLUDING SCROLL THROTTLING)

References

• Material Design - Responsive Layout Grid
• Responsive Height Design
• 320px is a good minimal width
• 180px is roughly a good minimal height
• Default Breakpoints are Dead
• Simpler Responsive Viewer
• Don't use inline event handlers HTML/JS
• Useful lesson on CSS specificity!
• Organizing your CSS
• Modern Fluid Typography using CSS Clamp
• Modern fluid typography editor
• Ahmad Shadeed article on Container Queries, consider for height-responsive design?
• RSCSS Documentation
• Custom Properties in BEM
• Old Fashioned CSS without dependencies
• Blog post on using RSCSS: "...my CSS is no longer a mess"
• Reasonal System for Javascript (counterpart to RSCSS)
• Basic Vanilla JS Project Setupo
• Mastering State Management in Vanilla JS
• Info on Scroll Throttling, to be implemented later...?