diff --git a/Weather-App/.gitignore b/Weather-App/.gitignore new file mode 100644 index 0000000..40b878d --- /dev/null +++ b/Weather-App/.gitignore @@ -0,0 +1 @@ +node_modules/ \ No newline at end of file diff --git a/Weather-App/app.js b/Weather-App/app.js index beddd2a..33010e4 100644 --- a/Weather-App/app.js +++ b/Weather-App/app.js @@ -38,4 +38,4 @@ app.listen(5000, function () { console.log("server started at port : 5000"); }); - +app.use('/static', express.static('static')) diff --git a/Weather-App/index.html b/Weather-App/index.html index b8cf8d5..ec05231 100644 --- a/Weather-App/index.html +++ b/Weather-App/index.html @@ -4,16 +4,21 @@ WeatherApp + -

Weather App

+
-
- - - -
+
+

Weather App

+
+ + + +
+
+
\ No newline at end of file diff --git a/Weather-App/static/css/style.css b/Weather-App/static/css/style.css new file mode 100644 index 0000000..8a8fd97 --- /dev/null +++ b/Weather-App/static/css/style.css @@ -0,0 +1,58 @@ +body { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + background: #222; + font-family: 'Open Sans', sans-serif; + background-image: url('https://source.unsplash.com/1600x900/?landscape'); + font-size: 120%; +} + +body { + background-color: black; + color: #fff; +} + +button { + margin: .7em; + padding: 0.5rem; + border-radius: 1rem; + border: none; + outline: none; + background: #393232d7; + color: whitesmoke; + cursor: pointer; + transition: 0.2s ease-in-out; +} + +.container { + display: flex; + padding: 2rem; + background: #000000d0; + border-radius: 30px; + width: 100%; + max-width: 420px; +} + +.container .city { + justify-content: center; + align-items: center; +} + +.container .city h1 { + display: flex; + justify-content: center; + align-items: center; +} + +.container .city #cityInput { + border: none; + outline: none; + padding: 0.4em; + border-radius: 24px; + background: #7c7c7c2b; + color: whitesmoke; + font-family: inherit; +} \ No newline at end of file