Feature: UI updated nav

[bdougie]

Type of feature

🍕 Feature

Current behavior

1. Search box needs to move
2. New logo
3. Login is now a button

Suggested solution

Update nav

• [ ] Votes link in the header
• [ ] New sign in button
• [ ] New logo and wordmark (separated)

Keep in mind "my votes" will need to be shown only when logged in.

Right side of the nav

Left side of the nav

Link to figma

related https://github.com/open-sauced/hot/issues/200

Additional context

password to figma is secretsauce

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

Contributing Docs

• [X] I agree to follow this project's Contribution Docs

[github-actions[bot]]

:tada: This issue has been resolved in version 2.9.0-beta.4 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@beta dist-tag)

Your semantic-release bot :package::rocket:

[eryc-cc]

Hey @shamimbinnur! I've designed the navbar with a searchbox that will only show when the user scrolls the page.

All of the information regarding the style changes can be found here:

• 209

[eryc-cc]

@shamimbinnur @bdougie do we have the search results box, or should I create the designs for that as well?

[shamimbinnur]

@shamimbinnur @bdougie do we have the search results box, or should I create the designs for that as well?

@pixelsbyeryc We already have the mockup for that, as you can see on the preview deployment from the PR of the hero section (Not completed yet) But I believe you can come up with a great design for this 😊

[github-actions[bot]]

:tada: This issue has been resolved in version 2.11.0-beta.1 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@beta dist-tag)

Your semantic-release bot :package::rocket:

[eryc-cc]

@shamimbinnur let's go with the mockup we already have then, and if need be, we can open another issue to cover for that. Thank you! 🚀

[github-actions[bot]]

:tada: This issue has been resolved in version 2.11.0 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@latest dist-tag)

Your semantic-release bot :package::rocket: