OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html i18n-values="dir:textdirection"> | 2 <html i18n-values="dir:textdirection;.style.fontSize:fontsize"> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, | 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, |
6 maximum-scale=1.0, user-scalable=no"> | 6 maximum-scale=1.0, user-scalable=no"> |
7 <title i18n-content="title"></title> | 7 <title i18n-content="title"></title> |
8 <link rel="stylesheet" href="../../browser/resources/security_warnings/interst
itial_v2.css"> | 8 <link rel="stylesheet" href="../../browser/resources/security_warnings/interst
itial_v2.css"> |
9 <link rel="stylesheet" href="neterror.css"> | 9 <link rel="stylesheet" href="neterror.css"> |
10 <script src="../../browser/resources/security_warnings/interstitial_v2_mobile.
js"></script> | |
11 <script src="neterror.js"></script> | 10 <script src="neterror.js"></script> |
12 <script src="offline.js"></script> | 11 <script src="offline.js"></script> |
13 </head> | 12 </head> |
14 <body id="t" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"
> | 13 <body id="t" i18n-values=".style.fontFamily:fontfamily"> |
15 <div id="main-frame-error" class="interstitial-wrapper"> | 14 <div id="main-frame-error" class="interstitial-wrapper"> |
16 <div id="main-content"> | 15 <img class="icon" |
17 <img class="icon" | 16 jseval="updateIconClass(this.classList, iconClass)"> |
18 jseval="updateIconClass(this.classList, iconClass)"> | 17 <div id="main-message"> |
19 <div id="main-message"> | 18 <h1 i18n-content="heading"></h1> |
20 <h1 i18n-content="heading"></h1> | 19 <p hidden></p> |
21 <p hidden></p> | 20 <div id="buttons" class="nav-wrapper"> |
| 21 <div id="control-buttons" hidden> |
| 22 <button id="reload-button" |
| 23 class="blue-button text-button" |
| 24 onclick="trackClick(this.trackingId); |
| 25 reloadButtonClick(this.url);" |
| 26 jsselect="reloadButton" |
| 27 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId" |
| 28 jscontent="msg"></button> |
| 29 <button id="stale-load-button" |
| 30 class="blue-button text-button" |
| 31 onclick="loadStaleButtonClick()" |
| 32 jsselect="staleLoadButton" |
| 33 jscontent="msg" jsvalues="title:title"></button> |
| 34 </div> |
| 35 <button id="details-button" class="text-button small-link" |
| 36 onclick="detailsButtonClick(); toggleHelpBox()" |
| 37 jsdisplay="details" jscontent="details" |
| 38 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"> |
22 </div> | 39 </div> |
23 </div> | 40 </div> |
24 <div id="buttons" class="nav-wrapper"> | 41 <!-- Outer and inner divs are needed both for margins and sizing. --> |
25 <div id="control-buttons" hidden> | 42 <div id="help-box-outer" class="hidden"> |
26 <button id="reload-button" | 43 <div id="details"> |
27 class="blue-button text-button" | 44 <div jsselect="summary"> |
28 onclick="trackClick(this.trackingId); | 45 <span jsvalues=".innerHTML:msg"></span> |
29 reloadButtonClick(this.url);" | 46 </div> |
30 jsselect="reloadButton" | 47 <div class="suggestions" jsselect="suggestions"> |
31 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId" | 48 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> |
32 jscontent="msg"></button> | 49 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> |
33 <button id="stale-load-button" | 50 </div> |
34 class="blue-button text-button" | 51 <button class="text-button" id="diagnose-button" |
35 onclick="loadStaleButtonClick()" | 52 onclick="diagnoseErrors()" jscontent="diagnose" |
36 jsselect="staleLoadButton" | 53 jsdisplay="diagnose"></button> |
37 jscontent="msg" jsvalues="title:title"></button> | 54 <div id="diagnose-frame" class="hidden"></div> |
| 55 <form class="suggestions" jsdisplay="searchUrl" |
| 56 jsvalues=".url:searchUrl; .trackingId:searchTrackingId" |
| 57 onsubmit="trackClick(this.trackingId); return search(this.url);"> |
| 58 <div class="suggestion-header" jscontent="searchHeader"></div> |
| 59 <div id="search-container"> |
| 60 <input type="text" name="q" id="search-box" |
| 61 jsvalues=".value:searchTerms" /> |
| 62 <button type="submit" id="search-button" class="blue-button" |
| 63 jsvalues="aria-label:searchHeader"> |
| 64 <img id="search-image"> |
| 65 </button> |
| 66 </div> |
| 67 </form> |
| 68 <div class="error-code" jscontent="errorCode"></div> |
38 </div> | 69 </div> |
39 <button id="details-button" class="text-button small-link" | |
40 onclick="detailsButtonClick(); toggleHelpBox()" | |
41 jsdisplay="details" jscontent="details" | |
42 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"></button
> | |
43 </div> | |
44 <div id="details" class="hidden"> | |
45 <div jsselect="summary"> | |
46 <span jsvalues=".innerHTML:msg"></span> | |
47 </div> | |
48 <div class="suggestions" jsselect="suggestions"> | |
49 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> | |
50 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> | |
51 </div> | |
52 <button class="text-button" id="diagnose-button" | |
53 onclick="diagnoseErrors()" jscontent="diagnose" | |
54 jsdisplay="diagnose"></button> | |
55 <div id="diagnose-frame" class="hidden"></div> | |
56 <form class="suggestions" jsdisplay="searchUrl" | |
57 jsvalues=".url:searchUrl; .trackingId:searchTrackingId" | |
58 onsubmit="trackClick(this.trackingId); return search(this.url);"> | |
59 <div class="suggestion-header" jscontent="searchHeader"></div> | |
60 <div id="search-container"> | |
61 <input type="text" name="q" id="search-box" | |
62 jsvalues=".value:searchTerms" /> | |
63 <button type="submit" id="search-button" class="blue-button" | |
64 jsvalues="aria-label:searchHeader"> | |
65 <img id="search-image"> | |
66 </button> | |
67 </div> | |
68 </form> | |
69 <div class="error-code" jscontent="errorCode"></div> | |
70 </div> | 70 </div> |
71 </div> | 71 </div> |
72 <div id="sub-frame-error"> | 72 <div id="sub-frame-error"> |
73 <!-- Show details when hovering over the icon, in case the details are | 73 <!-- Show details when hovering over the icon, in case the details are |
74 hidden because they're too large. --> | 74 hidden because they're too large. --> |
75 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" | 75 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" |
76 jsvalues=".title:errorDetails"> | 76 jsvalues=".title:errorDetails"> |
77 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> | 77 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> |
78 </div> | 78 </div> |
79 | 79 |
(...skipping 17 matching lines...) Expand all Loading... |
97 <img id="2x-restart" src="default_200_percent/offline/200-restart.png"> | 97 <img id="2x-restart" src="default_200_percent/offline/200-restart.png"> |
98 </div> | 98 </div> |
99 <template id="audio-resources"> | 99 <template id="audio-resources"> |
100 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio> | 100 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio> |
101 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio> | 101 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio> |
102 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio> | 102 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio> |
103 </template> | 103 </template> |
104 </div> | 104 </div> |
105 </body> | 105 </body> |
106 </html> | 106 </html> |
OLD | NEW |