From c8f9a5b9ab1e7d9c88ff035399a3840ab260d93f Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Sat, 20 May 2023 07:22:17 +0200
Subject: [PATCH] reorganise nav

---
 newVersion/nav.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/newVersion/nav.html b/newVersion/nav.html
index 467cf55..34bfd1d 100644
--- a/newVersion/nav.html
+++ b/newVersion/nav.html
@@ -13,10 +13,10 @@
                 <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="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>
+                    <a class="navitem inactive" id="contact" href="/contact">Contact</a>
+                    <a class="navitem inactive" id="order" href="/order">Order</a>
                 </div>
             </div>
         </div>
@@ -28,7 +28,7 @@
         <script>
             let offset = 0;
             let menuOpen = false;
-            const offsetList = { 'home': 0, 'order': -200, 'info': -400, 'contact': -600, 'examples': -800 };
+            const offsetList = { 'home': 0, 'info': -200, 'examples': -400, 'contact': -600, 'order': -800 };
             $( document ).ready( function () {
                 if ( sessionStorage.getItem( 'menuOpen' ) == 'true' ) {
                     $( '#nav-menu' ).hide( 700 );
@@ -54,13 +54,13 @@
                     let obj = $( this ).attr( 'id' );
                     if ( obj === 'home' ) {
                         $( '#nav-menu' ).css( 'background-position', `${0 + offset}px` );
-                    } else if ( obj == 'order' ) {
-                        $( '#nav-menu' ).css( 'background-position', `${200 + offset}px` );
                     } else if ( obj == 'info' ) {
-                        $( '#nav-menu' ).css( 'background-position', `${400 + offset}px` );
-                    } else if ( obj == 'contact' ) {
-                        $( '#nav-menu' ).css( 'background-position', `${600 + offset}px` );
+                        $( '#nav-menu' ).css( 'background-position', `${200 + offset}px` );
                     } else if ( obj == 'examples' ) {
+                        $( '#nav-menu' ).css( 'background-position', `${400 + offset}px` );
+                    }  else if ( obj == 'contact' ) {
+                        $( '#nav-menu' ).css( 'background-position', `${600 + offset}px` );
+                    } else if ( obj == 'order' ) {
                         $( '#nav-menu' ).css( 'background-position', `${800 + offset}px` );
                     }
                 } )