diff --git a/ui/css/menustyle.css b/ui/css/menustyle.css index cd39739..96ea650 100755 --- a/ui/css/menustyle.css +++ b/ui/css/menustyle.css @@ -6,6 +6,11 @@ * Created 2023 by Janis Hutz */ +::selection { + background-color: darkblue; + color: white; +} + .Menu { font-size: 0.8rem; margin-top: -1%; diff --git a/ui/js/basicanimations.js b/ui/js/basicanimations.js index 539ae14..a2f234a 100755 --- a/ui/js/basicanimations.js +++ b/ui/js/basicanimations.js @@ -1,36 +1,36 @@ $(document).ready(function() { $('#ContentToInclude').load('/menu.html'); $('#Footer').load('/footer.html'); - $('.linkbutton').mouseenter(function() { - $(this).stop() - $(this).animate({'border-radius': '0px', 'background-color': 'darkblue'}, 200) - }) - $('.linkbutton').mouseleave(function() { - $(this).stop() - $(this).animate({'border-radius': '20px', 'background-color': 'rgba(0,0,0,0)'}, 200) - }) - $('.textlink').mouseenter(function() { - $(this).stop() - $(this).animate({'color': 'darkblue', 'font-size': '120%'}, 200) - }) - $('.textlink').mouseleave(function() { - $(this).stop() - $(this).animate({'color': 'black', 'font-size': '100%'}, 200) - }) - setTimeout(highlightLocation, 200) + $( '.linkbutton').mouseenter(function() { + $( this ).stop(); + $( this ).animate( { 'border-radius': '0px', 'background-color': 'darkblue' }, 200 ); + }); + $( '.linkbutton').mouseleave(function() { + $( this ).stop(); + $( this ).animate( { 'border-radius': '20px', 'background-color': 'rgba(0,0,0,0)' }, 200 ); + }); + $( '.textlink' ).mouseenter(function() { + $( this ).stop(); + $(this ).animate( { 'color': 'darkblue', 'font-size': '120%' }, 200 ); + }); + $( '.textlink' ).mouseleave(function() { + $( this ).stop(); + $( this ).animate( { 'color': 'black', 'font-size': '100%' }, 200); + }); + setTimeout( highlightLocation, 200 ); }); function highlightLocation () { - let pagename = $(location).attr('pathname') + let pagename = $(location).attr( 'pathname' ); if ( pagename.slice(0, 8) == '/project' ) { - $('#projects').css('background-color', 'darkblue'); - } else if ( pagename.slice(0, 6) == '/about' || pagename.slice(0, 14) == '/privacypolicy' ) { - $('#about').css('background-color', 'darkblue'); - } else if ( pagename.slice(0, 6) == '/' || pagename == '/index.html' ) { - $('#home').css('background-color', 'darkblue'); - } else if ( pagename.slice(0, 6) == '/support' ) { - $('#support').css('background-color', 'darkblue'); - } else if ( pagename.slice(0, 6) == '/services' ) { - $('#services').css('background-color', 'darkblue'); + $( '#projects' ).css( 'background-color', 'darkblue' ); + } else if ( pagename.slice( 0, 6 ) == '/about' || pagename.slice( 0, 14 ) == '/privacypolicy' ) { + $( '#about' ).css( 'background-color', 'darkblue' ); + } else if ( pagename.slice( 0, 6 ) == '/' || pagename == '/index.html' ) { + $( '#home' ).css( 'background-color', 'darkblue' ); + } else if ( pagename.slice( 0, 8 ) == '/support' ) { + $( '#support' ).css( 'background-color', 'darkblue' ); + } else if ( pagename.slice( 0, 9 ) == '/services' ) { + $( '#services' ).css( 'background-color', 'darkblue') ; }; } \ No newline at end of file diff --git a/ui/projects.html b/ui/projects.html index 908b77a..07bc2bd 100755 --- a/ui/projects.html +++ b/ui/projects.html @@ -28,7 +28,8 @@

JavaScript, HTML, CSS (Webapps / Websites)