Index page redesign

[rruiz85]

What this PR does:

1. This PR is a redesign of the index page for Abalone Analytics.
2. The navigation hamburger was adjusted to be positioned on the right side when on mobile and tablet view.
3. The hero image was redesigned and more content was added to communicate about us better.
4. Removed "More" drop down from the nav
5. Made the links to contribute to Github repo and resources available on the index page when a user is logged in and logged out.
6. The Cohorts, Animals, Encolsures, Locations links is now under the "Statistics" dropdown.
7. The Log out and change password links is now under the "users" dropdown

Final Design -

[seanmarcia]

Looks like there is a css conflict.

[CraigJZ]

Apologies for the delay!!

I think this design looks great!! We will need to rebase from main to resolve the merge conflict that Sean mentioned.

I'm getting a Sassc Syntax error when trying to view the changes locally. I'm trying to figure out if that is something on my end or something we will need to look at before merging.

ActionView::Template::Error (Error: Undefined variable: "$color-light".
        on line 6:10 of app/assets/stylesheets/home.scss
>>   color: $color-light;

[CraigJZ]

Thanks for checking on the home.scss. I am no longer seeing an error locally.

This looks great. I really like the re-organized navigation structure. One question on that - would it be possible to change the "Users" nav item to be "User" since those items pertain to stuff a single user can do as opposed to the admin nav item for managing users?

I'm seeing an issue with a few of the buttons. Would you mind taking a look?

The CI picked up a couple of failing specs for the homepage statistics. I think those specs are just looking for some of the old styles. Happy to help get those resolved, if you'd like.

I'll be available in the morning, if you have any questions or want me to take a look at anything. Thanks again for all the work on this.