X-Git-Url: https://git.yukkurigames.com/?a=blobdiff_plain;ds=sidebyside;f=index.html;h=7991ed22f7af1da1bcace603eebfcfcb6b9d7f1f;hb=388b60e19e88e44a445ffd2afd37f7759bcca556;hp=20428f765b692814847770379673b9eb35f16e2a;hpb=98c2009fb0426e1f90e1da7cbd0be6351bfef411;p=labelle.git

diff --git a/index.html b/index.html
index 20428f7..7991ed2 100644
--- a/index.html
+++ b/index.html
@@ -1,8 +1,22 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" manifest="labelle.manifest">
   <head>
     <meta charset="utf-8">
     <meta name=viewport content="width=device-width, initial-scale=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="shortcut icon" href="icon_72x72.png">
+    <link rel="apple-touch-icon" href="icon_57x57.png">
+    <link rel="apple-touch-icon" sizes="57x57" href="icon_57x57.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="icon_72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="icon_76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="icon_114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="icon_120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="icon_144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="icon_152x152.png">
+    <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">
+    <meta name="apple-mobile-web-app-title" content="Labelle Litanizer">
     <link rel="stylesheet" href="/css/main.css" type="text/css">
     <title>
       Labelle Litanizer
@@ -11,7 +25,22 @@
     </title>
     <script type="text/javascript" src="acnl-wearables-list.js"></script>
     <script type="text/javascript" src="acnl-outfit.js"></script>
+    <script>
+      window.addEventListener("load", function () {
+          if (window.navigator.standalone) {
+              var header = document.getElementsByTagName("header")[0];
+              header.className += " statusbar";
+          }
+      });
+    </script>
     <style>
+      .statusbar {
+          border-top-left-radius: 0;
+          border-top-right-radius: 0;
+          border-top-width: 20px;
+          margin: 0 -1em;
+      }
+      
       #labelle {
           min-height: 180px;
           margin-top: 1em;
@@ -53,7 +82,7 @@
 
       .button.twitter {
           padding: 2px 5px 2px 32px;
-          background: url('twitter.png') 0.2em center no-repeat #eee;
+          background: url('twitter.png') 8px center no-repeat #eee;
       }
     </style>
   </head>
