Added Apple Webapp icons & behaviour

This commit is contained in:
Pepijn Goossens 2017-01-04 13:40:58 +01:00
parent 853e422084
commit 4a14d5a0b8
12 changed files with 56 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@ -5,13 +5,39 @@
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="shortcut icon" href="/static/images/favicon.ico" />
<link rel="apple-touch-icon" href="/static/images/icons/logo-76x76.png"/>
<link rel="icon" sizes="196x196" href="/static/images/icons/logo-169x169.png">
<link rel="icon" sizes="192x192" href="/static/images/icons/logo-192x192.png">
<!-- ICONS -->
<!-- iPad retina icon -->
<link href="/static/images/icons/logo-152x152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
<!-- iPad retina icon (iOS < 7) -->
<link href="/static/images/icons/logo-144x144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
<!-- iPad non-retina icon -->
<link href="/static/images/icons/logo-76x76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
<!-- iPad non-retina icon (iOS < 7) -->
<link href="/static/images/icons/logo-72x72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
<!-- iPhone 6 Plus icon -->
<link href="/static/images/icons/logo-180x180.png" sizes="120x120" rel="apple-touch-icon-precomposed">
<!-- iPhone retina icon (iOS < 7) -->
<link href="/static/images/icons/logo-114x114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
<!-- iPhone non-retina icon (iOS < 7) -->
<link href="/static/images/icons/logo-57x57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
<title>Domoboard</title>
<!-- Bootstrap core CSS -->
<script src="/static/js/jquery-2.2.3.min.js"></script>
<script src="/static/js/jquery-3.1.0.min.js"></script>
<link rel="shortcut icon" href="/static/images/favicon.ico">
<!--<link rel="shortcut icon" href="/static/images/favicon.ico">-->
<link href="/static/fonts/css/font-awesome.min.css" rel="stylesheet">
<link href="/static/css/bootstrap.min.css" rel="stylesheet">

View File

@ -6,12 +6,38 @@
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="shortcut icon" href="/static/images/favicon.ico" />
<link rel="apple-touch-icon" href="/static/images/icons/logo-76x76.png"/>
<link rel="icon" sizes="196x196" href="/static/images/icons/logo-169x169.png">
<link rel="icon" sizes="192x192" href="/static/images/icons/logo-192x192.png">
<!-- ICONS -->
<!-- iPad retina icon -->
<link href="/static/images/icons/logo-152x152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
<!-- iPad retina icon (iOS < 7) -->
<link href="/static/images/icons/logo-144x144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
<!-- iPad non-retina icon -->
<link href="/static/images/icons/logo-76x76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
<!-- iPad non-retina icon (iOS < 7) -->
<link href="/static/images/icons/logo-72x72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
<!-- iPhone 6 Plus icon -->
<link href="/static/images/icons/logo-180x180.png" sizes="120x120" rel="apple-touch-icon-precomposed">
<!-- iPhone retina icon (iOS < 7) -->
<link href="/static/images/icons/logo-114x114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
<!-- iPhone non-retina icon (iOS < 7) -->
<link href="/static/images/icons/logo-57x57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
<title>Domoboard</title>
<!-- Bootstrap core CSS -->
<link rel="shortcut icon" href="/static/images/favicon.ico">
<!--<link rel="shortcut icon" href="/static/images/favicon.ico">-->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/fonts/css/font-awesome.min.css" rel="stylesheet">