chrome/browser/resources/ntp4/new_tab.html

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