apple-touch meta

_layouts/default.html

@@ -4,9 +4,16 @@
   <meta charset="utf-8">
   <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
   <meta property="og:image" content="{{ '/images/sticker.png' | relative_url }}" />
+  <meta name="apple-mobile-web-app-title" content="Hive Devportal" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
   
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
   <link rel="shortcut icon" type="image/png" href="{{ '/favicon.png' | relative_url }}" />
+  <link rel="apple-touch-icon" type="image/png" href="{{ '/favicon.png' | relative_url }}" />
+  <link rel="apple-touch-icon" sizes="152x152" href="{{ '/favicon.png' | relative_url }}" />
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ '/favicon.png' | relative_url }}" />
+  <link rel="apple-touch-icon" sizes="167x167" href="{{ '/favicon.png' | relative_url }}" />
 
   <link rel="stylesheet" href="{{ '/css/style.css' | relative_url }}" />
   <link rel="stylesheet" href="{{ '/css/css/fontawesome-all.min.css' | relative_url }}" />