1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title i18n-content="title"></title> 6 <link rel="stylesheet" href="newtab.css"> 7 <!-- Don't scale the viewport in either portrait or landscape mode. 8 Note that this means apps will be reflowed when rotated (like iPad). 9 If we wanted to maintain position we could remove 'maximum-scale' so 10 that we'd zoom out in portrait mode, but then there would be a bunch 11 of unusable space at the bottom. 12 --> 13 <meta name="viewport" content="user-scalable=no, width=device-width, maximum-scale=1.0"> 14 </head> 15 <body> 16 <div id="apps-frame"> 17 <div id="apps-page-list"> 18 <div class="apps-page"> 19 <!-- This is used as a template which JS copies and fills in. The 20 template itself is never actually displayed. 21 An app-container is always a direct child of an apps-page, and is 22 expected to have a single 'app' child element holding the visible 23 content, and 'img' and 'span' tags as descendants somewhere. 24 --> 25 <div class="app-container" id="app-template"> 26 <div class="app"> 27 <img> 28 <span>App name</span> 29 </div> 30 </div> 31 </div> 32 </div> 33 </div> 34 <div id="footer"> 35 <ul id="dot-list"> 36 <li class="dot"></li> 37 </ul> 38 <div id="trash"> 39 </div> 40 </div> 41 <!-- If this page hasn't been run through grit and embedded into chrome, then 42 load the standalone hacks --> 43 <if expr="False"> 44 <script src="standalone/standalone_hack.js"></script> 45 </if> 46 <!-- Substitute localized strings for all elements with il8n-content 47 attributes. --> 48 <script src="../shared/js/i18n_template.js"></script> 49 <!-- template data placeholder --> 50 <script> 51 i18nTemplate.process(document, templateData); 52 </script> 53 54 <script src="../shared/js/util.js"></script> 55 <script src="../shared/js/event_tracker.js"></script> 56 <script src="touchhandler.js"></script> 57 <script src="slider.js"></script> 58 <script src="grabber.js"></script> 59 <script src="newtab.js"></script> 60 </body> 61 </html> 62
