Update favicons

Cred: https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
2021-01-17 01:44:33 +03:00 · 2021-01-17 01:44:33 +03:00 · 3c4b76a176
parent 4e16129279
commit 3c4b76a176
9 changed files with 15 additions and 5 deletions
--- a/docs/apple-touch-icon.png
+++ b/docs/apple-touch-icon.png
--- a/docs/favicon-16x16.png
+++ b/docs/favicon-16x16.png
--- a/docs/favicon-32x32.png
+++ b/docs/favicon-32x32.png
--- a/docs/favicon.ico
+++ b/docs/favicon.ico
--- a/docs/icon-192.png
+++ b/docs/icon-192.png
--- a/docs/icon-512.png
+++ b/docs/icon-512.png
--- a/docs/icon.svg
+++ b/docs/icon.svg
--- a/docs/index.html
+++ b/docs/index.html
@ -5,7 +5,9 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Lightweight, stylish and ethical share buttons for popular social networks">
    <meta name="keywords" content="share buttons, sharing, social networks, share via, share on">
-    <meta name="author" content="Nikita Karamov">
+	<meta name="author" content="Nikita Karamov">
+
+    <title>shareon</title>

    <meta property="og:title" content="shareon">
    <meta property="og:url" content="https://shareon.js.org">
@ -14,8 +16,6 @@
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:creator" content="@NickKaramoff">

-    <title>shareon</title>
-
    <link rel="stylesheet" href="https://igoradamenko.github.io/awsm.css/css/awsm.min.css">

    <style>
@ -28,8 +28,10 @@
        }
    </style>

-    <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="icon" href="/favicon.ico">
+	<link rel="icon" href="/icon.svg" type="image/svg+xml">
+	<link rel="apple-touch-icon" href="/apple-touch-icon.png">
 </head>
 <body>
    <header>
--- a/docs/site.webmanifest
+++ b/docs/site.webmanifest
@ -0,0 +1,7 @@
+{
+  "name": "shareon",
+  "icons": [
+    { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }
+  ]
+}