added apple touch startup icon

[bluechips.git] / bluechips / templates / mobile / base.mako
diff --git a/bluechips/templates/mobile/base.mako b/bluechips/templates/mobile/base.mako

index b96ce4fa6cad83ad377d185a49e39d1c1afb3d8e..3d1f3907ba0c15abd9f77e3d0bae1b30ebf3147e 100644 (file)
--- a/bluechips/templates/mobile/base.mako
+++ b/bluechips/templates/mobile/base.mako
@@ -5,15 +5,21 @@
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <title>${self.title()}</title>
      ${h.stylesheet_link('/css/main.css')}
-    <link media="only screen and (max-device-width: 480px)" href="/css/mobile.css" type="text/css" rel="stylesheet">
-    <meta name="viewport" content="width = device-width, user-scalable=no">
-    <link rel="apple-touch-icon" href="/icons/apple-touch.png">
+    <link media="only screen and (max-device-width: 480px)" href="/css/mobile.css" type="text/css" rel="stylesheet" />
+    <meta name="viewport" content="width = device-width, user-scalable=no" />
+    <link rel="apple-touch-icon" href="/icons/apple-touch.png" />
+    <link rel="apple-touch-startup-image" href="/icons/apple-touch-startup.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    </head>
    <body>
      % for message in h.flash.pop_messages():
        <div class="flash">${message | n}</div>
      % endfor
      ${next.body()}
+    <div id="non-mobile">
+      <a href="${h.url_for(request.url, use_non_mobile='yes')}">Use non mobile interface</a>
+    </div>
      ${h.javascript_link('/js/jquery-1.3.2.js')}
      ${h.javascript_link('/js/mobile.js')}
    </body>