| <!doctype html> |
| <html i18n-values="dir:textdirection;lang:language"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, |
| maximum-scale=1.0, user-scalable=no"> |
| <title i18n-content="title"></title> |
| <link rel="stylesheet" href="../../../components/security_interstitials/core/browser/resources/interstitial_v2.css"> |
| <link rel="stylesheet" href="neterror.css"> |
| <script src="../../../components/security_interstitials/core/browser/resources/interstitial_v2_mobile.js"></script> |
| <script src="neterror.js"></script> |
| <script src="offline.js"></script> |
| </head> |
| <body id="t" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
| <div id="main-frame-error" class="interstitial-wrapper"> |
| <div id="main-content"> |
| <div class="icon" |
| jseval="updateIconClass(this.classList, iconClass)"></div> |
| <div id="main-message"> |
| <h1 i18n-content="heading"></h1> |
| <p hidden></p> |
| <div class="error-code" jscontent="errorCode"></div> |
| </div> |
| </div> |
| <div id="buttons" class="nav-wrapper"> |
| <div id="control-buttons" hidden> |
| <button id="reload-button" |
| class="blue-button text-button" |
| onclick="trackClick(this.trackingId); |
| reloadButtonClick(this.url);" |
| jsselect="reloadButton" |
| jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId" |
| jscontent="msg"></button> |
| <button id="show-saved-copy-button" |
| class="blue-button text-button" |
| onclick="showSavedCopyButtonClick()" |
| jsselect="showSavedCopyButton" |
| jscontent="msg" jsvalues="title:title; .primary:primary"> |
| </button> |
| </div> |
| <button id="details-button" class="text-button small-link" |
| onclick="detailsButtonClick(); toggleHelpBox()" |
| jsdisplay="details" jscontent="details" |
| jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"></button> |
| </div> |
| <div id="details" class="hidden"> |
| <div jsselect="summary"> |
| <span jsvalues=".innerHTML:msg"></span> |
| </div> |
| <div class="suggestions" jsselect="suggestions"> |
| <div class="suggestion-header" jsvalues=".innerHTML:header"></div> |
| <div class="suggestion-body" jsvalues=".innerHTML:body"></div> |
| </div> |
| <button class="text-button" id="diagnose-button" |
| onclick="diagnoseErrors()" jscontent="diagnose" |
| jsdisplay="diagnose"></button> |
| <div id="diagnose-frame" class="hidden"></div> |
| <form class="suggestions" jsdisplay="searchUrl" |
| jsvalues=".url:searchUrl; .trackingId:searchTrackingId" |
| onsubmit="trackClick(this.trackingId); return search(this.url);"> |
| <div class="suggestion-header" jscontent="searchHeader"></div> |
| <div id="search-container"> |
| <input type="text" name="q" id="search-box" |
| jsvalues=".value:searchTerms" /> |
| <button type="submit" id="search-button" class="blue-button" |
| jsvalues="aria-label:searchHeader"> |
| <img id="search-image"> |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
| <div id="sub-frame-error"> |
| <!-- Show details when hovering over the icon, in case the details are |
| hidden because they're too large. --> |
| <img class="icon" jseval="updateIconClass(this.classList, iconClass)" |
| jsvalues=".title:errorDetails"> |
| <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> |
| </div> |
| |
| <div id="offline-resources"> |
| <img id="offline-resources-1x" src="default_100_percent/offline/100-offline-sprite.png"> |
| <img id="offline-resources-2x" src="default_200_percent/offline/200-offline-sprite.png"> |
| <template id="audio-resources"> |
| <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio> |
| <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio> |
| <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio> |
| </template> |
| </div> |
| </body> |
| </html> |