make the favicon setup way better

main
Brian Hicks 2020-12-28 09:24:15 -06:00
parent 155ab9a72f
commit 714ba71c5a
7 changed files with 19 additions and 1 deletions

BIN
static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
static/icons/180.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1018 B

BIN
static/icons/192.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
static/icons/512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

8
static/icons/icon.svg Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="180px" height="180px" viewBox="0 0 180 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<style>
rect.icon { fill: #78E2A0; }
@media (prefers-color-scheme: dark) { rect.icon { fill: #455C4C; }}
</style>
<rect class="icon" x="0" y="0" width="180" height="180"></rect>
</svg>

After

Width:  |  Height:  |  Size: 400 B

View File

@ -0,0 +1,6 @@
{
"icons": [
{"src": "/icons/192.png", "type": "image/png", "sizes": "192x192"},
{"src": "/icons/512.png", "type": "image/png", "sizes": "512x512"}
]
}

View File

@ -3,9 +3,13 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" type="image/png" href="data:image/png;base64,">
<link href="/style.css" rel="stylesheet">
<link rel="icon" href="/favicon.ico">
<link rel="icon" href="/icons/icon.svg" type="image/svg+xml" sizes="any">
<link rel="apple-touch-icon" href="/icons/180.png">
<link rel="manifest" href="/manifest.webmanifest">
<title>{% block title %}bytes.zone{% endblock %}</title>
<link rel="canonical" href="{{ current_url | safe }}">
<meta name="description" content="{% block description %}{{ config.description }}{% endblock %}">