12 files changed, 59 insertions, 114 deletions
diff --git a/kamon-status/public/favicon.ico b/kamon-status/public/favicon.ico
deleted file mode 100644
index f01f24f8..00000000
--- a/kamon-status/public/favicon.ico
+++ /dev/null
diff --git a/kamon-status/public/favicon/android-chrome-96x96.png b/kamon-status/public/favicon/android-chrome-96x96.png
new file mode 100644
index 00000000..76bf6c17
--- /dev/null
+++ b/kamon-status/public/favicon/android-chrome-96x96.png
diff --git a/kamon-status/public/favicon/apple-touch-icon.png b/kamon-status/public/favicon/apple-touch-icon.png
new file mode 100644
index 00000000..590c4c95
--- /dev/null
+++ b/kamon-status/public/favicon/apple-touch-icon.png
diff --git a/kamon-status/public/favicon/browserconfig.xml b/kamon-status/public/favicon/browserconfig.xml
new file mode 100644
index 00000000..7738dd46
--- /dev/null
+++ b/kamon-status/public/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/assets/favicon/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/kamon-status/public/favicon/favicon-16x16.png b/kamon-status/public/favicon/favicon-16x16.png
new file mode 100644
index 00000000..2058b6c0
--- /dev/null
+++ b/kamon-status/public/favicon/favicon-16x16.png
diff --git a/kamon-status/public/favicon/favicon-32x32.png b/kamon-status/public/favicon/favicon-32x32.png
new file mode 100644
index 00000000..dd4acaea
--- /dev/null
+++ b/kamon-status/public/favicon/favicon-32x32.png
diff --git a/kamon-status/public/favicon/favicon.ico b/kamon-status/public/favicon/favicon.ico
new file mode 100644
index 00000000..6affcb49
--- /dev/null
+++ b/kamon-status/public/favicon/favicon.ico
diff --git a/kamon-status/public/favicon/mstile-150x150.png b/kamon-status/public/favicon/mstile-150x150.png
new file mode 100644
index 00000000..74b62d82
--- /dev/null
+++ b/kamon-status/public/favicon/mstile-150x150.png
diff --git a/kamon-status/public/favicon/safari-pinned-tab.svg b/kamon-status/public/favicon/safari-pinned-tab.svg
new file mode 100644
index 00000000..f031b484
--- /dev/null
+++ b/kamon-status/public/favicon/safari-pinned-tab.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="107.000000pt" height="107.000000pt" viewBox="0 0 107.000000 107.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,107.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M140 1052 c-76 -34 -101 -96 -129 -317 -11 -85 -6 -405 5 -414 5 -3
+10 -28 12 -56 8 -159 89 -256 200 -242 61 8 125 35 116 49 -3 5 -2 8 3 7 25
+-4 41 12 123 124 49 67 133 182 187 255 54 74 97 138 95 143 -1 5 2 9 7 9 9 0
+82 95 102 132 7 13 15 25 19 28 4 3 34 43 68 90 34 47 67 92 75 100 8 8 22 30
+33 48 16 29 17 34 4 42 -8 5 -84 9 -169 9 -140 0 -158 -2 -193 -21 -21 -12
+-38 -28 -38 -35 0 -7 -3 -13 -8 -13 -4 0 -26 -24 -49 -52 -63 -81 -76 -96
+-108 -132 l-30 -34 -94 125 c-51 69 -108 133 -125 144 -31 19 -77 24 -106 11z"/>
+<path d="M647 310 c-48 -66 -87 -126 -87 -132 0 -7 33 -45 72 -85 l72 -73 174
+0 c144 0 174 2 178 15 5 12 -30 63 -91 131 -5 6 -55 68 -110 137 -55 69 -105
+126 -110 127 -6 0 -50 -54 -98 -120z"/>
+</g>
+</svg>
diff --git a/kamon-status/public/favicon/site.webmanifest b/kamon-status/public/favicon/site.webmanifest
new file mode 100644
index 00000000..2f99d71e
--- /dev/null
+++ b/kamon-status/public/favicon/site.webmanifest
@@ -0,0 +1,14 @@
+{
+    "name": "Kamon",
+    "short_name": "Kamon",
+    "icons": [
+        {
+            "src": "/assets/favicon/android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/kamon-status/public/index.html b/kamon-status/public/index.html
index a247b1d8..3d9eac74 100644
--- a/kamon-status/public/index.html
+++ b/kamon-status/public/index.html
@@ -4,7 +4,19 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+
+    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+    <link rel="manifest" href="/favicon/site.webmanifest">
+    <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#ffffff">
+    <link rel="shortcut icon" href="/favicon/favicon.ico">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-config" content="/favicon/browserconfig.xml">
+    <meta name="theme-color" content="#3bd265">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
+
+
     <title>Kamon Status</title>
   </head>
   <body>
diff --git a/kamon-status/public/kamon-logo.svg b/kamon-status/public/kamon-logo.svg
deleted file mode 100644
index 91851db3..00000000
--- a/kamon-status/public/kamon-logo.svg
+++ /dev/null
@@ -1,113 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 960 283.9"
-   style="enable-background:new 0 0 960 283.9;"
-   xml:space="preserve"
-   sodipodi:docname="kamon-logo.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
-   id="metadata923"><rdf:RDF><cc:Work
-       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
-   id="defs921" /><sodipodi:namedview
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1"
-   objecttolerance="10"
-   gridtolerance="10"
-   guidetolerance="10"
-   inkscape:pageopacity="0"
-   inkscape:pageshadow="2"
-   inkscape:window-width="959"
-   inkscape:window-height="1055"
-   id="namedview919"
-   showgrid="false"
-   inkscape:zoom="0.98958333"
-   inkscape:cx="108.02543"
-   inkscape:cy="121.38869"
-   inkscape:window-x="960"
-   inkscape:window-y="0"
-   inkscape:window-maximized="0"
-   inkscape:current-layer="XMLID_899_-9" />
-<style
-   type="text/css"
-   id="style900">
-	.st0{fill:#3A493E;}
-	.st1{fill:#B3B3B3;}
-	.st2{fill:url(#XMLID_15_);}
-	.st3{fill:#14C441;}
-</style>
-
-<g
-   transform="matrix(0.99986889,0,0,0.99986889,0.21338247,0.03211168)"
-   id="XMLID_903_-5"
-   style="display:inline;fill:#616161;fill-opacity:1"><path
-     style="fill:#616161;fill-opacity:1"
-     d="m 388.3,82.3 v 62.3 l 34.9,-40 h 34 l -38.9,41.7 39.3,66.7 h -34 l -20,-37 c -3.6,-6.4 -7.2,-9.6 -10.8,-9.6 -3,0.6 -4.5,2.6 -4.5,5.5 v 41 H 360 V 68.4 h 14.7 c 7.5,0 13.6,6.4 13.6,13.9 z"
-     class="st0"
-     id="XMLID_914_-7"
-     inkscape:connector-curvature="0" /><path
-     style="fill:#616161;fill-opacity:1"
-     d="m 492.9,129.9 h -28.3 c 3.4,-20.8 18.1,-31 44,-31 31,0 46.8,10.2 47.4,31 v 38.3 c 0,31 -18.7,44.8 -49.1,47 -27,2.1 -45.7,-10.4 -45.7,-35.3 0.6,-27 20.2,-34.2 48.7,-37 12.1,-1.5 18.3,-5.1 18.3,-11.3 -0.6,-6.4 -6.6,-9.6 -18.3,-9.6 -10,0 -15.5,2.5 -17,7.9 z m 35.7,36.9 v -10.4 c -6.6,2.8 -14.2,5.1 -22.5,6.8 -11.3,2.1 -17,7.4 -17,15.7 0.6,8.9 5.3,13.2 14.2,13.2 15.7,0 25.3,-9.3 25.3,-25.3 z"
-     class="st0"
-     id="XMLID_911_-4"
-     inkscape:connector-curvature="0" /><path
-     style="fill:#616161;fill-opacity:1"
-     d="M 598.3,141.1 V 213 h -28.7 v -66.1 c 0,-32.1 16.2,-48 48.2,-48 14.5,0 25.5,3.2 33.6,9.6 8.1,-6.2 19.1,-9.1 33.6,-9.1 32.1,0 48,15.9 47.8,48 v 66.1 h -14.7 c -9.3,-0.6 -14,-5.1 -14,-14 v -57.8 c -0.6,-11.7 -7,-17.4 -19.6,-17.4 -12.5,0 -18.9,5.7 -19.1,17.4 V 213 H 637 v -71.8 c -0.6,-11.7 -7,-17.4 -19.6,-17.4 -12.6,0 -18.9,5.6 -19.1,17.3 z"
-     class="st0"
-     id="XMLID_909_-1"
-     inkscape:connector-curvature="0" /><path
-     style="fill:#616161;fill-opacity:1"
-     d="m 850.6,157.3 c 0,38.7 -17.2,58.2 -51.2,58.2 -34,0 -51,-19.6 -51,-58.2 0,-39.1 17,-58.4 51,-58.4 34,0 51.2,19.3 51.2,58.4 z m -73.6,0 c 0.2,21.9 7.6,32.9 22.1,32.9 14.5,0 21.7,-11.5 21.9,-33.8 0,-21.9 -7.2,-32.7 -21.7,-32.7 -14.8,0 -22.3,11.3 -22.3,33.6 z"
-     class="st0"
-     id="XMLID_906_-8"
-     inkscape:connector-curvature="0" /><path
-     style="fill:#616161;fill-opacity:1"
-     d="m 945.5,213 c -9.3,-0.6 -14,-5.1 -14,-14 v -57.8 c -0.6,-11.7 -7,-17.4 -19.6,-17.4 -12.6,0 -18.9,5.7 -19.1,17.4 V 213 h -28.7 v -66.1 c 0,-32.1 16.2,-48 48.2,-48 32.1,0 47.8,15.9 47.6,48 V 213 Z"
-     class="st0"
-     id="XMLID_904_-5"
-     inkscape:connector-curvature="0" /></g><g
-   transform="matrix(0.99986889,0,0,0.99986889,0.21338247,0.03211168)"
-   style="display:inline"
-   id="XMLID_899_-9"><path
-     style="fill:#dadada;fill-opacity:1"
-     d="m 153.7,244 36.5,38 c 1.2,1.2 3.1,2 5,2 h 89.5 c 5.2,0 8.3,-4.7 5.2,-8.1 l -83,-102.5 c -1.8,-2 -5.2,-1.9 -6.9,0.1 L 153.4,238 c -1.6,1.8 -1.4,4.2 0.3,6 z"
-     class="st1"
-     id="XMLID_902_-7"
-     inkscape:connector-curvature="0" /><linearGradient
-     xlink:href="#XMLID_15_-2"
-     y2="-214.94597"
-     x2="63.891499"
-     y1="198.12531"
-     x1="63.891499"
-     gradientUnits="userSpaceOnUse"
-     id="linearGradient936"><stop
-       id="stop1003-5"
-       style="stop-color:#145643"
-       offset="0" /><stop
-       id="stop1005-3"
-       style="stop-color:#14C441"
-       offset="1" /></linearGradient><path
-     style="fill:#199053;fill-opacity:1"
-     d="M 77,12.8 C 69.8,4.7 60.2,0 50.1,0 32.8,0 17.5,13.6 12.7,33.4 5.9,62 1.8,91.2 0.5,120.6 v 0 l 9.8,13.4 c 17.5,24.1 47.9,25.2 66.7,4.5 2.8,-2.3 5.4,-4.9 7.8,-7.8 L 127.4,79.2 C 127.3,79.2 79.5,15 77,12.8 Z"
-     class="st2"
-     id="XMLID_901_-8"
-     inkscape:connector-curvature="0" /><path
-     d="m 284.6,0 h -73.3 c -12.9,0 -24.8,5.9 -31.7,15.7 l -52.4,63.5 -42.6,51.5 c -2.4,2.9 -5,5.4 -7.8,7.8 C 58,159.2 27.6,158.1 10.1,134 L 0.3,120.6 v 0 0 0 c -1.4,30.8 0.2,61.7 4.9,92.2 0,0.1 0,0.1 0,0.2 0.4,2.3 0.7,4.7 1.1,7 0.1,0.4 0.1,0.8 0.2,1.2 0.3,2 0.7,4.1 1.1,6.1 0.1,0.5 0.2,1 0.3,1.5 0.4,2 0.8,3.9 1.2,5.9 0.1,0.5 0.2,0.9 0.3,1.4 0.5,2.2 0.9,4.4 1.4,6.6 0,0.2 0.1,0.4 0.1,0.5 4.9,22.3 20.9,38.4 39.9,40.5 0.2,0 0.3,0.1 0.5,0.1 1.3,0.1 2.5,0.2 3.8,0.2 0,0 0.1,0 0.1,0 v 0 c 32.3,0 50.7,-18.2 59.9,-30.8 L 291.7,11.8 C 295.4,6.7 291.4,0 284.6,0 Z"
-     class="st3"
-     id="XMLID_900_-8"
-     inkscape:connector-curvature="0"
-     style="fill:#34cc5b;fill-opacity:1" /></g></svg>
-\ No newline at end of file