Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: Refactor Footer to Navigation Element for Enhanced Navigation #15

Merged
merged 2 commits into from
Feb 4, 2025

Conversation

samucodesh
Copy link
Owner

Description

This pull request addresses issue #14, which involves refactoring the website's footer to use a <nav> element. This change is made to improve the overall navigation experience and accessibility, while enhancing the structural semantic of the HTML. The specific goals are to provide more intuitive links with the website's navigation structure.

Key Changes:

  • HTML Refactoring: Replaced the <footer> element with a <nav> element, semantically structuring the navigation links.
  • Added Target Attributes: External links now have target="_blank" for proper behavior, opening in new tabs.
  • CSS Styling: Footer CSS styles have been removed, updated navigation styles have been added, and the styles are adjusted to ensure appropriate touch target sizes and spacing for navigation links, especially on mobile devices.

Related Tickets & Documents

Closes #14

Refactors the footer to use a <nav> element for improved semantic HTML.
Adds target=_blank to external links, opening them in new tabs.

[Closes #14](#14)

Signed-off-by: Samuel Soto <[email protected]>
Updates CSS for the navigation after converting the footer to a nav element.

Removes old footer styles and implements styles for better touch target size and spacing, particularly on mobile.

[Closes #14](#14)

Signed-off-by: Samuel Soto <[email protected]>
@samucodesh samucodesh self-assigned this Feb 4, 2025
@samucodesh samucodesh added the enhancement New feature or request label Feb 4, 2025
@samucodesh samucodesh merged commit 73f5d53 into main Feb 4, 2025
@samucodesh samucodesh deleted the foooter/nav branch February 4, 2025 21:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Refactor: Convert Footer to Navigation for Enhanced Navigation
1 participant