Icons and other mobile web app things.
authorJoe Wreschnig <joe.wreschnig@gmail.com>
Fri, 30 May 2014 09:40:12 +0000 (11:40 +0200)
committerJoe Wreschnig <joe.wreschnig@gmail.com>
Fri, 30 May 2014 09:40:12 +0000 (11:40 +0200)
icon_114x114.png [new file with mode: 0644]
icon_120x120.png [new file with mode: 0644]
icon_144x144.png [new file with mode: 0644]
icon_152x152.png [new file with mode: 0644]
icon_57x57.png [new file with mode: 0644]
icon_72x72.png [new file with mode: 0644]
icon_76x76.png [new file with mode: 0644]
index.html
labelle.manifest [new file with mode: 0644]

diff --git a/icon_114x114.png b/icon_114x114.png
new file mode 100644 (file)
index 0000000..1b836e6
Binary files /dev/null and b/icon_114x114.png differ
diff --git a/icon_120x120.png b/icon_120x120.png
new file mode 100644 (file)
index 0000000..de0b0e8
Binary files /dev/null and b/icon_120x120.png differ
diff --git a/icon_144x144.png b/icon_144x144.png
new file mode 100644 (file)
index 0000000..ac488ea
Binary files /dev/null and b/icon_144x144.png differ
diff --git a/icon_152x152.png b/icon_152x152.png
new file mode 100644 (file)
index 0000000..4975ca4
Binary files /dev/null and b/icon_152x152.png differ
diff --git a/icon_57x57.png b/icon_57x57.png
new file mode 100644 (file)
index 0000000..d2774c9
Binary files /dev/null and b/icon_57x57.png differ
diff --git a/icon_72x72.png b/icon_72x72.png
new file mode 100644 (file)
index 0000000..187c061
Binary files /dev/null and b/icon_72x72.png differ
diff --git a/icon_76x76.png b/icon_76x76.png
new file mode 100644 (file)
index 0000000..e02f1e9
Binary files /dev/null and b/icon_76x76.png differ
index 337b25378cb3cfd81e4dbf9314b37f06bb52b9aa..7991ed22f7af1da1bcace603eebfcfcb6b9d7f1f 100644 (file)
@@ -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
     </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;
diff --git a/labelle.manifest b/labelle.manifest
new file mode 100644 (file)
index 0000000..d0fc3c5
--- /dev/null
@@ -0,0 +1,16 @@
+CACHE MANIFEST
+# Version 1
+/css/main.css
+/css/FiraSans-Light.woff
+/css/FiraSans-LightItalic.woff
+/css/FiraSans-Regular.woff
+/css/FiraSans-RegularItalic.woff
+/css/FiraSans-Bold.woff
+/css/FiraSans-BoldItalic.woff
+/css/logotype_horizontal_1.png
+/css/logotype_horizontal_2.png
+/css/logotype_horizontal_3.png
+labelle.jpg
+twitter.png
+acnl-wearables-list.js
+acnl-outfit.js