| 1 | <!-- Web Application Manifest -->
|
|---|
| 2 | <link rel="manifest" href="{{ route('laravelpwa.manifest') }}">
|
|---|
| 3 | <!-- Chrome for Android theme color -->
|
|---|
| 4 | <meta name="theme-color" content="{{ $config['theme_color'] }}">
|
|---|
| 5 |
|
|---|
| 6 | <!-- Add to homescreen for Chrome on Android -->
|
|---|
| 7 | <meta name="mobile-web-app-capable" content="{{ $config['display'] == 'standalone' ? 'yes' : 'no' }}">
|
|---|
| 8 | <meta name="application-name" content="{{ $config['short_name'] }}">
|
|---|
| 9 | <link rel="icon" sizes="{{ data_get(end($config['icons']), 'sizes') }}" href="{{ data_get(end($config['icons']), 'src') }}">
|
|---|
| 10 |
|
|---|
| 11 | <!-- Add to homescreen for Safari on iOS -->
|
|---|
| 12 | <meta name="apple-mobile-web-app-capable" content="{{ $config['display'] == 'standalone' ? 'yes' : 'no' }}">
|
|---|
| 13 | <meta name="apple-mobile-web-app-status-bar-style" content="{{ $config['status_bar'] }}">
|
|---|
| 14 | <meta name="apple-mobile-web-app-title" content="{{ $config['short_name'] }}">
|
|---|
| 15 | <link rel="apple-touch-icon" href="{{ data_get(end($config['icons']), 'src') }}">
|
|---|
| 16 |
|
|---|
| 17 |
|
|---|
| 18 | <link href="{{ $config['splash']['640x1136'] }}" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
|
|---|
| 19 | <link href="{{ $config['splash']['750x1334'] }}" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
|
|---|
| 20 | <link href="{{ $config['splash']['1242x2208'] }}" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
|
|---|
| 21 | <link href="{{ $config['splash']['1125x2436'] }}" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
|
|---|
| 22 | <link href="{{ $config['splash']['828x1792'] }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
|
|---|
| 23 | <link href="{{ $config['splash']['1242x2688'] }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
|
|---|
| 24 | <link href="{{ $config['splash']['1536x2048'] }}" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
|
|---|
| 25 | <link href="{{ $config['splash']['1668x2224'] }}" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
|
|---|
| 26 | <link href="{{ $config['splash']['1668x2388'] }}" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
|
|---|
| 27 | <link href="{{ $config['splash']['2048x2732'] }}" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
|
|---|
| 28 |
|
|---|
| 29 | <!-- Tile for Win8 -->
|
|---|
| 30 | <meta name="msapplication-TileColor" content="{{ $config['background_color'] }}">
|
|---|
| 31 | <meta name="msapplication-TileImage" content="{{ data_get(end($config['icons']), 'src') }}">
|
|---|
| 32 |
|
|---|
| 33 | <script type="text/javascript">
|
|---|
| 34 | // Initialize the service worker
|
|---|
| 35 | if ('serviceWorker' in navigator) {
|
|---|
| 36 | navigator.serviceWorker.register('/serviceworker.js', {
|
|---|
| 37 | scope: '.'
|
|---|
| 38 | }).then(function (registration) {
|
|---|
| 39 | // Registration was successful
|
|---|
| 40 | console.log('Laravel PWA: ServiceWorker registration successful with scope: ', registration.scope);
|
|---|
| 41 | }, function (err) {
|
|---|
| 42 | // registration failed :(
|
|---|
| 43 | console.log('Laravel PWA: ServiceWorker registration failed: ', err);
|
|---|
| 44 | });
|
|---|
| 45 | }
|
|---|
| 46 | </script> |
|---|
