OLD | NEW |
(Empty) | |
| 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-s
cale=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="eventtracker.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> |
OLD | NEW |