camicroscope / camicroscope.github.io

caMicroscope organization page
BSD 3-Clause "New" or "Revised" License
3 stars 18 forks source link

Overall Website UI Changes and Fixes #19

Closed ayush24k closed 1 year ago

ayush24k commented 1 year ago

Made some changes in the Navbar , added smooth transitions and effects, fixed the footer and enhanced overall look of the website.

  1. Navbar Fixed the spacing and width and added background blur. Made it sticky so its easy for user to navigate.

Before:

https://user-images.githubusercontent.com/112506922/222925968-6f99e1f4-45ab-45f7-82b5-2ab4b188c118.mp4

After:

https://user-images.githubusercontent.com/112506922/222926058-4be962b7-2a8f-4c60-b5d7-777f2b976024.mp4

  1. Cards Hoover Added smooth hover effect in cards.

https://user-images.githubusercontent.com/112506922/222926134-43051591-daa2-4a45-86ce-9de35eed3ed0.mp4

  1. Footer Fixed the footer look.

Before:

footerbefore

After:

footerafter

  1. Scroll fixed Fixed the quick scroll by adding a smooth scroll behaviour

Before:

https://user-images.githubusercontent.com/112506922/222926462-d4562c61-a0a7-4307-a985-4795f411ce2a.mp4

After:

https://user-images.githubusercontent.com/112506922/222926466-b5d7548a-6a1e-48c3-b79c-e1ca9f160dc9.mp4

ayush24k commented 1 year ago

Looks good to me, thank you for making this page more user friendly!

thanks for reviewing and merging.

psankhe28 commented 1 year ago

@birm I had raised a pr before @ayush24k regarding issue #17. Please have a look into it. A part of it is replicated regarding cards which I had done it beforehand. Thanks.