openculinary / frontend

The RecipeRadar Frontend is a recipe search and meal planning application
GNU Affero General Public License v3.0
13 stars 2 forks source link

Design: expand footer navigation to contain foundational content #195

Closed jayaddison closed 3 years ago

jayaddison commented 3 years ago

Describe the reason for these changes and the problem that they solve

New users to the site may have difficulty discovering information about the project. Some information has been available in the application by clicking on the 'info' icon in the top navbar, but this has been (somewhat intentionally) unobtrusive.

This change moves most of the foundational content links to the footer of the page, and makes the footer 'sticky' so that it should appear in a consistent location at the bottom of the user's browser window (unless there is other content on the page that means scrolling is required to reach the bottom and footer).

Before (header) image

After (footer) image

Briefly summarize the changes

  1. Make the navigation footer 'sticky' so that it should always appear at the bottom of the user-agent's viewport, after scrolling past content
  2. Move foundational content links ('about', 'vision', ...) into the navigation footer
  3. Remove the top-right-hand-corner 'info' link

How have the changes been tested?

  1. Local development testing
jayaddison commented 3 years ago

As with a few other areas of the application, this will require internationalization updates soon. We've fallen behind in a few areas, using progress as an excuse - but should perform a sweep to add i18n placeholders soon.