| 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 | 
|---|