Browse Source

feat(assets): ajoute le favicon pour les navigateurs

pull/100/head
Jérôme Lebleu 6 months ago
parent
commit
f7345d3825
13 changed files with 96 additions and 1 deletions
  1. +5
    -0
      README.fr.md
  2. +5
    -0
      README.md
  3. BIN
      assets/favicon/android-chrome-192x192.png
  4. BIN
      assets/favicon/android-chrome-512x512.png
  5. BIN
      assets/favicon/apple-touch-icon.png
  6. +9
    -0
      assets/favicon/browserconfig.xml
  7. BIN
      assets/favicon/favicon-16x16.png
  8. BIN
      assets/favicon/favicon-32x32.png
  9. BIN
      assets/favicon/favicon.ico
  10. BIN
      assets/favicon/mstile-150x150.png
  11. +46
    -0
      assets/favicon/safari-pinned-tab.svg
  12. +19
    -0
      assets/favicon/site.webmanifest
  13. +12
    -1
      benevalibre/templates/base.html

+ 5
- 0
README.fr.md View File

@@ -94,6 +94,11 @@ location /static {
# Optionnel : ne pas journaliser l'accès aux assets
access_log off;
}
location = /favicon.ico {
alias <app_instance_path>/var/static/favicon/favicon.ico;
# Optionnel : ne pas journaliser l'accès au favicon
access_log off;
}
```

## Pour aller plus loin


+ 5
- 0
README.md View File

@@ -131,6 +131,11 @@ location /static {
# Optional: don't log access to assets
access_log off;
}
location = /favicon.ico {
alias <app_instance_path>/var/static/favicon/favicon.ico;
# Optional: don't log access to the favicon
access_log off;
}
```

## Structure


BIN
assets/favicon/android-chrome-192x192.png View File

Before After
Width: 192  |  Height: 192  |  Size: 8.7KB

BIN
assets/favicon/android-chrome-512x512.png View File

Before After
Width: 512  |  Height: 512  |  Size: 25KB

BIN
assets/favicon/apple-touch-icon.png View File

Before After
Width: 180  |  Height: 180  |  Size: 6.6KB

+ 9
- 0
assets/favicon/browserconfig.xml View File

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

BIN
assets/favicon/favicon-16x16.png View File

Before After
Width: 16  |  Height: 16  |  Size: 882B

BIN
assets/favicon/favicon-32x32.png View File

Before After
Width: 32  |  Height: 32  |  Size: 1.3KB

BIN
assets/favicon/favicon.ico View File

Before After

BIN
assets/favicon/mstile-150x150.png View File

Before After
Width: 270  |  Height: 270  |  Size: 2.7KB

+ 46
- 0
assets/favicon/safari-pinned-tab.svg View File

@@ -0,0 +1,46 @@
<?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="M3525 6324 c-5 -1 -22 -5 -37 -8 -37 -8 -85 -51 -110 -100 -21 -39
-22 -56 -24 -346 -1 -168 -4 -315 -7 -327 -3 -12 -8 -46 -11 -75 -4 -29 -8
-62 -10 -73 -2 -11 -7 -47 -11 -80 -4 -33 -9 -69 -11 -80 -2 -11 -6 -38 -9
-60 -6 -48 -25 -180 -30 -215 -2 -14 -6 -70 -9 -125 -3 -55 -8 -156 -12 -225
-4 -69 -7 -204 -8 -301 -1 -160 -3 -179 -20 -198 -15 -16 -29 -21 -55 -19 -55
5 -70 45 -67 183 3 139 -14 256 -60 415 -20 69 -38 134 -40 145 -8 35 -33 172
-39 217 -3 24 -11 72 -16 108 -14 89 -19 120 -23 155 -2 17 -9 68 -16 115 -6
47 -14 98 -16 113 -21 161 -45 248 -87 309 -63 94 -219 107 -307 26 -84 -77
-103 -194 -65 -404 23 -128 33 -197 40 -294 4 -47 8 -107 10 -135 3 -27 7 -75
9 -105 3 -30 8 -91 11 -135 13 -180 36 -418 50 -518 2 -18 6 -52 9 -77 13
-102 18 -138 27 -190 14 -80 23 -243 15 -273 -8 -33 -53 -58 -83 -46 -24 9
-52 59 -72 129 -8 25 -26 73 -42 108 -16 35 -29 65 -29 67 0 5 -66 113 -201
330 -41 66 -82 136 -92 155 -9 19 -40 87 -70 150 -92 197 -170 271 -292 276
-46 2 -72 -2 -103 -17 -95 -47 -76 -159 84 -487 46 -96 84 -177 84 -179 0 -3
6 -19 14 -36 21 -46 121 -322 167 -458 41 -125 66 -230 98 -409 11 -63 27
-151 35 -195 8 -44 17 -96 21 -115 5 -29 29 -147 81 -400 3 -14 10 -43 16 -65
5 -22 11 -47 13 -55 5 -25 65 -253 75 -285 6 -16 24 -79 41 -140 18 -60 47
-150 66 -200 92 -237 117 -312 129 -380 4 -22 8 -49 10 -60 12 -63 17 -274 19
-810 2 -330 3 -606 4 -613 1 -10 191 -12 933 -10 l932 3 -2 170 c-1 94 -5 228
-9 300 -3 72 -7 256 -7 410 -1 393 -18 358 344 732 52 54 133 141 180 192 104
116 154 166 249 251 99 87 176 185 343 435 129 194 209 301 274 372 136 147
220 236 338 356 222 228 261 298 215 394 -25 54 -39 68 -89 94 -37 19 -60 23
-135 24 -110 0 -150 -6 -243 -40 -147 -53 -268 -132 -357 -232 -200 -228 -476
-464 -586 -502 -81 -28 -195 -23 -243 10 -56 37 -79 78 -140 242 -78 211 -80
223 -80 477 0 237 16 322 89 485 76 170 110 285 140 475 3 19 8 42 10 50 2 8
6 26 9 40 3 14 21 81 41 150 36 126 39 138 50 220 3 25 11 68 16 95 6 28 13
61 15 75 3 14 14 54 24 90 29 96 37 163 33 284 -4 142 -22 204 -76 260 -99
103 -271 80 -333 -43 -19 -39 -38 -109 -51 -191 -9 -55 -67 -262 -107 -385
-45 -136 -69 -196 -131 -330 -36 -77 -83 -194 -91 -225 -2 -8 -15 -55 -29
-105 -14 -49 -28 -106 -31 -125 -25 -159 -86 -310 -137 -337 -25 -12 -37 -13
-68 -4 -64 19 -65 28 -43 291 3 36 7 79 9 95 2 17 7 68 10 115 4 47 8 96 10
109 9 51 19 291 17 391 -1 58 -3 273 -3 478 -1 205 -6 392 -11 415 -25 113
-105 214 -193 244 -46 16 -106 24 -130 17z"/>
</g>
</svg>

+ 19
- 0
assets/favicon/site.webmanifest View File

@@ -0,0 +1,19 @@
{
"name": "B\u00e9n\u00e9valibre",
"short_name": "B\u00e9n\u00e9valibre",
"icons": [
{
"src": "/static/favicon/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/static/favicon/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#202020",
"background_color": "#202020",
"display": "standalone"
}

+ 12
- 1
benevalibre/templates/base.html View File

@@ -1,4 +1,4 @@
{% load minified %}<!DOCTYPE html>
{% load static minified %}<!DOCTYPE html>
<html class="no-js" lang="fr">
<head>
<meta charset="utf-8">
@@ -10,6 +10,17 @@
{% block title_suffix %}- Bénévalibre{% endblock %}
</title>

<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{% static "favicon/apple-touch-icon.png" %}">
<link rel="icon" type="image/png" sizes="32x32" href="{% static "favicon/favicon-32x32.png" %}">
<link rel="icon" type="image/png" sizes="16x16" href="{% static "favicon/favicon-16x16.png" %}">
<link rel="manifest" href="{% static "favicon/site.webmanifest" %}">
<link rel="mask-icon" href="{% static "favicon/safari-pinned-tab.svg" %}" color="#e21482">
<link rel="shortcut icon" href="{% static "favicon/favicon.ico" %}">
<meta name="msapplication-config" content="{% static "favicon/browserconfig.xml" %}">
<meta name="msapplication-TileColor" content="#e21482">
<meta name="theme-color" content="#202020">

{% block css %}
<link rel="stylesheet" href="{% minified "css/fork-awesome.css" %}">
<link rel="stylesheet" href="{% minified "css/app.css" %}">


Loading…
Cancel
Save