add favicon

parcel-bundler · Dec 7, 2017 · 7f20425 · 7f20425
1 parent 1afb858
commit 7f20425
Show file tree

Hide file tree

Showing 12 changed files with 88 additions and 2 deletions.
diff --git a/src/index.html b/src/index.html
@@ -3,11 +3,17 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta property="og:title" content="📦 Parcel" />
+  <meta property="og:title" content="Parcel" />
   <meta property="og:url" content="https://parceljs.org/" />
   <meta property="og:type" content="website" />
   <meta property="og:description" content="Blazing fast, zero configuration web application bundler" />
-  <title>📦 Parcel</title>
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png">
+  <link rel="manifest" href="/assets/icons/manifest.json">
+  <link rel="mask-icon" href="/assets/icons/safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="theme-color" content="#ffffff">
+  <title>Parcel</title>
   <style>
     html, body {
       margin: 0;

diff --git a/src/layout/assets/icons/android-chrome-192x192.png b/src/layout/assets/icons/android-chrome-192x192.png
diff --git a/src/layout/assets/icons/android-chrome-512x512.png b/src/layout/assets/icons/android-chrome-512x512.png
diff --git a/src/layout/assets/icons/apple-touch-icon.png b/src/layout/assets/icons/apple-touch-icon.png
diff --git a/src/layout/assets/icons/browserconfig.xml b/src/layout/assets/icons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/src/layout/assets/icons/favicon-16x16.png b/src/layout/assets/icons/favicon-16x16.png
diff --git a/src/layout/assets/icons/favicon-32x32.png b/src/layout/assets/icons/favicon-32x32.png
diff --git a/src/layout/assets/icons/favicon.ico b/src/layout/assets/icons/favicon.ico
diff --git a/src/layout/assets/icons/manifest.json b/src/layout/assets/icons/manifest.json
@@ -0,0 +1,18 @@
+{
+    "name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/src/layout/assets/icons/mstile-150x150.png b/src/layout/assets/icons/mstile-150x150.png
diff --git a/src/layout/assets/icons/safari-pinned-tab.svg b/src/layout/assets/icons/safari-pinned-tab.svg
diff --git a/src/layout/page.html b/src/layout/page.html
@@ -8,6 +8,12 @@
   <link type="text/css" rel="stylesheet" href="{{asset 'style.css'}}" />
   <link type="text/css" rel="stylesheet" href="{{asset 'pilcrow.css'}}" />
   <link type="text/css" rel="stylesheet" href="{{asset 'hljs-github.min.css'}}"/>
+  <link rel="apple-touch-icon" sizes="180x180" href="{{asset 'icons/apple-touch-icon.png'}}" />
+  <link rel="icon" type="image/png" sizes="32x32" href="{{asset 'icons/favicon-32x32.png'}}" />
+  <link rel="icon" type="image/png" sizes="16x16" href="{{asset 'icons/favicon-16x16.png'}}" />
+  <link rel="manifest" href="{{asset 'icons/manifest.json'}}" />
+  <link rel="mask-icon" href="{{asset 'icons/safari-pinned-tab.svg'}}" color="#5bbad5" />
+  <meta name="theme-color" content="#ffffff" />
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-110647385-1"></script>
   <script>
     window.dataLayer = window.dataLayer || [];