]> asedeno.scripts.mit.edu Git - bluechips.git/blobdiff - bluechips/templates/mobile/base.mako
load main.css from the right path
[bluechips.git] / bluechips / templates / mobile / base.mako
index 37aca7f0aabf52ccfca1689d37e24f568f94adf9..bd954aad8e4e4968f7260a1c2243a1e0ed3277bc 100644 (file)
@@ -4,10 +4,15 @@
   <head>
     <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">
+    ${h.stylesheet_link('%s/css/main.css' % request.script_name)}
+    <link media="only screen and (max-device-width: 480px)" href="${request.script_name}/css/mobile.css" type="text/css" rel="stylesheet" />
+    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable=no" />
+    <link rel="apple-touch-icon" href="${request.script_name}/icons/apple-touch.png" />
+    <link rel="apple-touch-startup-image" href="${request.script_name}/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" />
+    ${h.javascript_link('//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js')}
+    ${h.javascript_link('%s/js/mobile.js' % request.script_name)}
   </head>
   <body>
     % for message in h.flash.pop_messages():
@@ -17,8 +22,6 @@
     <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>
 </html>
 
@@ -50,7 +53,7 @@
           klass = 'unselected'
       %>
       <a id="${name}" class="${klass}" href="${h.url_for(controller=name, action='index', id=None)}">
-        <img src="/icons/${name}.png" alt="">
+        <img src="${request.script_name}/icons/${name}.png" alt="">
         <span>${name.capitalize()}</span>
       </a>
     % endfor