Madmin
/
old-portfolio-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

TODO add support for added icons, list in app.html

This commit is contained in:
matthieu42morin 2024-04-29 15:45:18 +02:00
parent 910b62cd1b
commit 02d4ca7898
1 changed files with 88 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

121
src/lib/config/icon.ts
View File

@ -2,43 +2,98 @@ import type { Icon } from '$lib/types/icon'
import { site } from '$lib/config/site' import { site } from '$lib/config/site'
export const favicon: Icon = { export const favicon: Icon = {
src: site.protocol + site.domain + '/favicon.png', src: site.protocol + site.domain + '/favicon.png',
sizes: '48x48', sizes: '48x48',
type: 'image/png' type: 'image/png'
} }
export const any: { [key: number]: Icon } = { export const any: { [key: number]: Icon } = {
180: { 180: {
src: site.protocol + site.domain + '/assets/any@180.png', src: site.protocol + site.domain + '/assets/any@180.png',
sizes: '180x180', sizes: '180x180',
type: 'image/png' type: 'image/png'
}, },
192: { 192: {
src: site.protocol + site.domain + '/assets/any@192.png', src: site.protocol + site.domain + '/assets/any@192.png',
sizes: '192x192', sizes: '192x192',
type: 'image/png' type: 'image/png'
}, },
512: { 512: {
src: site.protocol + site.domain + '/assets/any@512.png', src: site.protocol + site.domain + '/assets/any@512.png',
sizes: '512x512', sizes: '512x512',
type: 'image/png' type: 'image/png'
} }
} }
export const maskable: { [key: number]: Icon } = { export const maskable: { [key: number]: Icon } = {
180: { 180: {
src: site.protocol + site.domain + '/assets/maskable@180.png', src: site.protocol + site.domain + '/assets/maskable@180.png',
sizes: '180x180', sizes: '180x180',
type: 'image/png' type: 'image/png'
}, },
192: { 192: {
src: site.protocol + site.domain + '/assets/maskable@192.png', src: site.protocol + site.domain + '/assets/maskable@192.png',
sizes: '192x192', sizes: '192x192',
type: 'image/png' type: 'image/png'
}, },
512: { 512: {
src: site.protocol + site.domain + '/assets/maskable@512.png', src: site.protocol + site.domain + '/assets/maskable@512.png',
sizes: '512x512', sizes: '512x512',
type: 'image/png' type: 'image/png'
} }
} }
// <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
// <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
// <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
// <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
// <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
// <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
// <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
// <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
// <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
// <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
// <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
// <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
// <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
// <link rel="manifest" href="/manifest.json">
// <meta name="msapplication-TileColor" content="#ffffff">
// <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
// <meta name="theme-color" content="#ffffff">
// {
// "src": "\/android-icon-36x36.png",
// "sizes": "36x36",
// "type": "image\/png",
// "density": "0.75"
// },
// {
// "src": "\/android-icon-48x48.png",
// "sizes": "48x48",
// "type": "image\/png",
// "density": "1.0"
// },
// {
// "src": "\/android-icon-72x72.png",
// "sizes": "72x72",
// "type": "image\/png",
// "density": "1.5"
// },
// {
// "src": "\/android-icon-96x96.png",
// "sizes": "96x96",
// "type": "image\/png",
// "density": "2.0"
// },
// {
// "src": "\/android-icon-144x144.png",
// "sizes": "144x144",
// "type": "image\/png",
// "density": "3.0"
// },
// {
// "src": "\/android-icon-192x192.png",
// "sizes": "192x192",
// "type": "image\/png",
// "density": "4.0"
// }