From 2f84fc92b432ecbf06fb5034a7e674628eaba457 Mon Sep 17 00:00:00 2001 From: Janis Hutz Date: Thu, 23 Mar 2023 13:27:26 +0100 Subject: [PATCH] progress on pages & optimisation of js --- css/style.css | 9 ++++++++- examples.html | 14 ++++++++------ index.html | 9 ++++++++- js/loader.js | 11 +---------- 4 files changed, 25 insertions(+), 18 deletions(-) diff --git a/css/style.css b/css/style.css index 9a2dffe..9821771 100644 --- a/css/style.css +++ b/css/style.css @@ -72,6 +72,13 @@ html, body { color: white; font-weight: bold; border-radius: 50px; + transition: 1.5s; +} + +.button:hover { + border-radius: 5px; + background-color: rgb(0, 0, 31); + transition: 0.2s; } @@ -165,4 +172,4 @@ html, body { height: 40vh; width: 100%; } -} \ No newline at end of file +} diff --git a/examples.html b/examples.html index 41b7dfb..2a43306 100644 --- a/examples.html +++ b/examples.html @@ -18,13 +18,15 @@

Examples

Here's a list of the websites I have created so far.

+

Links will open in new tabs

diff --git a/index.html b/index.html index 898464c..428ebbb 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,18 @@ - Home :: Development - janishutz.com + + + + + + + + Home :: Development - janishutz.com diff --git a/js/loader.js b/js/loader.js index 666903f..5bb9902 100644 --- a/js/loader.js +++ b/js/loader.js @@ -1,13 +1,4 @@ -$(document).ready( function () { +$( document ).ready( function () { $( '#nav' ).load( '/modules/nav.html' ); $( '#footer' ).load( '/modules/footer.html' ); - - $( '.button' ).mouseenter ( function () { - $( this ).stop(); - $( this ).animate( { 'border-radius': '0'} ); - } ); - $( '.button' ).mouseleave ( function () { - $( this ).stop(); - $( this ).animate( { 'border-radius': '50px'} ); - } ); } ); \ No newline at end of file