fix: locate webmanifest in root so start_url works

This commit is contained in:
Jonas Kuske 2019-06-09 15:30:02 +02:00
parent 78221f471c
commit 72385eb668
4 changed files with 24 additions and 4 deletions

View file

@ -1,4 +1,4 @@
<!DOCTYPE html><html lang="en"><head><title>Water.css</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png"><link rel="icon" id="icon-16" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png"><link rel="icon" id="icon-32" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png"><link rel="manifest" href="./icons/site.webmanifest"><link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#5bbad5"><link rel="shortcut icon" id="icon-ico" href="./icons/favicon.ico"><meta name="apple-mobile-web-app-title" content="Water.css"><meta name="application-name" content="Water.css"><meta name="msapplication-TileColor" content="#00aba9"><meta name="msapplication-config" content="./icons/browserconfig.xml"><meta name="theme-color" content="#ffffff"><script type="module">
<!DOCTYPE html><html lang="en"><head><title>Water.css</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png"><link rel="icon" id="icon-16" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png"><link rel="icon" id="icon-32" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png"><link rel="manifest" href="./site.webmanifest"><link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#5bbad5"><link rel="shortcut icon" id="icon-ico" href="./icons/favicon.ico"><meta name="apple-mobile-web-app-title" content="Water.css"><meta name="application-name" content="Water.css"><meta name="msapplication-TileColor" content="#00aba9"><meta name="msapplication-config" content="./icons/browserconfig.xml"><meta name="theme-color" content="#ffffff"><script type="module">
import faviconSwitcher from 'https://unpkg.com/favicon-mode-switcher@1.0.4/dist/index.min.mjs'
faviconSwitcher([
{ element: '#icon-ico', href: { dark: './icons/light-favicon.ico' } },

View file

@ -4,12 +4,12 @@
"start_url": "./",
"icons": [
{
"src": "./android-chrome-192x192.png",
"src": "./icons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "./android-chrome-512x512.png",
"src": "./icons/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}

View file

@ -8,7 +8,7 @@
<link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png" />
<link rel="icon" id="icon-16" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png" />
<link rel="icon" id="icon-32" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png" />
<link rel="manifest" href="./icons/site.webmanifest" />
<link rel="manifest" href="./site.webmanifest" />
<link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="shortcut icon" id="icon-ico" href="./icons/favicon.ico" />
<meta name="apple-mobile-web-app-title" content="Water.css" />

20
docs/site.webmanifest Executable file
View file

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