1
0
mirror of https://github.com/kognise/water.css.git synced 2025-08-17 18:37:04 +02:00

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' import faviconSwitcher from 'https://unpkg.com/favicon-mode-switcher@1.0.4/dist/index.min.mjs'
faviconSwitcher([ faviconSwitcher([
{ element: '#icon-ico', href: { dark: './icons/light-favicon.ico' } }, { element: '#icon-ico', href: { dark: './icons/light-favicon.ico' } },

View File

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

View File

@@ -8,7 +8,7 @@
<link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png" /> <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-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="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="mask-icon" href="./icons/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="shortcut icon" id="icon-ico" href="./icons/favicon.ico" /> <link rel="shortcut icon" id="icon-ico" href="./icons/favicon.ico" />
<meta name="apple-mobile-web-app-title" content="Water.css" /> <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"
}