From a95e662e50d2b8e5c8609b47afd4af3e1e5b7251 Mon Sep 17 00:00:00 2001 From: code-with-divyanshu Date: Thu, 18 Jul 2024 12:50:47 +0530 Subject: [PATCH] Fetures and UI --- index.html | 79 +++++++++++++++++++----------------- weather-app/img/weather.jpg | Bin 0 -> 22810 bytes weather-app/index.html | 77 ++++++++++++++++++----------------- weather-app/script.js | 6 +++ weather-app/style.css | 21 +++++++--- 5 files changed, 101 insertions(+), 82 deletions(-) create mode 100644 weather-app/img/weather.jpg diff --git a/index.html b/index.html index 2096a17..1e9a3b3 100644 --- a/index.html +++ b/index.html @@ -1,40 +1,43 @@ - - - - Weather App - - - -
- -
- rainy -

22°C

-

New York

-
-
- -
-

50%

-

Humidity

-
-
-
- -
-

12 Km/h

-

Wind Speed

-
-
-
-
-
- - - - \ No newline at end of file + + + + Weather App + + + + +
+ +
+ rainy +

22°C

+

New York

+
+
+ +
+

50%

+

Humidity

+
+
+
+ +
+

12 Km/h

+

Wind Speed

+
+
+
+
+
+ + + + diff --git a/weather-app/img/weather.jpg b/weather-app/img/weather.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0c8799a2d2ccbe7fcf5a1988e22fd383adf789a8 GIT binary patch literal 22810 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 - - - - Weather App - - - -
- -
- rainy -

22°C

-

New York

-
-
- -
-

50%

-

Humidity

-
-
-
- -
-

12 Km/h

-

Wind Speed

-
-
-
-
-
- - - - \ No newline at end of file + + + + Weather App + + + + +
+ +
+ rainy +

22°C

+

New York

+
+
+ +
+

50%

+

Humidity

+
+
+
+ +
+

12 Km/h

+

Wind Speed

+
+
+
+
+
+ + + + diff --git a/weather-app/script.js b/weather-app/script.js index 6893643..59570d1 100644 --- a/weather-app/script.js +++ b/weather-app/script.js @@ -49,3 +49,9 @@ async function checkWeather(citys) { searchbtn.addEventListener("click", () => { checkWeather(search.value); }); + +search.addEventListener("keypress", (e) => { + if (e.key === "Enter") { + checkWeather(e.target.value); + } +}); diff --git a/weather-app/style.css b/weather-app/style.css index d80f290..648c40a 100644 --- a/weather-app/style.css +++ b/weather-app/style.css @@ -5,14 +5,23 @@ box-sizing: border-box; } -body { - background: #222; +.card::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: url("img/weather.jpg"); + background-size: cover; + background-position: center; + filter: grayscale(40%); + z-index: -1; /* Ensure the pseudo-element is behind the content */ } - .card { - width: 90%; - max-width: 470px; - background: linear-gradient(135deg, #00feba, #5b548a); + width: 94%; + max-width: 480px; + background: linear-gradient(135deg, #0962af, #7d14df, #010c20); color: #fff; margin: 100px auto 0; border-radius: 20px;