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

partial restyle

Browse Source
This commit is contained in:
janis
2023-01-04 20:58:41 +01:00
parent a82227b485
commit cb6c095d0c
17 changed files with 454 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
ui/js/basicanimations.js
View File

@@ -1,34 +1,36 @@
$(document).ready(function() {
$("#ContentToInclude").load("/menu.html");
$("#Footer").load("/footer.html");
$(".linkbutton").mouseenter(function() {
$('#ContentToInclude').load('/menu.html');
$('#Footer').load('/footer.html');
$('.linkbutton').mouseenter(function() {
$(this).stop()
$(this).animate({"border-radius": "0px", "background-color": "darkblue"}, 200)
$(this).animate({'border-radius': '0px', 'background-color': 'darkblue'}, 200)
})
$(".linkbutton").mouseleave(function() {
$('.linkbutton').mouseleave(function() {
$(this).stop()
$(this).animate({"border-radius": "20px", "background-color": "rgba(0,0,0,0)"}, 200)
$(this).animate({'border-radius': '20px', 'background-color': 'rgba(0,0,0,0)'}, 200)
})
$(".textlink").mouseenter(function() {
$('.textlink').mouseenter(function() {
$(this).stop()
$(this).animate({"color": "darkblue", "font-size": "120%"}, 200)
$(this).animate({'color': 'darkblue', 'font-size': '120%'}, 200)
})
$(".textlink").mouseleave(function() {
$('.textlink').mouseleave(function() {
$(this).stop()
$(this).animate({"color": "black", "font-size": "100%"}, 200)
$(this).animate({'color': 'black', 'font-size': '100%'}, 200)
})
setTimeout(highlightLocation, 200)
});
function highlightLocation () {
let pagename = $(location).attr('pathname')
if (pagename.slice(0, 8) == "/project") {
$('#projects').css("background-color", "darkblue")
} else if (pagename.slice(0, 6) == "/about" || pagename == "/privacypolicy.html") {
$('#about').css("background-color", "darkblue")
} else if (pagename == "/" || pagename == "/index.html") {
$('#home').css("background-color", "darkblue")
} else if (pagename == "/support.html") {
$('#support').css("background-color", "darkblue")
}
if ( pagename.slice(0, 8) == '/project' ) {
$('#projects').css('background-color', 'darkblue');
} else if ( pagename.slice(0, 6) == '/about' || pagename == '/privacypolicy' ) {
$('#about').css('background-color', 'darkblue');
} else if ( pagename == '/' || pagename == '/index.html' ) {
$('#home').css('background-color', 'darkblue');
} else if ( pagename == '/support' ) {
$('#support').css('background-color', 'darkblue');
} else if ( pagename == '/services' ) {
$('#services').css('background-color', 'darkblue');
};
}