Home | History | Annotate | Download | only in ntp4
      1 <!DOCTYPE html>
      2 <html i18n-values="
      3     dir:textdirection;
      4     hasattribution:hasattribution;
      5     themegravity:themegravity;
      6     bookmarkbarattached:bookmarkbarattached;"
      7   class="starting-up">
      8 <head>
      9 <meta charset="utf-8">
     10 <title i18n-content="title"></title>
     11 <!-- Don't scale the viewport in either portrait or landscape mode.
     12      Note that this means apps will be reflowed when rotated (like iPad).
     13      If we wanted to maintain position we could remove 'maximum-scale' so
     14      that we'd zoom out in portrait mode, but then there would be a bunch
     15      of unusable space at the bottom.
     16 -->
     17 <meta name="viewport"
     18       content="user-scalable=no, width=device-width, maximum-scale=1.0">
     19 
     20 <!-- It's important that this be the first script loaded. -->
     21 <script src="logging.js"></script>
     22 
     23 <link rel="stylesheet" href="../../../../ui/webui/resources/css/bubble.css">
     24 <link rel="stylesheet" href="../../../../ui/webui/resources/css/expandable_bubble.css">
     25 <link rel="stylesheet" href="../../../../ui/webui/resources/css/menu.css">
     26 <link rel="stylesheet" href="../../../../ui/webui/resources/css/menu_button.css">
     27 <link rel="stylesheet" href="../../../../ui/webui/resources/css/trash.css">
     28 <link rel="stylesheet" href="../../../../ui/webui/resources/css/widgets.css">
     29 <link rel="stylesheet" href="apps_page.css">
     30 <link rel="stylesheet" href="chrome://newtab/suggestions_page.css">
     31 <link rel="stylesheet" href="most_visited_page.css">
     32 <link rel="stylesheet" href="nav_dot.css">
     33 <link rel="stylesheet" href="new_tab.css">
     34 <link rel="stylesheet" href="footer_menu.css">
     35 <link rel="stylesheet" href="tile_page.css">
     36 <link id="themecss" rel="stylesheet">
     37 
     38 <script src="../../../../ui/webui/resources/js/event_tracker.js"></script>
     39 <script src="../../../../ui/webui/resources/js/load_time_data.js"></script>
     40 <script src="../../../../ui/webui/resources/js/parse_html_subset.js"></script>
     41 <script src="../../../../ui/webui/resources/js/util.js"></script>
     42 
     43 <script src="../../../../ui/webui/resources/js/cr.js"></script>
     44 <script src="../../../../ui/webui/resources/js/cr/event_target.js"></script>
     45 <script src="../../../../ui/webui/resources/js/cr/ui.js"></script>
     46 <script src="../../../../ui/webui/resources/js/cr/ui/bubble.js"></script>
     47 <script src="../../../../ui/webui/resources/js/cr/ui/card_slider.js"></script>
     48 <script src="../../../../ui/webui/resources/js/cr/ui/context_menu_handler.js"></script>
     49 <script src="../../../../ui/webui/resources/js/cr/ui/drag_wrapper.js"></script>
     50 <script src="../../../../ui/webui/resources/js/cr/ui/expandable_bubble.js"></script>
     51 <script src="../../../../ui/webui/resources/js/cr/ui/focus_manager.js"></script>
     52 <script src="../../../../ui/webui/resources/js/cr/ui/menu.js"></script>
     53 <script src="../../../../ui/webui/resources/js/cr/ui/menu_item.js"></script>
     54 <script src="../../../../ui/webui/resources/js/cr/ui/position_util.js"></script>
     55 <script src="../../../../ui/webui/resources/js/cr/ui/menu_button.js"></script>
     56 <script src="../../../../ui/webui/resources/js/cr/ui/context_menu_button.js"></script>
     57 <script src="../../../../ui/webui/resources/js/cr/ui/touch_handler.js"></script>
     58 
     59 <script src="tile_page.js"></script>
     60 <script src="apps_page.js"></script>
     61 <script src="dot_list.js"></script>
     62 <script src="most_visited_page.js"></script>
     63 <script src="trash.js"></script>
     64 <script src="page_list_view.js"></script>
     65 <script src="page_switcher.js"></script>
     66 
     67 <script src="nav_dot.js"></script>
     68 <script src="new_tab.js"></script>
     69 <script src="recently_closed.js"></script>
     70 <script src="other_sessions.js"></script>
     71 </head>
     72 
     73 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
     74   <div id="notification-container" class="inactive" hidden>
     75     <div id="notification">
     76       <span></span>
     77       <div id="notificationLinks"></div>
     78       <button class="close-button custom-appearance" class="custom-appearance">
     79       </button>
     80     </div>
     81   </div>
     82 
     83   <div id="card-slider-frame">
     84     <button id="page-switcher-start" class="page-switcher custom-appearance"
     85         tabindex="2" hidden>
     86     </button>
     87     <div id="page-list"></div>
     88     <button id="page-switcher-end" class="page-switcher custom-appearance"
     89         tabindex="2" hidden>
     90     </button>
     91     <div id="attribution">
     92       <span i18n-content="attributionintro"></span>
     93       <img id="attribution-img">
     94     </div>
     95   </div>
     96 
     97   <div id="app-launcher-promo" hidden>
     98     <div class="apps-promo-text" i18n-content="appsPromoTitle"></div>
     99     <a href="https://chrome.google.com/webstore/launcher"
    100        id="apps-promo-learn-more" class="apps-promo-learn-more"
    101        i18n-content="learn_more">
    102     </a>
    103     <img src="app_launcher_promo.png">
    104     <button class="close-button custom-appearance"
    105             id="app-launcher-promo-close-button">
    106     </button>
    107   </div>
    108 
    109   <div id="footer">
    110     <div id="footer-border"></div>
    111     <div id="footer-content">
    112       <div id="logo-img">
    113         <img alt="" src="chrome://theme/IDR_PRODUCT_LOGO">
    114         <div id="promo-bubble-anchor"></div>
    115       </div>
    116 
    117       <ul id="dot-list">
    118       </ul>
    119 
    120       <div id="footer-menu-container" class="menu-container">
    121         <button id="other-sessions-menu-button"
    122             class="footer-menu-button custom-appearance" hidden>
    123           <span i18n-content="otherSessions"></span>
    124           <div class="disclosure-triangle"></div>
    125         </button>
    126         <button id="recently-closed-menu-button"
    127             class="footer-menu-button custom-appearance" hidden>
    128           <span i18n-content="recentlyclosed"></span>
    129           <div class="disclosure-triangle"></div>
    130         </button>
    131         <a id="chrome-web-store-link">
    132           <span id="chrome-web-store-title" i18n-content="webStoreTitleShort">
    133           </span>
    134         </a>
    135         <div id="vertical-separator"></div>
    136       </div>
    137 
    138       <div id="trash" class="trash">
    139         <span class="lid"></span>
    140         <span class="can"></span>
    141         <span class="trash-text" i18n-content="appuninstall"></span>
    142       </div>
    143     </div>
    144   </div>
    145 
    146   <button id="login-container" class="custom-appearance" hidden>
    147     <div id="login-status-header-container" class="login-status-row">
    148       <div id="login-status-header"></div>
    149     </div>
    150     <div id="login-status-sub-header"></div>
    151   </button>
    152 </body>
    153 
    154 <!-- A div to hold all the templates, and in the darkness bind them. -->
    155 <div hidden>
    156 
    157 <!-- Login status bubble -->
    158 <div id="login-status-bubble-contents">
    159   <div id="login-status-message-container">
    160     <span i18n-content="login_status_message"></span>
    161     <a id="login-status-learn-more" i18n-content="learn_more"
    162         i18n-values="href:login_status_url" target="_blank"></a>
    163   </div>
    164   <div class="login-status-row">
    165     <div id="login-status-advanced-container">
    166       <a id="login-status-advanced"
    167           i18n-content="login_status_advanced" href="#"></a>
    168     </div>
    169     <button id="login-status-dismiss" i18n-content="login_status_dismiss">
    170     </button>
    171   </div>
    172 </div>
    173 
    174 <!-- App Contents w/ Large Icon -->
    175 <div id="app-large-icon-template" class="app-contents">
    176   <div class="app-img-container" aria-hidden="true">
    177     <img class="invisible" alt="">
    178   </div>
    179   <span class="title"></span>
    180 </div>
    181 
    182 <!-- App Contents w/ Small Icon -->
    183 <div id="app-small-icon-template" class="app-contents">
    184   <div class="app-icon-div" aria-hidden="true">
    185     <div class="app-img-container">
    186       <img class="invisible" alt="">
    187     </div>
    188     <div class="color-stripe"></div>
    189   </div>
    190   <span class="title"></span>
    191 </div>
    192 
    193 <!-- Message shown in the other sessions menu when the user is signed in but
    194      there is no session data (e.g. they have tab sync turned off). -->
    195 <div id="other-sessions-promo-template" class="other-sessions-promo-message">
    196   <span i18n-content="otherSessionsEmpty"></span>
    197   <p>
    198     <a i18n-values="href:otherSessionsLearnMoreUrl" i18n-content="learnMore">
    199     </a>
    200   </p>
    201 </div>
    202 
    203 </div>
    204 
    205 <!-- This is used to measure text in the current locale. It is not visible. -->
    206 <div id="fontMeasuringDiv"></div>
    207 
    208 </html>
    209