feat #6: add logo to project and favicon

README.md

@@ -2,7 +2,11 @@
 
 [![Build Status](https://drone.faercol.me/api/badges/PolyculeConnect/polycule-connect/status.svg)](https://drone.faercol.me/PolyculeConnect/polycule-connect)
 
-PolyculeConnect
+![Project logo](./polyculeconnect/static/img/logo-text.png)
+
+## Description
+
+TODO
 
 ## Configuration
 

polyculeconnect/static/icons/browserconfig.xml

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

polyculeconnect/static/icons/safari-pinned-tab.svg

@@ -0,0 +1,44 @@
+<?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="226.000000pt" height="226.000000pt" viewBox="0 0 226.000000 226.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,226.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M744 2046 c-595 -344 -584 -337 -590 -360 -2 -12 -3 -228 -2 -482 3
+-423 4 -462 21 -478 16 -17 17 6 17 466 l0 484 467 270 c257 148 472 269 478
+269 6 0 221 -121 478 -270 l467 -270 0 -545 0 -546 -27 -15 c-16 -9 -227 -132
+-470 -273 -243 -141 -445 -256 -448 -256 -5 0 -116 63 -603 344 -112 65 -205
+116 -207 114 -2 -2 11 -20 28 -40 19 -22 89 -71 172 -119 447 -261 587 -339
+607 -339 12 0 79 32 148 72 638 364 807 464 823 481 16 18 17 60 17 576 l0
+558 -22 20 c-13 11 -185 114 -383 228 -547 316 -564 325 -583 325 -10 0 -184
+-96 -388 -214z"/>
+<path d="M780 1775 c-195 -113 -361 -213 -367 -222 -10 -13 -13 -114 -13 -424
+0 -373 1 -408 18 -427 19 -22 699 -415 717 -415 19 0 698 393 718 416 16 18
+17 53 17 427 0 374 -1 409 -17 428 -10 11 -162 102 -338 203 -176 100 -334
+191 -350 201 l-31 18 -354 -205z m208 -250 c28 -9 71 -31 96 -50 l46 -34 27
+26 c67 62 187 88 285 59 60 -17 130 -72 162 -126 l19 -33 -24 6 c-13 4 -33 7
+-45 7 -11 0 -42 17 -68 37 -42 32 -56 38 -112 41 -88 6 -141 -15 -199 -80 -25
+-28 -45 -55 -45 -61 0 -5 -13 8 -29 29 -39 54 -70 80 -113 99 -71 29 -179 14
+-232 -33 -28 -25 -56 -92 -56 -137 0 -49 44 -145 106 -232 37 -52 43 -67 34
+-78 -37 -44 -106 25 -179 175 -31 65 -36 85 -36 146 1 58 6 78 28 116 68 116
+198 163 335 123z m-79 -246 c83 -45 130 -79 211 -155 74 -69 118 -106 161
+-135 l37 -24 -24 -30 -23 -29 -36 26 c-20 14 -69 55 -108 90 -95 86 -122 108
+-186 153 -63 43 -152 85 -182 85 -17 0 -20 4 -15 23 3 12 6 28 6 36 0 23 78 4
+159 -40z m746 25 c67 -35 92 -60 123 -119 33 -65 35 -160 4 -221 -48 -93 -167
+-159 -274 -152 -32 2 -61 7 -65 11 -3 4 3 20 14 35 15 20 27 26 47 24 39 -5
+131 25 165 53 38 32 66 112 56 162 -10 55 -61 122 -109 144 -99 45 -211 12
+-364 -109 l-39 -31 -24 25 -24 26 40 34 c50 43 163 112 213 130 20 7 71 13
+112 14 62 0 84 -5 125 -26z m-1073 -51 c2 -29 -4 -48 -26 -79 -66 -96 -33
+-209 79 -267 87 -44 204 -15 343 88 l59 43 26 -26 26 -25 -52 -39 c-111 -83
+-237 -138 -317 -138 -49 0 -129 30 -174 64 -19 14 -46 47 -62 73 -24 41 -28
+58 -28 123 0 52 5 85 18 108 19 37 84 112 97 112 4 0 9 -17 11 -37z m1006 -49
+c12 -4 22 -13 22 -21 0 -60 -213 -336 -399 -516 l-81 -79 -45 38 c-49 40 -175
+173 -175 185 0 3 14 12 31 19 30 13 31 12 107 -63 l77 -77 96 98 c150 152 293
+335 314 402 7 21 16 23 53 14z"/>
+</g>
+</svg>

polyculeconnect/static/icons/site.webmanifest

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

polyculeconnect/templates/header.html

@@ -6,6 +6,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <title>{{ issuer }}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/icons/favicon-16x16.png">
+    <link rel="manifest" href="/static/icons/site.webmanifest">
+    <link rel="mask-icon" href="/static/icons/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#9f00a7">
+    <meta name="theme-color" content="#ffffff">
 </head>
 
 <body>