X-Git-Url: https://git.yukkurigames.com/?p=labelle.git;a=blobdiff_plain;f=index.html;h=7991ed22f7af1da1bcace603eebfcfcb6b9d7f1f;hp=9b98cddd22fd18084d2218ac06a83a695fc9859a;hb=018a40c0e970ca42e917e5ec03bb0fc176941b57;hpb=1d35f7fe3cc00b3806e1300d1e1e9792a984f678

diff --git a/index.html b/index.html
index 9b98cdd..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;
@@ -31,11 +60,11 @@
           text-align: center;
       }
 
-      a.button:link {
+      .button {
           font-size: 2em;
           text-decoration: none;
           background-color: #eee;
-          color: #333;
+          color: #333 !important;
           padding: 3px 6px 3px 6px;
           border-top: 1px solid #ccc;
           border-right: 1px solid #333;
@@ -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>
