source: resources/views/vendor/laravelpwa/meta.blade.php@ 83da0d2

develop
Last change on this file since 83da0d2 was 83da0d2, checked in by beratkjufliju <kufliju@…>, 3 years ago

added pwa

  • Property mode set to 100644
File size: 3.4 KB
RevLine 
[83da0d2]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>
Note: See TracBrowser for help on using the repository browser.