Added background image HTML

KatieRiches · May 28, 2022 · 56b1db7 · 56b1db7
1 parent 5716de4
commit 56b1db7
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 12 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Clouds.jpg b/Clouds.jpg
diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="src/style.css" />
     <title>Weather App</title>
   </head>
-  <body>
+  <body background="Clouds.jpg">
     <div class="container">
       <div class="weather-app-wrapper">
         <div class="weather-app">
@@ -30,6 +30,7 @@
                   autocomplete="off"
                 />
               </div>
+
               <div class="col-3">
                 <input
                   type="submit"
@@ -69,9 +70,7 @@ <h1 id="city"></h1>
           <div class="weather-forecast" id="forecast"></div>
         </div>
         <small>
-          <a
-            href="https://github.com/wecodeschool/vanilla-weather-app"
-            target="_blank"
+          <a href="https://github.com/KatieRiches/weather-app" target="_blank"
             >Open-source code</a
           >
           by Katie Riches

diff --git a/src/app.js b/src/app.js
@@ -141,4 +141,4 @@ fahrenheitLink.addEventListener("click", displayFahrenheitTemperature);
 let celsiusLink = document.querySelector("#celsius-link");
 celsiusLink.addEventListener("click", displayCelsiusTemperature);
 
-search("New York");
+search("Wellington");
diff --git a/src/style.css b/src/style.css
@@ -3,7 +3,7 @@ body {
 }
 
 h1 {
-  color: blueviolet;
+  color: #64c4ed;
   font-size: 24px;
   font-weight: 100;
   line-height: 28.8px;
@@ -19,7 +19,7 @@ li {
   margin: 0;
   padding: 0;
   list-style: none;
-  color: brown;
+  color: #9ba6a5;
   font-size: 16px;
   font-weight: 100;
   line-height: 19px;
@@ -37,7 +37,7 @@ li:first-letter {
   max-width: 600px;
   margin: 30px auto;
   padding: 20px;
-  border: 1px solid black;
+  border: 1px solid white;
   border-radius: 10px;
 }
 .overview {
@@ -51,7 +51,7 @@ li:first-letter {
 }
 
 .weather-temperature strong {
-  color: blue;
+  color: #64c4ed;
   font-size: 64px;
   font-weight: 100;
   line-height: 1;
@@ -73,19 +73,19 @@ li:first-letter {
 }
 
 .weather-forecast {
-  margin-top: 20px;
+  margin-top: 25px;
   text-align: center;
+  color: whitesmoke;
+  opacity: 0.6;
 }
 
 .weather-forecast .day {
   font-size: 16px;
-  color: blueviolet;
   opacity: 0.6;
 }
 
 .forecast-temp {
   font-size: 13px;
-  color: #000;
 }
 
 .high {