add favicon and apple device metadata

This commit is contained in:
2022-06-14 16:45:04 -05:00
parent 3da4a77c9f
commit f5f27f3228
12 changed files with 116 additions and 0 deletions

View File

@@ -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" %}" />