Added better favicons for all devices

mhackspace/static/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/static/images/mstile-150x150.png"/>
+      <TileColor>#00aba9</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

mhackspace/static/images/safari-pinned-tab.svg

@@ -0,0 +1,30 @@
+<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3285 6994 c-203 -20 -276 -28 -375 -45 -610 -105 -1195 -376 -1665
+-772 -95 -81 -310 -294 -394 -392 -468 -542 -742 -1176 -833 -1925 -17 -137
+-17 -583 0 -720 69 -569 227 -1028 514 -1491 145 -236 311 -440 525 -649 204
+-200 371 -332 592 -468 463 -287 922 -445 1491 -514 137 -17 583 -17 720 0
+569 69 1028 227 1491 514 360 222 692 528 958 882 323 430 549 960 640 1501
+38 223 46 327 46 585 0 258 -8 362 -46 585 -105 627 -382 1216 -800 1700 -84
+98 -299 311 -394 392 -518 437 -1148 710 -1845 798 -117 15 -536 28 -625 19z
+m615 -1349 l395 -395 -63 -63 c-34 -34 -62 -67 -62 -72 0 -13 932 -945 945
+-945 5 0 38 28 72 62 l63 63 398 -398 397 -397 -593 -592 -592 -593 -397 397
+-398 398 123 123 c67 67 122 127 122 132 0 6 -28 39 -63 73 l-62 62 -340 -340
+-340 -340 68 -67 67 -68 130 130 130 130 395 -395 c217 -217 395 -400 395
+-407 0 -11 -1178 -1183 -1190 -1183 -3 0 -183 178 -400 395 l-395 395 63 63
+c34 34 62 67 62 72 0 13 -932 945 -945 945 -5 0 -38 -28 -72 -62 l-63 -63
+-398 398 -397 397 598 597 597 598 397 -397 398 -398 -128 -128 -127 -127 83
+-83 82 -82 338 338 337 337 -78 78 c-42 42 -82 77 -87 77 -5 0 -65 -55 -132
+-122 l-123 -123 -398 398 -397 397 590 590 c324 324 592 590 595 590 3 0 183
+-178 400 -395z"/>
+</g>
+</svg>

mhackspace/static/manifest.json

@@ -0,0 +1,17 @@
+{
+	"name": "Maidstone Hackspace",
+	"icons": [
+		{
+			"src": "\/static\/images\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/static\/images\/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image\/png"
+		}
+	],
+	"theme_color": "#008080",
+	"display": "standalone"
+}

mhackspace/templates/base.html

@@ -13,9 +13,19 @@
   <!--[if lt IE 9]>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
-  <link rel="icon" type="image/png" href="/static/images/favicon.png">
-  {% block css %}
 
+  <link rel="apple-touch-icon" sizes="180x180" href="{% static 'images/apple-touch-icon.png' %}">
+  <link rel="icon" type="image/png" href="{% static 'images/favicon-32x32.png' %}" sizes="32x32">
+  <link rel="icon" type="image/png" href="{% static 'images/favicon-16x16.png' %}" sizes="16x16">
+  <link rel="manifest" href="{% static 'manifest.json' %}/static/">
+  <link rel="mask-icon" href="{% static 'images/safari-pinned-tab.svg' %}" color="#008080">
+  <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}">
+  <meta name="apple-mobile-web-app-title" content="Maidstone Hackspace">
+  <meta name="application-name" content="Maidstone Hackspace">
+  <meta name="msapplication-config" content="{% static 'browserconfig.xml' %}">
+  <meta name="theme-color" content="#008080">
+
+  {% block css %}
     <!-- Your stuff: Third-party CSS libraries go here -->
     {#    { compress css }#}
     <!-- This file stores project-specific CSS -->
@@ -33,7 +43,7 @@
       <span class="navbar-toggler-icon"></span>
     </button>
     <a class="navbar-brand" href="/">
-      <img src="/static/images/logo.svg" alt="Maidstone Hackspace Logo" id="navbar-logo">
+      <img src="{% static 'images/logo.svg' %}" alt="Maidstone Hackspace Logo" id="navbar-logo">
       Maidstone Hackspace
     </a>