Skip to content

[Bug]: Duplicate navigation items and malformed HTML in Desktop Navbar (index.html) #881

@Dev1822

Description

@Dev1822

What happened?

There is a bug in the navigation bar layout on the desktop view where the navigation elements (Search Bar, Home, How It Works, Find Project, GitHub link, etc.) are duplicated.

This occurs because an older, malformed fragment of the navigation bar layout was left intact inside templates/index.html right above the correct

layout. In addition to duplicating the visual elements, this old fragment contains unclosed and tags for the dark mode toggle, leading to broken HTML markup.

Steps to reproduce

  1. Open the project in a desktop viewport.
  2. Look at the top navigation bar.
  3. Observe that "Find Project", "Contact", "GitHub", and the theme toggle icons appear multiple times.
  4. Inspect the source code of templates/index.html around line 45-103 to see the unclosed and duplicated markup.

Expected behaviour

The navigation bar should contain only one set of links wrapped cleanly inside the .nav-right container, and the HTML markup should be valid without unclosed tags.

Area of the app affected

Homepage form

Python version

3.11.4

Operating system

Windows 11

Relevant error output or logs

Before submitting

  • I searched existing issues and this has not been reported before.
  • I can reproduce this bug consistently with the steps above.
  • I am running the latest version of the main branch.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions