HPR/hpr_generator
8
1
Fork 5
Code Issues 30 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Added hamburger menu for narrow devices

Browse Source
This commit is contained in:
Lee Hanken
2025-08-08 16:06:08 +01:00
parent 3991c95533
commit a29585dd82
5 changed files with 105 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
templates/page.tpl.html
View File

@@ -40,6 +40,10 @@
<a href="<!--% absolute_path(baseurl) %-->sitemap.html#main_content">Site Map</a>
- <a href="#main_content">skip to main content</a>
</nav>
<button type="button" id="hamburger-menu" class="hamburger" aria-controls="main-navigation" aria-expanded="false" aria-label="Toggle navigation menu">
<i aria-hidden="true" class="icon hamburger_icon" style="mask: url('<!--% absolute_path(baseurl) %-->images/icons/menu-line.svg') no-repeat center;"></i>
<i aria-hidden="true" class="icon close_icon" style="mask: url('<!--% absolute_path(baseurl) %-->images/icons/close-line.svg') no-repeat center;"></i>
</button>
<nav id="main_menu" class="menu" role="navigation">
<!--% INCLUDE "navigation-main.tpl.html" %-->
</nav>
@@ -77,5 +81,6 @@
<div id="generated_by">This page was <a href="https://repo.anhonesthost.net/HPR/hpr_generator">generated</a> by <a href="mailto:<!--% generator_email %-->"><!--% generator_name %--></a> at <time dateTime="<!--% format_iso8601_date(date.now) %-->"><!--% format_feed_date(date.now) %--></time></em>
</div>
</footer>
<script src="/js/menu.js"></script>
</body>
</html>