PrivateCoffee/structables
4
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
structables/templates/header.html

40 lines
1.2 KiB
HTML
Raw Normal View History

first commit
2023-06-01 21:25:13 +00:00
<header>
Update .gitignore and enhance project structure - Add 'privacy.txt' to .gitignore to prevent checking it in - Refactor data storage from arrays to dictionaries for better data handling in 'main.py' - Include 'pathlib' import for handling filesystem paths - Introduce new CSS and Bootstrap files providing updated styles and responsive design elements - Modify HTML templates to use updated data structures and enhance accessibility These changes improve code readability, maintain project consistency, and enhance the front-end presentation. This work is part of ongoing efforts to better manage project data, secure sensitive information, and provide a more robust user interface.
2024-01-17 15:43:51 +00:00
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
refactor(header): streamline navigation and improve form aesthetics Redesigned the header's navigation layout and search form to enhance user interface consistency and accessibility. Migrated the logo loading to utilize Flask's url_for, ensuring dynamic path resolution which is more maintainable and compatible across different deployment environments. Simplified the navbar structure by consolidating elements under a single navbar-collapse class, aligning with Bootstrap's best practices for responsive design. Upgraded the search button to be more visually appealing and accessible by replacing visibility styles with an outline class, promoting a clearer call-to-action for users to engage with the search functionality.
2024-05-22 16:01:09 +00:00
<a class="navbar-brand" href="/">
<img
class="navbar-logo"
src="{{ url_for('static', filename='img/logo.png') }}"
alt="Structables Logo"
/>
</a>
<div class="navbar-collapse">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
Optimized navigation layout in header Streamlined the header's HTML structure by consolidating navigation elements and search form into more efficient class usage, improving maintainability and readability. Removed fixed height for the logo to enhance flexibility in different resolutions. These adjustments make future styling and responsiveness optimizations smoother.
2024-01-31 16:36:47 +00:00
<li class="nav-item">
<a class="nav-link" href="/projects/">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contest/">Contests</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/teachers/">Teachers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/sitemap/">Sitemap</a>
</li>
</ul>
refactor(header): streamline navigation and improve form aesthetics Redesigned the header's navigation layout and search form to enhance user interface consistency and accessibility. Migrated the logo loading to utilize Flask's url_for, ensuring dynamic path resolution which is more maintainable and compatible across different deployment environments. Simplified the navbar structure by consolidating elements under a single navbar-collapse class, aligning with Bootstrap's best practices for responsive design. Upgraded the search button to be more visually appealing and accessible by replacing visibility styles with an outline class, promoting a clearer call-to-action for users to engage with the search functionality.
2024-05-22 16:01:09 +00:00
<form class="d-flex" action="/search" method="post">
Optimized navigation layout in header Streamlined the header's HTML structure by consolidating navigation elements and search form into more efficient class usage, improving maintainability and readability. Removed fixed height for the logo to enhance flexibility in different resolutions. These adjustments make future styling and responsiveness optimizations smoother.
2024-01-31 16:36:47 +00:00
<input
refactor(header): streamline navigation and improve form aesthetics Redesigned the header's navigation layout and search form to enhance user interface consistency and accessibility. Migrated the logo loading to utilize Flask's url_for, ensuring dynamic path resolution which is more maintainable and compatible across different deployment environments. Simplified the navbar structure by consolidating elements under a single navbar-collapse class, aligning with Bootstrap's best practices for responsive design. Upgraded the search button to be more visually appealing and accessible by replacing visibility styles with an outline class, promoting a clearer call-to-action for users to engage with the search functionality.
2024-05-22 16:01:09 +00:00
class="form-control me-2"
Optimized navigation layout in header Streamlined the header's HTML structure by consolidating navigation elements and search form into more efficient class usage, improving maintainability and readability. Removed fixed height for the logo to enhance flexibility in different resolutions. These adjustments make future styling and responsiveness optimizations smoother.
2024-01-31 16:36:47 +00:00
type="search"
placeholder="Search"
name="q"
aria-label="Search"
/>
refactor(header): streamline navigation and improve form aesthetics Redesigned the header's navigation layout and search form to enhance user interface consistency and accessibility. Migrated the logo loading to utilize Flask's url_for, ensuring dynamic path resolution which is more maintainable and compatible across different deployment environments. Simplified the navbar structure by consolidating elements under a single navbar-collapse class, aligning with Bootstrap's best practices for responsive design. Upgraded the search button to be more visually appealing and accessible by replacing visibility styles with an outline class, promoting a clearer call-to-action for users to engage with the search functionality.
2024-05-22 16:01:09 +00:00
<button class="btn btn-outline-success" type="submit">Search</button>
Optimized navigation layout in header Streamlined the header's HTML structure by consolidating navigation elements and search form into more efficient class usage, improving maintainability and readability. Removed fixed height for the logo to enhance flexibility in different resolutions. These adjustments make future styling and responsiveness optimizations smoother.
2024-01-31 16:36:47 +00:00
</form>
Update .gitignore and enhance project structure - Add 'privacy.txt' to .gitignore to prevent checking it in - Refactor data storage from arrays to dictionaries for better data handling in 'main.py' - Include 'pathlib' import for handling filesystem paths - Introduce new CSS and Bootstrap files providing updated styles and responsive design elements - Modify HTML templates to use updated data structures and enhance accessibility These changes improve code readability, maintain project consistency, and enhance the front-end presentation. This work is part of ongoing efforts to better manage project data, secure sensitive information, and provide a more robust user interface.
2024-01-17 15:43:51 +00:00
</div>
</div>
</nav>
</header>
Reference in a new issue Copy permalink