| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html dir="$i18n{textdirection}" lang="$i18n{language}"> | 2 <html dir="$i18n{textdirection}" lang="$i18n{language}"> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <meta name="viewport" | 5 <meta name="viewport" |
| 6 content="initial-scale=1, minimum-scale=1, width=device-width"> | 6 content="initial-scale=1, minimum-scale=1, width=device-width"> |
| 7 <title i18n-content="tabTitle"></title> | 7 <title>$i18n{tabTitle}</title> |
| 8 <link rel="stylesheet" href="interstitial_common.css"> | 8 <link rel="stylesheet" href="interstitial_common.css"> |
| 9 <link rel="stylesheet" href="interstitial_v2.css"> | 9 <link rel="stylesheet" href="interstitial_v2.css"> |
| 10 <script src="../../../../../ui/webui/resources/js/util.js"></script> | 10 <script src="../../../../../ui/webui/resources/js/util.js"></script> |
| 11 <script src="captive_portal.js"></script> | 11 <script src="captive_portal.js"></script> |
| 12 <script src="ssl.js"></script> | 12 <script src="ssl.js"></script> |
| 13 <script src="extended_reporting.js"></script> | 13 <script src="extended_reporting.js"></script> |
| 14 <script src="interstitial_v2_mobile.js"></script> | 14 <script src="interstitial_v2_mobile.js"></script> |
| 15 <script src="interstitial_common.js"></script> | 15 <script src="interstitial_common.js"></script> |
| 16 <script src="interstitial_v2.js"></script> | 16 <script src="interstitial_v2.js"></script> |
| 17 </head> | 17 </head> |
| 18 <body id="body"> | 18 <body id="body"> |
| 19 <div class="interstitial-wrapper"> | 19 <div class="interstitial-wrapper"> |
| 20 <div id="main-content"> | 20 <div id="main-content"> |
| 21 <div class="icon" id="icon"></div> | 21 <div class="icon" id="icon"></div> |
| 22 <div id="main-message"> | 22 <div id="main-message"> |
| 23 <h1>$i18n{heading}</h1> | 23 <h1>$i18n{heading}</h1> |
| 24 <p i18n-values=".innerHTML:primaryParagraph"></p> | 24 <p>$i18nRaw{primaryParagraph}</p> |
| 25 <div id="debugging"> | 25 <div id="debugging"> |
| 26 <div id="error-code" class="error-code"></div> | 26 <div id="error-code" class="error-code"></div> |
| 27 <div id="error-debugging-info" class="hidden"></div> | 27 <div id="error-debugging-info" class="hidden"></div> |
| 28 </div> | 28 </div> |
| 29 </div> | 29 </div> |
| 30 <div id="extended-reporting-opt-in" class="hidden"> | 30 <div id="extended-reporting-opt-in" class="hidden"> |
| 31 <label> | 31 <label> |
| 32 <div class="checkboxes"> | 32 <div class="checkboxes"> |
| 33 <input type="checkbox" id="opt-in-checkbox"> | 33 <input type="checkbox" id="opt-in-checkbox"> |
| 34 <span class="checkbox"></span> | 34 <span class="checkbox"></span> |
| 35 </div> | 35 </div> |
| 36 <span id="opt-in-label"></span> | 36 <span id="opt-in-label"></span> |
| 37 </label> | 37 </label> |
| 38 </div> | 38 </div> |
| 39 </div> | 39 </div> |
| 40 <div class="nav-wrapper"> | 40 <div class="nav-wrapper"> |
| 41 <button id="primary-button">$i18n{primaryButtonText}</button> | 41 <button id="primary-button">$i18n{primaryButtonText}</button> |
| 42 <button id="details-button" class="small-link">$i18n{openDetails}</button> | 42 <button id="details-button" class="small-link"> |
| 43 $i18n{openDetails} |
| 44 </button> |
| 43 </div> | 45 </div> |
| 44 <div id="details" class="hidden"> | 46 <div id="details" class="hidden"> |
| 45 <p i18n-values=".innerHTML:explanationParagraph"></p> | 47 <p>$i18nRaw{explanationParagraph}</p> |
| 46 <p i18n-values=".innerHTML:finalParagraph" id="final-paragraph"></p> | 48 <p id="final-paragraph">$i18nRaw{finalParagraph}</p> |
| 47 </div> | 49 </div> |
| 48 </div> | 50 </div> |
| 49 </body> | 51 </body> |
| 50 </html> | 52 </html> |
| OLD | NEW |