chore: remove logo and favicon's background & generate favicon tool (#…

…116)

* chore: remove logo and favicon's background & generate favicon
tool: https://realfavicongenerator.net/

* Update public/site.webmanifest

* Update index.html

* Update site.webmanifest

---------

Co-authored-by: Baoshuo Ren <i@baoshuo.ren>

index.html

@@ -11,7 +11,12 @@
     <script>
       window.appVersion = '<%= appVersion %>';
     </script>
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="220x220" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#a8a8a8">
+    <meta name="msapplication-TileColor" content="#a8a8a8">
     <meta name="theme-color" content="#ffffff" />
     <meta rel="canonical" href="https://oier.baoshuo.dev" />
   </head>

public/site.webmanifest

@@ -0,0 +1 @@
+{"background_color":"#ffffff","display":"standalone","icons":[{"sizes":"192x192","src":"/android-chrome-192x192.png","type":"image/png"},{"sizes":"512x512","src":"/android-chrome-512x512.png","type":"image/png"}],"name":"OIerDb NG","short_name":"OIerDb NG","theme_color":"#ffffff"}