svg to webp

lolyparty · Oct 23, 2020 · 513dd5c · 513dd5c
1 parent 760a34a
commit 513dd5c
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 181 deletions.
diff --git a/img/day.svg b/img/day.svg
diff --git a/img/day.webp b/img/day.webp
diff --git a/img/weatherIcon.svg b/img/weatherIcon.svg
diff --git a/img/weatherIcon.webp b/img/weatherIcon.webp
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="img/weatherIcon.svg">
+    <link rel="icon" href="img/weatherIcon.webp">
     <link rel="stylesheet" href="style.css">
     <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap" rel="stylesheet">
@@ -112,6 +112,7 @@ <h2>Ibadan</h1>
             <div class="currentlocation">
                 <img class="locationweather" src="img/pin (1).svg" alt="weather of current location" />
             </div>
+            <label for="city">Search city weather</label>
             <input type="text" name="city" placeholder="Search City" class="searchinput"><button aria-label="Search" class="searchbtn" type="submit"><img class="searchweather"  alt="search weather of a city" src="img/icons8-search.svg"/></button>
         </div>
 

diff --git a/style.css b/style.css
@@ -19,7 +19,7 @@
 }
 
 .left{
-    background: url('img/day.svg');
+    background: url('img/day.webp');
     background-repeat: no-repeat;
     background-size: cover;
     width:65%;
@@ -263,6 +263,9 @@
     animation:bounce .7s .6s ease infinite;
 }
 
+label{
+    display:none;
+}
 
 
 @keyframes bounce{