modernize website

This commit is contained in:
2023-07-26 17:37:51 +02:00
parent 49555211a7
commit 8fc62c8265
15 changed files with 120 additions and 175 deletions

View File

@@ -1,86 +1,23 @@
let bannedIDs = [];
function highlightPath () {
if ( $( location ).attr( 'pathname' ).slice( 6, location.pathname.length ) === '' ) {
$( '#home' ).animate( { 'background-color': 'black' }, 200 );
bannedIDs.push( 'home' );
} else if ( $( location ).attr( 'pathname' ).slice( 6, location.pathname.length ) === 'gettingStarted.html' ) {
$( '#gettingStarted' ).animate( { 'background-color': 'black' }, 200 );
bannedIDs.push( 'gettingStarted' );
} else if ( $( location ).attr( 'pathname' ).slice( 6, 16 ) === 'reference/' ) {
$( '#referenceNav' ).animate( { 'background-color': 'black' }, 200 );
$( '#reference' ).slideDown();
bannedIDs.push( 'referenceNav' );
setTimeout( highlightSubPath( 16 ), 300 );
} else if ( $( location ).attr( 'pathname' ).slice( 6, 14 ) === 'plugins/' ) {
$( '#pluginsNav' ).animate( { 'background-color': 'black' }, 200 );
$( '#plugins' ).slideDown();
bannedIDs.push( 'pluginsNav' );
setTimeout( highlightSubPath( 14 ), 300 );
} else if ( $( location ).attr( 'pathname' ).slice( 6, 19 ) === 'contributing/' ) {
$( '#contributingNav' ).animate( { 'background-color': 'black' }, 200 );
$( '#contributing' ).slideDown();
bannedIDs.push( 'contributingNav' );
if ( $( location ).attr( 'pathname' ).length < 21 ) {
$( '#contributing-gettingStarted' ).animate( { 'background-color': 'rgb(43, 43, 43)' }, 200 );
bannedIDs.push( 'contributing-gettingStarted' );
} else {
setTimeout( highlightSubPath( 19 ), 300 );
};
}
};
function highlightSubPath ( sliceStart ) {
if ( $( location ).attr( 'pathname' ).slice( sliceStart, parseInt( location.pathname.length ) - 5 ) === '' ) {
if ( $(location).attr( 'pathname' ).slice( 6, 13 ) === 'plugins' ) {
$( '#plugins-home' ).animate( { 'background-color': 'rgb(43, 43, 43)' }, 200 );
} else {
$( '#root' ).animate( { 'background-color': 'rgb(43, 43, 43)' }, 200 );
}
bannedIDs.push( 'root' );
} else {
$( `#${location.pathname.slice( sliceStart, parseInt( location.pathname.length ) - 5 )}` ).animate( { 'background-color': 'rgb(43, 43, 43)' }, 200 );
bannedIDs.push( `${location.pathname.slice( sliceStart, parseInt( location.pathname.length ) - 5 )}` );
};
}
$( document ).ready( function () {
$( '.navitem' ).mouseenter( function () {
$( this ).stop();
$( this ).animate( { 'background-color': 'black' }, 100 );
} );
$( '.navitem' ).mouseleave( function () {
if ( !bannedIDs.includes( this.id ) ) {
if ( sessionStorage.getItem( 'theme' ) == 'dark' ) {
$( this ).stop();
$( this ).animate( { 'background-color': 'rgb(12, 12, 60)' }, 100 );
} else {
$( this ).stop();
$( this ).animate( { 'background-color': 'rgb(22, 22, 117)' }, 100 );
};
};
} );
$( '.nav-subitem' ).mouseenter( function () {
$( this ).stop();
$( this ).animate( { 'background-color': 'rgb(43, 43, 43)' }, 100 );
} );
$( '.nav-subitem' ).mouseleave( function () {
if ( !bannedIDs.includes( this.id ) ) {
if ( sessionStorage.getItem( 'theme' ) == 'dark' ) {
$( this ).stop();
$( this ).animate( { 'background-color': 'rgb(18, 18, 99)' }, 100 );
} else {
$( this ).stop();
$( this ).animate( { 'background-color': 'rgb(27, 27, 165)' }, 100 );
};
};
} );
setTimeout( highlightPath, 300 );
});
function toggleList ( id ) {
$( `#${id}` ).slideToggle();
};
};
$( () => {
setTimeout( () => {
if ( location.pathname.substring( 6 ) === '' ) {
document.getElementById( 'home' ).classList.add( 'active' );
} else {
if ( location.pathname.substring( location.pathname.length - 1 ) === '/' ) {
document.getElementById( location.pathname.substring( 6, location.pathname.substring( 6 ).indexOf( '/' ) + 6 ) + 'Nav' ).classList.add( 'active' );
document.getElementById( location.pathname.substring( 6, location.pathname.substring( 6 ).indexOf( '/' ) + 6 ) + '-home' ).classList.add( 'active' );
$( '#' + location.pathname.substring( 6, location.pathname.substring( 6 ).indexOf( '/' ) + 6 ) ).slideDown( 300 );
} else if( location.pathname.substring( 6 ).includes( '/' ) ) {
document.getElementById( location.pathname.substring( 6, location.pathname.substring( 6 ).indexOf( '/' ) + 6 ) + 'Nav' ).classList.add( 'active' );
document.getElementById( location.pathname.substring( location.pathname.substring( 6 ).indexOf( '/' ) + 7, location.pathname.length - 5 ) ).classList.add( 'active' );
$( '#' + location.pathname.substring( 6, location.pathname.substring( 6 ).indexOf( '/' ) + 6 ) ).slideDown( 300 );
} else {
document.getElementById( location.pathname.substring( 6, location.pathname.length - 5 ) ).classList.add( 'active' );
}
}
}, 300 );
} );