Interactivity of navigation

Hederis / hederis.github.io

Hederis website

1 stars 0 forks source link

Interactivity of navigation #7

Open ian-crowther opened 6 years ago

ian-crowther commented 6 years ago

https://www.dropbox.com/s/65x4u3yc9im83kr/Screenshot%202018-09-30%2012.50.57.png?dl=0

[x] Seems to me like the Hederis logo should be a link and probably return the user to the homepage (redundant with About?) @nelliemckesson
[x] Hederis logo needs a hover state @nelliemckesson
[ ] Nav items need more considered hover states @nelliemckesson
[ ] Nav items need an active state @nelliemckesson

ian-crowther commented 5 years ago

@nelliemckesson I added animated GIFs for hover states for purple and green Hederis logos to the repo (note that these are 4x size, so should scale down well). Ideally these would probably be done with some kind of SVG animation, but I don't know how much experience you have with that (I don't really). I have vector source files for these, so if you'd prefer to go that route, we can - but note that they're done as a sequence of keyframes, not as timeline-based animation.

ian-crowther commented 5 years ago

for item 3, nav links against both should hover to green, but with a little easing on the change. Nothing too fancy. LMK if you want specific direction on this.

for item 4, let's make nav active states (that is, the page that you're on (ignoring the homepage unless we keep About in the nav)) white against a purple background, and black against a white background.