| <!doctype html> |
| <html class="starting-up" dir="$i18n{textdirection}" lang="$i18n{language}"> |
| <head> |
| <meta charset="utf-8"> |
| <title>$i18n{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"> |
| |
| <link id="themecss" rel="stylesheet"> |
| <script> |
| // Until themes can clear the cache, force-reload the theme stylesheet. |
| document.getElementById('themecss').href = 'chrome://theme/css/new_tab_theme.css?' + Date.now(); |
| </script> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| <link rel="stylesheet" href="chrome://resources/css/menu.css"> |
| <link rel="stylesheet" href="chrome://resources/css/menu_button.css"> |
| <link rel="stylesheet" href="chrome://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 rel="stylesheet" href="trash.css"> |
| |
| <script type="module" 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{attributionintro}</span> |
| <img id="attribution-img"> |
| </div> |
| </div> |
| |
| <div id="deprecated-apps-link-container" hidden> |
| <img src="images/error_yellow900.svg"> |
| <a is="action-link" id="deprecated-apps-link" href="#"></a> |
| </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_32"> |
| </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{webStoreTitleShort}</span> |
| </a> |
| </div> |
| |
| <div id="trash" class="trash"> |
| <span class="lid"></span> |
| <span class="can"></span> |
| <span class="trash-text">$i18n{appuninstall}</span> |
| </div> |
| </div> |
| </div> |
| </body> |
| |
| <!-- A div to hold all the templates, and in the darkness bind them. --> |
| <div hidden> |
| |
| <!-- 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> |
| <div class="app-title-container"> |
| <span class="title"></span> |
| </div> |
| </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> |
| <div class="app-title-container"> |
| <span class="title"></span> |
| </div> |
| </div> |
| |
| </div> |
| |
| <!-- This is used to measure text in the current locale. It is not visible. --> |
| <div id="fontMeasuringDiv"></div> |
| |
| </html> |
