Fix icon locations

This commit is contained in:
NBTX 2019-08-24 17:27:46 +01:00
parent d095b355cc
commit 424df8c1ae
2 changed files with 11 additions and 12 deletions

View File

@ -8,9 +8,8 @@
# **DO NOT TURN ON 'Display value in build log'!!!!** # **DO NOT TURN ON 'Display value in build log'!!!!**
# #
# 2. Push the code to the repository. # 2. Push the code to the repository.
# 3. Profit! # 3. Set the GitHub Pages source in the GitHub repository settings to the
# gh-pages branch.
language: node_js language: node_js
node_js: node_js:

View File

@ -34,7 +34,7 @@ export default {
{ name: 'X-UA-Compatible', content: "IE=edge, chrome=1" }, { name: 'X-UA-Compatible', content: "IE=edge, chrome=1" },
{ itemprop: "name", content: `${meta.name} \u2022 ${meta.shortDescription}` }, { itemprop: "name", content: `${meta.name} \u2022 ${meta.shortDescription}` },
{ itemprop: "description", content: meta.description }, { itemprop: "description", content: meta.description },
{ itemprop: "image", content: "/icons/icon-192x192.png" }, { itemprop: "image", content: "icons/icon-192x192.png" },
// Add to homescreen for Chrome on Android. Fallback for PWA (handled by nuxt) // Add to homescreen for Chrome on Android. Fallback for PWA (handled by nuxt)
{ name: 'application-name', content: meta.name }, { name: 'application-name', content: meta.name },
@ -55,7 +55,7 @@ export default {
{ property: 'og:type', content: 'website' }, { property: 'og:type', content: 'website' },
{ property: 'og:title', content: `${meta.name} \u2022 ${meta.shortDescription}` }, { property: 'og:title', content: `${meta.name} \u2022 ${meta.shortDescription}` },
{ property: 'og:description', content: meta.description }, { property: 'og:description', content: meta.description },
{ property: 'og:image', content: '/icons/icon-144x144.png' }, { property: 'og:image', content: `${routerBase.router.base}/icons/icon-144x144.png` },
// Twitter // Twitter
{ name: 'twitter:card', content: "summary" }, { name: 'twitter:card', content: "summary" },
@ -64,18 +64,18 @@ export default {
{ name: 'twitter:url', content: "https://liyasthomas.github.io/postwoman" }, { name: 'twitter:url', content: "https://liyasthomas.github.io/postwoman" },
{ name: 'twitter:title', content: meta.name }, { name: 'twitter:title', content: meta.name },
{ name: 'twitter:description', content: meta.shortDescription }, { name: 'twitter:description', content: meta.shortDescription },
{ name: 'twitter:image', content: '/icons/icon-144x144.png' }, { name: 'twitter:image', content: `${routerBase.router.base}/icons/icon-144x144.png` },
], ],
link: [ link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }, { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
// Home-screen icons (iOS) // Home-screen icons (iOS)
{ rel: 'apple-touch-icon', href: '/icons/icon-48x48.png' }, { rel: 'apple-touch-icon', href: `${routerBase.router.base}/icons/icon-48x48.png` },
{ rel: 'apple-touch-icon', sizes: '72x72', href: '/icons/icon-72x72.png' }, { rel: 'apple-touch-icon', sizes: '72x72', href: `${routerBase.router.base}/icons/icon-72x72.png` },
{ rel: 'apple-touch-icon', sizes: '96x96', href: '/icons/icon-96x96.png' }, { rel: 'apple-touch-icon', sizes: '96x96', href: `${routerBase.router.base}/icons/icon-96x96.png` },
{ rel: 'apple-touch-icon', sizes: '144x144', href: '/icons/icon-144x144.png' }, { rel: 'apple-touch-icon', sizes: '144x144', href: `${routerBase.router.base}/icons/icon-144x144.png` },
{ rel: 'apple-touch-icon', sizes: '192x192', href: '/icons/icon-192x192.png' }, { rel: 'apple-touch-icon', sizes: '192x192', href: `${routerBase.router.base}/icons/icon-192x192.png` },
] ]
}, },
/* /*
@ -119,7 +119,7 @@ export default {
for(let size of sizes){ for(let size of sizes){
icons.push({ icons.push({
"src": `/icons/icon-${size}x${size}.png`, "src": `${routerBase.router.base}/icons/icon-${size}x${size}.png`,
"type": "image/png", "type": "image/png",
"sizes": `${size}x${size}` "sizes": `${size}x${size}`
}); });