| <!doctype html> |
| <html dir="$i18n{textdirection}" |
| hascustombackground="$i18n{hasCustomBackground}" |
| bookmarkbarattached="$i18n{bookmarkbarattached}" |
| lang="$i18n{language}" |
| class="md"> |
| <head> |
| <meta charset="utf-8"> |
| <title>$i18n{title}</title> |
| <meta name="viewport" content="width=device-width"> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| <link rel="stylesheet" href="incognito_tab.css"> |
| <script> |
| // Until themes can clear the cache, force-reload the theme stylesheet. |
| document.write('<link id="incognitothemecss" rel="stylesheet" ' + |
| 'href="chrome://theme/css/incognito_new_tab_theme.css?' + |
| Date.now() + '">'); |
| </script> |
| </head> |
| <body> |
| <div class="content"> |
| <div class="icon" role="presentation" alt=""></div> |
| <h1>$i18n{incognitoTabHeading}</h1> |
| <p id="subtitle"> |
| <span>$i18n{incognitoTabDescription}</span> |
| <a class="learn-more-button" |
| href="$i18n{learnMoreLink}">$i18n{learnMore}</a> |
| </p> |
| <div id="bulletpoints-wrapper"> |
| <div class="bulletpoints first">$i18nRaw{incognitoTabFeatures}</div> |
| <div class="bulletpoints">$i18nRaw{incognitoTabWarning}</div> |
| </div> |
| <div id="cookie-controls" $i18n{hiddenIfCookieControlsDisabled}> |
| <div id="cookie-controls-description"> |
| <em>$i18n{cookieControlsTitle}</em> |
| $i18n{cookieControlsDescription} |
| </div> |
| <cr-toggle id="cookie-controls-toggle" dark></cr-toggle> |
| </div> |
| <a class="learn-more-button" href="$i18n{learnMoreLink}">$i18n{learnMore}</a> |
| </div> |
| <script src="chrome://resources/js/cr.js"></script> |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="incognito_tab.js"></script> |
| <!-- Lazy-load cr_toggle to avoid performance penalty introduced by loading Polymer --> |
| <script type="module" src="chrome://resources/cr_elements/cr_toggle/cr_toggle.m.js" async></script> |
| </body> |
| </html> |