| <!doctype html> |
| <html class="starting-up" i18n-values="dir:textdirection; |
| bookmarkbarattached:bookmarkbarattached; |
| lang:language"> |
| <head> |
| <meta charset="utf-8"> |
| <title i18n-content="title"></title> |
| <!-- Don't scale the viewport in either portrait or landscape mode. |
| Note that this means apps will be reflowed when rotated (like iPad). |
| If we wanted to maintain position we could remove 'maximum-scale' so |
| that we'd zoom out in portrait mode, but then there would be a bunch |
| of unusable space at the bottom. |
| --> |
| <meta name="viewport" |
| content="user-scalable=no, width=device-width, maximum-scale=1.0"> |
| |
| <!-- It's important that this be the first script loaded. --> |
| <script src="logging.js"></script> |
| |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| <link rel="stylesheet" href="../../../../ui/webui/resources/css/bubble.css"> |
| <link rel="stylesheet" href="../../../../ui/webui/resources/css/expandable_bubble.css"> |
| <link rel="stylesheet" href="../../../../ui/webui/resources/css/menu.css"> |
| <link rel="stylesheet" href="../../../../ui/webui/resources/css/menu_button.css"> |
| <link rel="stylesheet" href="../../../../ui/webui/resources/css/trash.css"> |
| <link rel="stylesheet" href="../../../../ui/webui/resources/css/widgets.css"> |
| <link rel="stylesheet" href="apps_page.css"> |
| <link rel="stylesheet" href="nav_dot.css"> |
| <link rel="stylesheet" href="new_tab.css"> |
| <link rel="stylesheet" href="tile_page.css"> |
| <link id="themecss" rel="stylesheet" href="chrome://theme/css/new_tab_theme.css"> |
| |
| <script src="../../../../ui/webui/resources/js/action_link.js"></script> |
| <script src="../../../../ui/webui/resources/js/event_tracker.js"></script> |
| <script src="../../../../ui/webui/resources/js/util.js"></script> |
| |
| <script src="../../../../ui/webui/resources/js/cr.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/event_target.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/bubble.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/card_slider.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/context_menu_handler.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/drag_wrapper.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/expandable_bubble.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/focus_manager.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/menu_item.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/menu.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/position_util.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/menu_button.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/context_menu_button.js"></script> |
| <script src="../../../../ui/webui/resources/js/cr/ui/touch_handler.js"></script> |
| |
| <script src="tile_page.js"></script> |
| <script src="apps_page.js"></script> |
| <script src="dot_list.js"></script> |
| <script src="trash.js"></script> |
| <script src="page_list_view.js"></script> |
| <script src="page_switcher.js"></script> |
| |
| <script src="nav_dot.js"></script> |
| <script src="new_tab.js"></script> |
| </head> |
| |
| <body> |
| <div id="card-slider-frame"> |
| <button id="page-switcher-start" class="page-switcher custom-appearance" |
| tabindex="2" hidden>‹ |
| </button> |
| <div id="page-list"></div> |
| <button id="page-switcher-end" class="page-switcher custom-appearance" |
| tabindex="2" hidden>› |
| </button> |
| <div id="attribution"> |
| <span i18n-content="attributionintro"></span> |
| <img id="attribution-img"> |
| </div> |
| </div> |
| |
| <div id="app-launcher-promo" hidden> |
| <div class="apps-promo-text" i18n-content="appsPromoTitle"></div> |
| <a href="https://chrome.google.com/webstore/launcher" |
| id="apps-promo-learn-more" class="apps-promo-learn-more" |
| i18n-content="learn_more"> |
| </a> |
| <img src="app_launcher_promo.png"> |
| <button class="close-button custom-appearance" |
| id="app-launcher-promo-close-button"> |
| </button> |
| </div> |
| |
| <div id="footer"> |
| <div id="footer-border"></div> |
| <div id="footer-content"> |
| <div id="logo-img"> |
| <img alt="" src="chrome://theme/IDR_PRODUCT_LOGO"> |
| </div> |
| |
| <ul id="dot-list"> |
| </ul> |
| |
| <div id="footer-menu-container" class="menu-container"> |
| <a id="chrome-web-store-link"> |
| <span id="chrome-web-store-title" i18n-content="webStoreTitleShort"> |
| </span> |
| </a> |
| </div> |
| |
| <div id="trash" class="trash"> |
| <span class="lid"></span> |
| <span class="can"></span> |
| <span class="trash-text" i18n-content="appuninstall"></span> |
| </div> |
| </div> |
| </div> |
| |
| <div id="login-container" hidden> |
| <div id="login-status-header-container" class="login-status-row"> |
| <div id="login-status-header"></div> |
| </div> |
| <div id="login-status-sub-header"></div> |
| </div> |
| </body> |
| |
| <!-- A div to hold all the templates, and in the darkness bind them. --> |
| <div hidden> |
| |
| <!-- Login status bubble --> |
| <div id="login-status-bubble-contents"> |
| <div id="login-status-message-container"> |
| <span i18n-content="login_status_message"></span> |
| <a id="login-status-learn-more" i18n-content="learn_more" |
| i18n-values="href:login_status_url" target="_blank"></a> |
| </div> |
| <div class="login-status-row"> |
| <div id="login-status-advanced-container"> |
| <a is="action-link" id="login-status-advanced" |
| i18n-content="login_status_advanced"></a> |
| </div> |
| <button id="login-status-dismiss" i18n-content="login_status_dismiss"> |
| </button> |
| </div> |
| </div> |
| |
| <!-- App Contents w/ Large Icon --> |
| <div id="app-large-icon-template" class="app-contents"> |
| <div class="app-img-container" aria-hidden="true"> |
| <img class="invisible" alt=""> |
| </div> |
| <span class="title"></span> |
| </div> |
| |
| <!-- App Contents w/ Small Icon --> |
| <div id="app-small-icon-template" class="app-contents"> |
| <div class="app-icon-div" aria-hidden="true"> |
| <div class="app-img-container"> |
| <img class="invisible" alt=""> |
| </div> |
| <div class="color-stripe"></div> |
| </div> |
| <span class="title"></span> |
| </div> |
| |
| </div> |
| |
| <!-- This is used to measure text in the current locale. It is not visible. --> |
| <div id="fontMeasuringDiv"></div> |
| |
| </html> |