commit 49c5c1a5e59b4698abeb39ddf1fd8a4a83b5fded parent 12a6fc5dc043851d24c18bbd79273844c7e1429c Author: ashermorgan <59518073+ashermorgan@users.noreply.github.com> Date: Sun, 15 Aug 2021 09:23:41 -0700 Add iOS splash screens Diffstat:
28 files changed, 28 insertions(+), 0 deletions(-)
diff --git a/public/img/icons/apple-splash-1125x2436.png b/public/img/icons/apple-splash-1125x2436.png Binary files differ. diff --git a/public/img/icons/apple-splash-1136x640.png b/public/img/icons/apple-splash-1136x640.png Binary files differ. diff --git a/public/img/icons/apple-splash-1170x2532.png b/public/img/icons/apple-splash-1170x2532.png Binary files differ. diff --git a/public/img/icons/apple-splash-1242x2208.png b/public/img/icons/apple-splash-1242x2208.png Binary files differ. diff --git a/public/img/icons/apple-splash-1242x2688.png b/public/img/icons/apple-splash-1242x2688.png Binary files differ. diff --git a/public/img/icons/apple-splash-1284x2778.png b/public/img/icons/apple-splash-1284x2778.png Binary files differ. diff --git a/public/img/icons/apple-splash-1334x750.png b/public/img/icons/apple-splash-1334x750.png Binary files differ. diff --git a/public/img/icons/apple-splash-1536x2048.png b/public/img/icons/apple-splash-1536x2048.png Binary files differ. diff --git a/public/img/icons/apple-splash-1620x2160.png b/public/img/icons/apple-splash-1620x2160.png Binary files differ. diff --git a/public/img/icons/apple-splash-1668x2224.png b/public/img/icons/apple-splash-1668x2224.png Binary files differ. diff --git a/public/img/icons/apple-splash-1668x2388.png b/public/img/icons/apple-splash-1668x2388.png Binary files differ. diff --git a/public/img/icons/apple-splash-1792x828.png b/public/img/icons/apple-splash-1792x828.png Binary files differ. diff --git a/public/img/icons/apple-splash-2048x1536.png b/public/img/icons/apple-splash-2048x1536.png Binary files differ. diff --git a/public/img/icons/apple-splash-2048x2732.png b/public/img/icons/apple-splash-2048x2732.png Binary files differ. diff --git a/public/img/icons/apple-splash-2160x1620.png b/public/img/icons/apple-splash-2160x1620.png Binary files differ. diff --git a/public/img/icons/apple-splash-2208x1242.png b/public/img/icons/apple-splash-2208x1242.png Binary files differ. diff --git a/public/img/icons/apple-splash-2224x1668.png b/public/img/icons/apple-splash-2224x1668.png Binary files differ. diff --git a/public/img/icons/apple-splash-2388x1668.png b/public/img/icons/apple-splash-2388x1668.png Binary files differ. diff --git a/public/img/icons/apple-splash-2436x1125.png b/public/img/icons/apple-splash-2436x1125.png Binary files differ. diff --git a/public/img/icons/apple-splash-2532x1170.png b/public/img/icons/apple-splash-2532x1170.png Binary files differ. diff --git a/public/img/icons/apple-splash-2688x1242.png b/public/img/icons/apple-splash-2688x1242.png Binary files differ. diff --git a/public/img/icons/apple-splash-2732x2048.png b/public/img/icons/apple-splash-2732x2048.png Binary files differ. diff --git a/public/img/icons/apple-splash-2778x1284.png b/public/img/icons/apple-splash-2778x1284.png Binary files differ. diff --git a/public/img/icons/apple-splash-640x1136.png b/public/img/icons/apple-splash-640x1136.png Binary files differ. diff --git a/public/img/icons/apple-splash-750x1334.png b/public/img/icons/apple-splash-750x1334.png Binary files differ. diff --git a/public/img/icons/apple-splash-828x1792.png b/public/img/icons/apple-splash-828x1792.png Binary files differ. diff --git a/public/index.html b/public/index.html @@ -6,6 +6,33 @@ <meta name="description" content="An all-around tool for runners that calculates units, paces, splits, and more"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title><%= htmlWebpackPlugin.options.title %></title> + + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2048x2732.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2732x2048.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1668x2388.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2388x1668.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1536x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2048x1536.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1668x2224.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2224x1668.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1620x2160.png" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2160x1620.png" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1284x2778.png" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2778x1284.png" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1170x2532.png" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2532x1170.png" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1125x2436.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2436x1125.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1242x2688.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2688x1242.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-828x1792.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1792x828.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1242x2208.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-2208x1242.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1334x750.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-640x1136.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> + <link rel="apple-touch-startup-image" href="img/icons/apple-splash-1136x640.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> </head> <body> <noscript> diff --git a/vue.config.js b/vue.config.js @@ -4,6 +4,7 @@ module.exports = { name: 'running-calculator', themeColor: '#ff8000', msTileColor: '#ff8000', + appleMobileWebAppCapable: 'yes', iconPaths: { favicon32: 'img/icons/favicon-32x32.png', favicon16: 'img/icons/favicon-16x16.png',