web manifest and meta tag

application/views/interface_assets/header.php

@@ -5,7 +5,11 @@
 	<!-- Required meta tags -->
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="apple-mobile-web-app-status-bar-style" content="default">
+	<link rel="apple-touch-startup-image" href="/apple-touch-icon.png">
+	<link rel="manifest" href="manifest.json"/>
+	
 	<!-- Bootstrap CSS -->
 	<?php if ($this->optionslib->get_theme()) { ?>
 		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/<?php echo $this->optionslib->get_theme(); ?>/bootstrap.min.css">

manifest.json

@@ -0,0 +1,17 @@
+{
+    "name": "Cloudlog",
+    "short_name": "Cloudlog",
+    "theme_color": "#2571fb",
+    "background_color": "#ffffff",
+    "display": "standalone",
+    "orientation": "portrait",
+    "scope": ".",
+    "start_url": "/",
+    "icons": [
+        {
+          "src": "CloudLog_logo.png",
+          "type": "image/png",
+          "sizes": "144x144"
+        }
+    ]
+  }