added device specific favicon images and link statements

CHANGELOG.md

@@ -5,6 +5,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased](https://github.com/usgs/waterdataui/compare/waterdataui-0.37.0...master)
+### Added
+- A set of device specific favicons
 
 ## [0.37.0](https://github.com/usgs/waterdataui/compare/waterdataui-0.36.0...waterdataui-0.37.0) - 2020-09-16
 ### Added

assets/src/img/favicon_device_specific/browserconfig.xml

+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

assets/src/img/favicon_device_specific/safari-pinned-tab.svg

+<?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="463.000000pt" height="463.000000pt" viewBox="0 0 463.000000 463.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,463.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 4160 l0 -470 24 6 c48 12 220 11 306 -2 303 -45 604 -203 913
+-477 116 -103 197 -162 297 -215 303 -163 621 -178 935 -45 108 46 110 48
+1080 693 468 311 901 599 963 640 l112 74 0 133 0 133 -2315 0 -2315 0 0 -470z"/>
+<path d="M4330 3679 c-931 -627 -1456 -974 -1535 -1013 -92 -46 -228 -90 -313
+-102 -74 -11 -221 -8 -302 6 -77 12 -308 84 -324 101 -6 5 -14 9 -19 9 -10 0
+38 -47 113 -111 147 -124 342 -219 525 -255 71 -13 318 -14 380 0 111 25 224
+64 310 108 33 17 376 241 762 497 l703 466 0 248 c0 136 -1 247 -2 246 -2 0
+-136 -90 -298 -200z"/>
+<path d="M257 3364 c-70 -13 -159 -38 -229 -66 l-28 -10 0 -239 0 -239 152
+101 c172 115 241 150 348 178 104 26 151 32 255 31 189 -2 283 -24 540 -125
+45 -18 -157 157 -236 204 -129 77 -284 142 -379 157 -19 3 -55 10 -80 14 -68
+13 -255 9 -343 -6z"/>
+<path d="M4445 2776 c-518 -352 -977 -655 -1035 -683 -180 -87 -264 -107 -455
+-107 -133 -1 -162 2 -259 27 -59 16 -145 44 -189 63 l-81 34 40 -41 c118 -122
+346 -255 519 -303 218 -61 448 -52 660 26 142 52 155 60 818 508 l167 113 0
+244 c0 134 -1 243 -2 242 -2 0 -84 -55 -183 -123z"/>
+<path d="M995 2803 c-22 -2 -74 -8 -115 -14 -205 -31 -235 -45 -609 -294
+l-270 -180 -1 -242 c0 -134 3 -243 6 -243 3 0 174 114 380 253 206 138 382
+257 392 262 9 6 19 12 22 15 3 3 31 23 63 43 258 170 617 186 966 43 35 -14
+66 -24 68 -23 4 4 -55 58 -117 108 -145 115 -297 194 -452 234 -91 24 -96 25
+-168 31 -112 9 -124 9 -165 7z"/>
+<path d="M1504 2225 c-91 -14 -209 -47 -269 -77 -22 -11 -309 -198 -637 -416
+l-597 -397 -1 -667 0 -668 2315 0 2315 0 0 465 c0 256 -2 465 -5 465 -3 0 -28
+-11 -55 -25 -57 -29 -193 -70 -265 -80 -59 -8 -246 -9 -272 -1 -10 2 -39 7
+-65 11 -69 8 -200 48 -298 90 -78 33 -258 130 -270 145 -3 3 -23 17 -45 30
+-99 60 -249 190 -514 446 -325 312 -394 376 -482 449 -113 94 -330 191 -504
+226 -82 16 -253 18 -351 4z"/>
+<path d="M4350 1728 c-359 -243 -452 -287 -669 -316 -66 -9 -179 -8 -263 3
+-72 9 -245 59 -332 96 l-71 30 50 -47 c273 -257 617 -384 930 -342 101 13 108
+15 185 38 107 32 224 89 345 167 l105 68 0 243 c0 133 -3 241 -7 241 -5 -1
+-127 -82 -273 -181z"/>
+</g>
+</svg>

assets/src/img/favicon_device_specific/site.webmanifest

+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

wdfn-server/waterdata/templates/base_plain.html

@@ -10,6 +10,13 @@
         {% include 'partials/google_analytics.html' %}
 
         <link rel="shortcut icon" type="image/ico" href="{{ 'img/usgs_favicon.ico' | asset_url }}">
+        <link rel="apple-touch-icon" sizes="180x180" href="{{ 'img/favicon_device_specific/apple-touch-icon.png' | asset_url }}">
+        <link rel="icon" type="image/png" sizes="32x32" href="{{ 'img/favicon_device_specific/favicon-32x32.png' | asset_url }}">
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ 'img/favicon_device_specific/favicon-16x16.png' | asset_url }}">
+        <link rel="manifest" href="{{ 'img/favicon_device_specific/site.webmanifest' | asset_url }}">
+        <link rel="mask-icon" href="{{ 'img/favicon_device_specific/safari-pinned-tab.svg' | asset_url }}" color="#5bbad5">
+        <meta name="msapplication-TileColor" content="#da532c">
+        <meta name="theme-color" content="#ffffff">
 
         {% block page_css %}{% endblock %}
         <script type="text/javascript">