complete restructuring
This commit is contained in:
63
menu.html
Executable file
63
menu.html
Executable file
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<link rel="stylesheet" href="/css/menustyle.css">
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||
<title>Navmenu - janishutz.com</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Menu">
|
||||
<a href="/"><img src="/assets/Logo.png" class="logo"></a>
|
||||
<div class="toggle-wrapper">
|
||||
<a class="listtoggle" onclick="togglelist()">☰</a>
|
||||
</div>
|
||||
<ul class="menu-container">
|
||||
<li class="mainitems"><a class="menubutton" id="home" href="/">Home</a></li>
|
||||
<li class="dropdown mainitems">
|
||||
<a class="menubutton" id="projects" href="/projects.html">Projects</a>
|
||||
<ul class="dropdown-menu">
|
||||
<a class="menubutton sub" href="/projects/qrinsight.html">QR & Barcode Insight</a>
|
||||
<a class="menubutton sub" href="/projects/storagemanager.html">StorageManager</a>
|
||||
<a class="menubutton sub" href="/projects/smuL.html">Simple­Media­Upscaler­Lite</a>
|
||||
<a class="menubutton sub" href="/projects/musiplayer.html">MusicPlayer</a>
|
||||
<a class="menubutton sub" href="/projects/bgac.html">BiogasControllerApp</a>
|
||||
<a class="menubutton sub" href="https://libreevent.janishutz.com">libreǝvent</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown mainitems">
|
||||
<a class="menubutton" id="about" href="/aboutPage.html">About</a>
|
||||
<ul class="dropdown-menu">
|
||||
<a class="menubutton sub" href="/privacypolicy.html">Privacy Policy</a>
|
||||
<a class="menubutton sub" href="/about.html">About me</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown mainitems">
|
||||
<a class="menubutton" id="services" href="/services.html">Services</a>
|
||||
<ul class="dropdown-menu">
|
||||
<a class="menubutton sub" href="https://pcbuilding.janishutz.com">PC Building</a>
|
||||
<a class="menubutton sub" href="https://development.janishutz.com">Custom Websites</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mainitems"><a class="menubutton" id="support" href="/support.html">Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
let previous = 1;
|
||||
function togglelist() {
|
||||
$( '.menu-container' ).slideToggle(300);
|
||||
$( '.listtoggle' ).toggleClass( 'active' );
|
||||
}
|
||||
|
||||
window.addEventListener( 'resize', function( event ) {
|
||||
if ( $(window).width() > 999 ) {
|
||||
$( '.menu-container' ).slideDown();
|
||||
previous = 1;
|
||||
} else if ( $(window).width() < 999 && previous == 1 ) {
|
||||
$( '.menu-container' ).slideUp();
|
||||
$( '.listtoggle' ).removeClass( 'active' );
|
||||
previous = 0;
|
||||
};
|
||||
}, true);
|
||||
</script>
|
||||
</body>
|
||||
Reference in New Issue
Block a user