chrome/browser/resources/ntp4/new_tab.html

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