54 lines
2.3 KiB
HTML
54 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>nav</title>
|
|
<link rel="stylesheet" href="/css/navstyle.css">
|
|
</head>
|
|
<body>
|
|
<div id="nav-menu">
|
|
<div class="nav-container">
|
|
<img class="logo" src="https://static.janishutz.com/Logo.png" alt="logo">
|
|
<div class="nav-list">
|
|
<a class="navitem inactive" id="home" href="/">Home</a>
|
|
<a class="navitem inactive" id="order" href="/order">Order</a>
|
|
<a class="navitem inactive" id="contact" href="/contact">Contact</a>
|
|
<a class="navitem inactive" id="examples" href="/examples">Examples</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="listtoggle active" onclick="toggleMenu();">
|
|
<span class="line" id="line1"></span>
|
|
<span class="line" id="line2"></span>
|
|
<span class="line" id="line3"></span>
|
|
</a>
|
|
<script>
|
|
let menuOpen = false;
|
|
$( document ).ready( function () {
|
|
if ( sessionStorage.getItem( 'menuOpen' ) == 'true' ) {
|
|
$( '#nav-menu' ).hide( 700 );
|
|
$( '.listtoggle' ).removeClass( 'active' );
|
|
} else {
|
|
$( '#nav-menu' ).css( 'display', 'none' );
|
|
$( '.listtoggle' ).removeClass( 'active' );
|
|
}
|
|
if ( location.pathname === '/' ) {
|
|
$( '#home' ).removeClass( 'inactive' );
|
|
} else {
|
|
$( '#' + location.pathname.slice( 1, location.pathname.length - 1 ) ).removeClass( 'inactive' );
|
|
}
|
|
sessionStorage.setItem( 'menuOpen', 'false' );
|
|
} );
|
|
|
|
function toggleMenu () {
|
|
menuOpen = !menuOpen;
|
|
$( '#nav-menu' ).toggle( 600 );
|
|
$( 'body' ).toggleClass( 'menuActive' );
|
|
$( '.listtoggle' ).toggleClass( 'active' );
|
|
sessionStorage.setItem( 'menuOpen', String( menuOpen ) );
|
|
};
|
|
</script>
|
|
</body>
|
|
</html> |