diff --git a/src/css/style.css b/src/css/style.css index 8e5bfdb..4b7e3ee 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -9,7 +9,7 @@ html { } body { - background-image: url("/utils/clouds.jpg"); + background-image: url("/WeatherMate-App/utils/clouds.jpg"); font-family: "Poppins", sans-serif; display: flex; flex-direction: column; diff --git a/src/js/script.js b/src/js/script.js index 5a348e6..9846bbe 100644 --- a/src/js/script.js +++ b/src/js/script.js @@ -182,32 +182,32 @@ function setBackground(condition, data) { const sunset = data.sys.sunset; if (condition === 'Clear' && (currentTime < sunrise || currentTime > sunset)) { - backgroundImage = 'url(/utils/night.jpg)'; + backgroundImage = 'url(/WeatherMate-App/utils/night.jpg)'; textColor = 'white'; favoriteColor = 'black'; } else { switch (condition) { case 'Clouds': - backgroundImage = 'url(/utils/cloudy.jpg)'; + backgroundImage = 'url(/WeatherMate-App/utils/cloudy.jpg)'; textColor = 'black'; favoriteColor = 'black'; document.getElementById('my-heading').style.color = 'white !important'; break; case 'Clear': - backgroundImage = 'url(/utils/clear.jpg)'; + backgroundImage = 'url(/WeatherMate-App/utils/clear.jpg)'; break; case 'Rain': - backgroundImage = 'url(/utils/rainy.jpg)'; + backgroundImage = 'url(/WeatherMate-App/utils/rainy.jpg)'; break; case 'Snow': - backgroundImage = 'url(/utils/snowy.jpg)'; + backgroundImage = 'url(/WeatherMate-App/utils/snowy.jpg)'; break; case 'Thunderstorm': - backgroundImage = 'url(/utils/thunderstorm.jpg)'; + backgroundImage = 'url(/WeatherMate-App/utils/thunderstorm.jpg)'; break; default: - backgroundImage = 'url(/utils/clouds.jpg)'; + backgroundImage = 'url(/WeatherMate-App/utils/clouds.jpg)'; break; } }