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

fixes

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

5
ui/css/menustyle.css
View File

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

54
ui/js/basicanimations.js
View File

@@ -1,36 +1,36 @@
$(document).ready(function() { $(document).ready(function() {
$('#ContentToInclude').load('/menu.html'); $('#ContentToInclude').load('/menu.html');
$('#Footer').load('/footer.html'); $('#Footer').load('/footer.html');
$('.linkbutton').mouseenter(function() { $( '.linkbutton').mouseenter(function() {
$(this).stop() $( 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 ).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 ).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 ).stop();
$(this).animate({'color': 'black', 'font-size': '100%'}, 200) $( this ).animate( { 'color': 'black', 'font-size': '100%' }, 200);
}) });
setTimeout(highlightLocation, 200) setTimeout( highlightLocation, 200 );
}); });
function highlightLocation () { function highlightLocation () {
let pagename = $(location).attr('pathname') let pagename = $(location).attr( 'pathname' );
if ( pagename.slice(0, 8) == '/project' ) { if ( pagename.slice(0, 8) == '/project' ) {
$('#projects').css('background-color', 'darkblue'); $( '#projects' ).css( 'background-color', 'darkblue' );
} else if ( pagename.slice(0, 6) == '/about' || pagename.slice(0, 14) == '/privacypolicy' ) { } else if ( pagename.slice( 0, 6 ) == '/about' || pagename.slice( 0, 14 ) == '/privacypolicy' ) {
$('#about').css('background-color', 'darkblue'); $( '#about' ).css( 'background-color', 'darkblue' );
} else if ( pagename.slice(0, 6) == '/' || pagename == '/index.html' ) { } else if ( pagename.slice( 0, 6 ) == '/' || pagename == '/index.html' ) {
$('#home').css('background-color', 'darkblue'); $( '#home' ).css( 'background-color', 'darkblue' );
} else if ( pagename.slice(0, 6) == '/support' ) { } else if ( pagename.slice( 0, 8 ) == '/support' ) {
$('#support').css('background-color', 'darkblue'); $( '#support' ).css( 'background-color', 'darkblue' );
} else if ( pagename.slice(0, 6) == '/services' ) { } else if ( pagename.slice( 0, 9 ) == '/services' ) {
$('#services').css('background-color', 'darkblue'); $( '#services' ).css( 'background-color', 'darkblue') ;
}; };
} }

3
ui/projects.html
View File

@@ -28,7 +28,8 @@
<h3>JavaScript, HTML, CSS (Webapps / Websites)</h3> <h3>JavaScript, HTML, CSS (Webapps / Websites)</h3>
<ul> <ul>
<li><a class="textlink" href="/">This website</a></li> <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> </ul>
</div> </div>
<div id="Footer"></div> <div id="Footer"></div>