diff --git a/pages/index.js b/pages/index.js index 0a0def7..8df89ec 100644 --- a/pages/index.js +++ b/pages/index.js @@ -65,12 +65,11 @@ export default function Home() { />

- {Math.round(weatherData.main.temp)}°C + {Math.round(weatherData.main.temp)}°

-

Feels like {Math.round(weatherData.main.feels_like)}°C

+

Feels like {Math.round(weatherData.main.feels_like)}°

- Time:{" "} {new Date( weatherData.dt * 1000 + weatherData.timezone * 1000 ).toLocaleString("en-US")} @@ -175,7 +174,14 @@ export default function Home() { width="100px" />

-

4:31

+

+ {" "} + {new Date(weatherData.sys.sunrise * 1000).getHours()}: + {(new Date(weatherData.sys.sunrise * 1000).getMinutes() < 10 + ? "0" + : "") + + new Date(weatherData.sys.sunrise * 1000).getMinutes()} +

AM

@@ -203,7 +209,13 @@ export default function Home() { width="100px" />
-

10:02

+

+ {new Date(weatherData.sys.sunset * 1000).getHours()}: + {(new Date(weatherData.sys.sunset * 1000).getMinutes() < 10 + ? "0" + : "") + + new Date(weatherData.sys.sunset * 1000).getMinutes()} +

PM

diff --git a/styles/globals.css b/styles/globals.css index 8c2fec4..114c4ef 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -15,7 +15,6 @@ body { rgba(137, 171, 245, 0.37) 0%, rgba(245, 247, 252, 1) 100.2% ); - /* background-image: linear-gradient( 112.1deg, rgba(32,38,57,1) 11.4%, rgba(63,76,119,1) 70.2% ); */ font-family: "Varela Round", sans-serif; min-height: 100vh; }