favicons

app/fav/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/mstile-70x70.png"/>
+      <square150x150logo src="/mstile-150x150.png"/>
+      <square310x310logo src="/mstile-310x310.png"/>
+      <wide310x150logo src="/mstile-310x150.png"/>
+      <TileColor>#ffc40d</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

app/fav/manifest.json

@@ -0,0 +1,41 @@
+{
+	"name": "Keeper",
+	"icons": [
+		{
+			"src": "\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": 0.75
+		},
+		{
+			"src": "\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": 1
+		},
+		{
+			"src": "\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": 1.5
+		},
+		{
+			"src": "\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": 2
+		},
+		{
+			"src": "\/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image\/png",
+			"density": 3
+		},
+		{
+			"src": "\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png",
+			"density": 4
+		}
+	]
+}

app/fav/safari-pinned-tab.svg

@@ -0,0 +1,28 @@
+<?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="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3897 4499 c-112 -17 -250 -74 -335 -139 -38 -29 -2117 -2106 -2159
+-2157 -74 -89 -111 -197 -111 -322 0 -181 82 -329 236 -428 176 -113 417 -103
+578 25 38 30 1467 1452 1587 1580 40 42 50 92 26 131 -30 49 -83 65 -132 39
+-12 -6 -378 -367 -814 -802 -592 -592 -804 -798 -840 -816 -68 -34 -169 -39
+-243 -11 -175 66 -249 289 -148 446 15 22 507 520 1095 1106 1147 1145 1094
+1096 1233 1133 75 20 218 14 291 -12 292 -104 423 -428 288 -712 -29 -60 -129
+-163 -1348 -1383 -1407 -1409 -1373 -1378 -1529 -1434 -90 -33 -128 -38 -262
+-37 -93 1 -130 6 -192 26 -241 79 -417 264 -479 505 -20 80 -28 216 -15 288
+10 63 38 155 47 161 5 3 9 12 9 20 0 9 21 48 46 87 36 57 267 293 1082 1109
+569 570 1040 1044 1044 1053 29 50 10 113 -42 140 -31 16 -64 15 -97 -4 -10
+-5 -489 -481 -1064 -1058 -679 -681 -1059 -1068 -1083 -1106 -39 -60 -106
+-197 -106 -216 0 -6 -4 -19 -9 -29 -34 -66 -50 -280 -31 -399 107 -663 827
+-997 1397 -648 68 42 253 222 1396 1364 725 724 1338 1343 1362 1376 48 67 83
+140 111 230 29 93 26 297 -5 390 -45 134 -105 230 -199 317 -155 145 -382 217
+-585 187z"/>
+</g>
+</svg>

app/index.html

@@ -15,11 +15,30 @@
     <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
     <script src="libs/ejs.js"></script>
     <script src="libs/view.js"></script>
-
+  <link rel="apple-touch-icon" sizes="57x57" href="/fav/apple-touch-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/fav/apple-touch-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/fav/apple-touch-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/fav/apple-touch-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/fav/apple-touch-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/fav/apple-touch-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/fav/apple-touch-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/fav/apple-touch-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/fav/apple-touch-icon-180x180.png">
+  <link rel="icon" type="image/png" href="/fav/favicon-32x32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="/fav/favicon-194x194.png" sizes="194x194">
+  <link rel="icon" type="image/png" href="/fav/favicon-96x96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="/fav/android-chrome-192x192.png" sizes="192x192">
+  <link rel="icon" type="image/png" href="/fav/favicon-16x16.png" sizes="16x16">
+  <link rel="manifest" href="/fav/manifest.json">
+  <link rel="mask-icon" href="/fav/safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="msapplication-TileColor" content="#ffc40d">
+  <meta name="msapplication-TileImage" content="/fav/mstile-144x144.png">
+  <meta name="theme-color" content="#ffc40d">
+  <title>Keeper Silvtree</title>
 </head>
 <body>
 <div id="sidedrawer" class="mui--no-user-select">
-    <div id="sidedrawer-brand" class="mui--appbar-line-height mui--text-title">Recipes</div>
+    <div id="sidedrawer-brand" class="mui--appbar-line-height mui--text-title">Keeper</div>
     <div class="mui-divider"></div>
     <div id="functions" class="fnBlock">
         <span id="fnRefresh" class="lnr lnr-sync"></span>
@@ -64,4 +83,4 @@
 <script src="js/shell.js"></script>
 <script src="js/app.js"></script>
 <!-- endinject -->
-</html>
+</html>