Add W3C app manifest and theme color to index.html

This commit is contained in:
Tankred Hase 2015-01-09 18:01:22 +01:00
parent e01b1ac965
commit 087d4e66d5
2 changed files with 50 additions and 1 deletions

View File

@ -15,11 +15,23 @@
<link rel="apple-touch-icon" sizes="120x120" href="img/icon-120-ios.png">
<!-- iOS status bar black with white text -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- standard homescreen link -->
<meta name="mobile-web-app-capable" content="yes">
<!-- standard icon (retina) -->
<!-- standard icons -->
<link rel="icon" sizes="36x36" href="img/icon-36-android.png">
<link rel="icon" sizes="48x48" href="img/icon-48-android.png">
<link rel="icon" sizes="72x72" href="img/icon-72-android.png">
<link rel="icon" sizes="96x96" href="img/icon-96-android.png">
<link rel="icon" sizes="144x144" href="img/icon-144-android.png">
<link rel="icon" sizes="192x192" href="img/icon-192-android.png">
<link rel="icon" sizes="196x196" href="img/icon-196-universal.png">
<!-- theme color -->
<meta name="theme-color" content="#00c6ff">
<!-- standard web ap manifest -->
<link rel="manifest" href="webapp.json">
<!-- Viewport and styles -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" media="all" href="css/all.min.css" type="text/css">

37
src/webapp.json Normal file
View File

@ -0,0 +1,37 @@
{
"name": "Whiteout Mail",
"short_name": "Whiteout",
"start_url": "index.html",
"display": "standalone",
"icons": [{
"src": "img/icon-36-android.png",
"sizes": "36x36",
"type": "image/png",
"density": "0.75"
}, {
"src": "img/icon-48-android.png",
"sizes": "48x48",
"type": "image/png",
"density": "1.0"
}, {
"src": "img/icon-72-android.png",
"sizes": "72x72",
"type": "image/png",
"density": "1.5"
}, {
"src": "img/icon-96-android.png",
"sizes": "96x96",
"type": "image/png",
"density": "2.0"
}, {
"src": "img/icon-144-android.png",
"sizes": "144x144",
"type": "image/png",
"density": "3.0"
}, {
"src": "img/icon-192-android.png",
"sizes": "192x192",
"type": "image/png",
"density": "4.0"
}]
}