Comp-Labs
diff --git a/‎README.md
+4-5 b/‎README.md
+4-5
diff --git a/‎apple-touch-icon.png
21.4 KB b/‎apple-touch-icon.png
21.4 KB
diff --git a/‎favicon.ico
5.12 KB b/‎favicon.ico
5.12 KB
diff --git a/‎icon-192-maskable.png
24 KB b/‎icon-192-maskable.png
24 KB
diff --git a/‎icon-192.png
24 KB b/‎icon-192.png
24 KB
diff --git a/‎icon-512-maskable.png
92.5 KB b/‎icon-512-maskable.png
92.5 KB
diff --git a/‎icon-512.png
93.4 KB b/‎icon-512.png
93.4 KB
diff --git a/‎icon.png
25.4 KB b/‎icon.png
25.4 KB
diff --git a/‎index.html
+5-3 b/‎index.html
+5-3
diff --git a/‎manifest.json
+9 b/‎manifest.json
+9
@@ -1,13 +1,12 @@
-# WeatherBox ⛅
+# WeatherBox
 
 ## About
+
 **Simple Weather App By Using OpenWeatherMap API & Custom Icons.**
-<br>
-<br>
-[CodePen🧑🏻‍💻](https://codepen.io/rudrasen2/pen/gOoQojr)
 
 ## Screenshot 🖼️
-![Screenshot](https://user-images.githubusercontent.com/91307601/166142269-185b829d-ee9f-4ee5-9c1f-8aa5ccdc661e.jpg)
+
+<img src="https://api.microlink.io?url=https%3A%2F%2Fweatherbox.complabs.in&overlay.browser=dark&screenshot=true&meta=false&embed=screenshot.url"></img>
 
 <br>
 </br>
 
@@ -2,10 +2,11 @@
 <html lang="en" >
 <head>
   <meta charset="UTF-8">
-  <title>WeatherBox ⛅</title>
+  <title>WeatherBox</title>
   <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:300,400,700&amp;display=swap'>
   <link rel="stylesheet" href="style.css">
-
+  <link rel="icon" href="/favicon.ico" sizes="any">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 </head>
 <body>
 <!-- partial:index.partial.html -->
@@ -15,7 +16,8 @@
 </div>
 <section class="top-banner">
   <div class="container">
-    <h1 class="heading">WeatherBox ⛅</h1>
+    <img src="./apple-touch-icon.png"></img>
+    <h1 class="heading">WeatherBox </h1>
 
     <form>
       <input type="text" placeholder="Search for a Place..." autofocus>
 
@@ -0,0 +1,9 @@
+{
+    "icons": [
+      { "src": "/favicon.ico", "type": "image/x-icon", "sizes": "16x16 32x32" },
+      { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
+      { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" },
+      { "src": "/icon-192-maskable.png", "type": "image/png", "sizes": "192x192", "purpose": "maskable" },
+      { "src": "/icon-512-maskable.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" }
+    ]
+  }