diff --git a/docker-compose/requirements/nginx/static/img/default_banner.jpg b/docker-compose/requirements/nginx/static/img/default_banner.jpg index 2f69c64..9f93e74 100644 Binary files a/docker-compose/requirements/nginx/static/img/default_banner.jpg and b/docker-compose/requirements/nginx/static/img/default_banner.jpg differ diff --git a/docker-compose/requirements/nginx/static/javascript/profilPage/main.js b/docker-compose/requirements/nginx/static/javascript/profilPage/main.js index 8a11907..d897326 100644 --- a/docker-compose/requirements/nginx/static/javascript/profilPage/main.js +++ b/docker-compose/requirements/nginx/static/javascript/profilPage/main.js @@ -3,10 +3,10 @@ /* ::: :::::::: */ /* main.js :+: :+: :+: */ /* +:+ +:+ +:+ */ -/* By: edbernar +#+ +:+ +#+ */ /* +#+#+#+#+#+ +#+ */ /* Created: 2024/09/19 23:08:31 by edbernar #+# #+# */ -/* Updated: 2024/11/18 23:53:19 by edbernar ### ########.fr */ +/* Updated: 2024/11/21 13:18:52 by madegryc ### ########.fr */ /* */ /* ************************************************************************** */ @@ -272,10 +272,12 @@ function buttonDashboard(userInfo) } else if (actualPage == 1) { - const winrate = Math.round((userInfo.nbWin / (userInfo.nbWin + userInfo.nbLoss)) * 100); + let winrate = Math.round((userInfo.nbWin / (userInfo.nbWin + userInfo.nbLoss)) * 100); + if (isNaN(winrate)) + winrate = 'Never played'; contentStats.innerHTML = ` -

Winrate${winrate}%

+

Winrate${winrate == 'Never played' ? winrate : winrate + '%'}

Opponent give up rate${userInfo.forfeitRate}%

Average goal number${userInfo.avgGoals}

Number of parties (last 30 days)${userInfo.nbGames30Days}

diff --git a/docker-compose/requirements/nginx/static/style/profilPage/profil.css b/docker-compose/requirements/nginx/static/style/profilPage/profil.css index 737353e..9321220 100644 --- a/docker-compose/requirements/nginx/static/style/profilPage/profil.css +++ b/docker-compose/requirements/nginx/static/style/profilPage/profil.css @@ -267,13 +267,17 @@ } #profil .dashboard .button-dashboard { - background-color: #aeaeae; - color: white; - border: none; - padding: 10px 20px; - border-radius: 10px; - font-size: 1rem; + color: #020202; + font-size: 2.2rem; + margin: 0; + margin-inline: 30px; cursor: pointer; + background-color: white; + transform: 0.3s ease; +} + +#profil .dashboard .button-dashboard:hover { + transform: scale(1.1); } #profil .dashboard .button-dashboard:focus {