diff --git a/index.html b/index.html
index 8d188c160bed9fc0c9d5e328402c4d22b86885c8..0da0ee0e1b142d886c9752fe9477058d3b4b5e83 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,10 @@
   <link href="style/main.css" rel="stylesheet" type="text/css">
   <link rel="shortcut icon" href="favicon.ico">
   <link rel="apple-touch-icon" href="meta/apple-touch-icon.png">
+  <link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"> <!-- iPhone 5+ -->
+  <link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x920.png"  media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"> <!-- iPhone, retina -->
   <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
   <meta name="HandheldFriendly" content="True">
   <meta name="MobileOptimized" content="320">
diff --git a/meta/apple-touch-startup-image-640x1096.png b/meta/apple-touch-startup-image-640x1096.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a68ba0bcbae90bfe65e5fd936fd391f5f37a1b2
Binary files /dev/null and b/meta/apple-touch-startup-image-640x1096.png differ
diff --git a/meta/apple-touch-startup-image-640x920.png b/meta/apple-touch-startup-image-640x920.png
new file mode 100644
index 0000000000000000000000000000000000000000..17bc9d8322bd3787aee5020f61a4844aae7ca11a
Binary files /dev/null and b/meta/apple-touch-startup-image-640x920.png differ