add favicon and apple device metadata

benchcoach/static/manifest.json

@@ -0,0 +1,5 @@
+{
+    "name": "BenchCoach",
+    "scope": "/",
+    "display": "standalone"
+}

benchcoach/templates/apple_devices_head.html

@@ -0,0 +1,110 @@
+{% load static %}
+<link rel="shortcut icon" type="image/png" href="{% static 'images/apple/apple-touch-icon.png' %}">
+<link rel="apple-touch-icon" href="{% static 'images/apple/apple-touch-icon.png' %}">
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-status-bar-style" content="default" />
+<meta name="apple-mobile-web-app-title" content="BenchCoach" />
+<meta name="theme-color" content="#323669".>
+
+<link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-1136x640.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-2436x1125.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-1792x828.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-828x1792.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-1334x750.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-1242x2688.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-2208x1242.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-1125x2436.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-1242x2208.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-2732x2048.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-2688x1242.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-2224x1668.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-750x1334.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-2048x2732.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-2388x1668.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-1668x2224.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-640x1136.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-1668x2388.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="{% static 'images/apple/apple-launch-2048x1536.png' %}"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="{% static 'images/apple/apple-launch-1536x2048.png' %}"
+    />
+
+<link rel="manifest" href="{% static "manifest.json" %}" />

benchcoach/templates/base.html

@@ -10,6 +10,7 @@
   <meta name="author" content="Anthony Correa">
 
   <link rel="icon" href="{% static 'images/favicons/favicon.ico' %}">
+  {% include "apple_devices_head.html" %}
 
   {% block css %}
     <!-- Latest compiled and minified Bootstrap CSS -->