b7s9 / portfolio-2021 Goto Github PK

• Speed up animations a bit
• Fix animations on mobile
• a11y contrast check
• revisit text hierarchy in project list view
• change title gradients to solid colour
• two rows for controls in project view?
• Arrows in project view should lead to Next and Prev projects. Or else make another way to easily move between projects without having to go back to the list
• invert nav colour? try it
• proof read project text
• try squaring images, or reducing border radius
• create separate mobile version of project images
• take out the ideology list (but how will ppl know i'm cool? lol)
• Write a few bullets about projects I'm looking to take on
• First time tutorial to swipe between pics and text

Might be some shenanigans with event capture/bubbling

So everyone can see how hard I worked on this lol

the animation toggle and color system settings are not keyboard focusable

• image
• description

Either reduce filter area height on lg+ or make that section scrollable

make a toggle in the menu for zero motion?

• Restrict images to max-h-vh, so photos don't overflow off bottom of viewport
• Restrict images to max vw if needed
• Disable background page scrolling while lightbox active

animations might still be too slow? Maybe it should be a 3 way toggle with fast, slow, none

• Do I really need the landing page? Should I go directly to the project page? if so, should I add a nice visual there? seems a bit jarring. Or make a compelling graphic for the existing landing page
• How much content for the case studies?
• Default to Gallery?

Stretch goal

• Use project one liner as link preview description?
• Some combo of site title and project title?
• keep original site preview photo

Set updateActiveColor() to use internal references with this in main.js