Add icons for web interface to render on more browsers and as PWA

Safari, Firefox for Android etc don't support SVG Favicons yet
This commit is contained in:
Debanjum Singh Solanky
2022-08-03 17:26:23 +03:00
parent 5b6b7ec123
commit 71fcb1087f
6 changed files with 30 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -1,8 +1,12 @@
<html>
<head>
<meta charset="utf-8">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🦅</text></svg>">
<title>Khoj</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🦅</text></svg>">
<link rel="icon" type="image/png" sizes="32x32" href="/static/assets/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/assets/icons/favicon-16x16.png">
<link rel="manifest" href="/static/khoj.webmanifest">
</head>
<script type="text/javascript" src="static/assets/org.js"></script>
<script type="text/javascript" src="static/assets/markdown-it.js"></script>

View File

@@ -0,0 +1,25 @@
{
"name": "Khoj",
"short_name": "Khoj",
"description": "A natural language search engine for your personal notes, transactions and photos",
"icons": [
{
"src": "/static/assets/icons/favicon-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "/static/assets/icons/favicon-32x32.png",
"sizes": "32x32",
"type": "image/png"
},
{
"src": "/static/assets/icons/favicon-16x16.png",
"sizes": "16x16",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}