janishutz-website/development-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add more pages + fix bugs

Browse Source
This commit is contained in:
Janis Hutz
2023-05-19 20:36:23 +02:00
parent 7a86ec0de2
commit 5f69d25662
10 changed files with 356 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
newVersion/nav.html
View File

@@ -14,6 +14,7 @@
<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="info" href="/info">Details</a>
<a class="navitem inactive" id="contact" href="/contact">Contact</a>
<a class="navitem inactive" id="examples" href="/examples">Examples</a>
</div>
@@ -27,7 +28,7 @@
<script>
let offset = 0;
let menuOpen = false;
const offsetList = { 'home': 0, 'order': -200, 'contact': -400, 'examples': -600 };
const offsetList = { 'home': 0, 'order': -200, 'info': -400, 'contact': -600, 'examples': -800 };
$( document ).ready( function () {
if ( sessionStorage.getItem( 'menuOpen' ) == 'true' ) {
$( '#nav-menu' ).hide( 700 );
@@ -55,10 +56,12 @@
$( '#nav-menu' ).css( 'background-position', `${0 + offset}px` );
} else if ( obj == 'order' ) {
$( '#nav-menu' ).css( 'background-position', `${200 + offset}px` );
} else if ( obj == 'contact' ) {
} else if ( obj == 'info' ) {
$( '#nav-menu' ).css( 'background-position', `${400 + offset}px` );
} else if ( obj == 'examples' ) {
} else if ( obj == 'contact' ) {
$( '#nav-menu' ).css( 'background-position', `${600 + offset}px` );
} else if ( obj == 'examples' ) {
$( '#nav-menu' ).css( 'background-position', `${800 + offset}px` );
}
} )
$( '.inactive' ).mouseleave ( function () {