This commit is contained in:
janis
2023-01-08 11:09:12 +01:00
parent 66a302ee06
commit c0ce442090
3 changed files with 34 additions and 28 deletions

View File

@@ -6,6 +6,11 @@
* Created 2023 by Janis Hutz
*/
::selection {
background-color: darkblue;
color: white;
}
.Menu {
font-size: 0.8rem;
margin-top: -1%;

View File

@@ -2,35 +2,35 @@ $(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)
})
$( 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)
})
$( 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)
})
$( 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)
$( 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' ) {
} else if ( pagename.slice( 0, 8 ) == '/support' ) {
$( '#support' ).css( 'background-color', 'darkblue' );
} else if ( pagename.slice(0, 6) == '/services' ) {
} else if ( pagename.slice( 0, 9 ) == '/services' ) {
$( '#services' ).css( 'background-color', 'darkblue') ;
};
}

View File

@@ -28,7 +28,8 @@
<h3>JavaScript, HTML, CSS (Webapps / Websites)</h3>
<ul>
<li><a class="textlink" href="/">This website</a></li>
<li><a class="textlink" href="https://booking.languageschoolhossegor.com">Booking system for Language School Hossegor (WIP)</a></li>
<li><a class="textlink" href="https://booking.languageschoolhossegor.com">Booking system for Language School Hossegor (Not yet up, in development)</a></li>
<li><a class="textlink" href="https://github.com/simplePCBuilding/impress.js/tree/new-impress-website">Impress.js website (Not yet up, in development)</a></li>
</ul>
</div>
<div id="Footer"></div>