1 <!DOCTYPE html> 2 <html i18n-values="dir:textdirection;.style.fontSize:fontsize"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, 6 maximum-scale=1.0, user-scalable=no"> 7 <title i18n-content="title"></title> 8 <link rel="stylesheet" href="../security_warnings/interstitial_v2.css"> 9 <link rel="stylesheet" href="../../../renderer/resources/neterror.css"> 10 <script src="../../../../ui/webui/resources/js/util.js"></script> 11 <script src="neterror.js"></script> 12 <script src="../../../renderer/resources/offline.js"></script> 13 </head> 14 <body id="t" i18n-values=".style.fontFamily:fontfamily"> 15 <div id="main-frame-error" class="interstitial-wrapper"> 16 <img class="icon" 17 jseval="updateIconClass(this.classList, iconClass)"> 18 <div id="main-message"> 19 <h1 i18n-content="heading"></h1> 20 <p i18n-values=".innerHTML:primaryParagraph"></p> 21 <div id="buttons" class="nav-wrapper"> 22 <button id="reload-button" onclick="location = this.url" 23 jsselect="reload" jsvalues=".url:reloadUrl" 24 jscontent="msg"></button> 25 <button id="details-button" class="text-button small-link" 26 onclick="toggleHelpBox()" jsdisplay="more" 27 jsvalues=".moreText:more; .lessText:less;" 28 jscontent="more"></button> 29 </div> 30 </div> 31 <!-- Outer and inner divs are needed both for margins and sizing. --> 32 <div id="help-box-outer" class="hidden"> 33 <div id="details"> 34 <div jsselect="summary"> 35 <span jsvalues=".innerHTML:msg"></span> 36 </div> 37 <div class="suggestions" jsselect="suggestions"> 38 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> 39 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> 40 </div> 41 <button id="diagnose-button" onclick="diagnoseErrors()" 42 jscontent="diagnose" jsdisplay="diagnose"></button> 43 <div class="error-code" jscontent="errorCode"></div> 44 </div> 45 </div> 46 </div> 47 <div id="sub-frame-error"> 48 <!-- Show details when hovering over the icon, in case the details are 49 hidden because they're too large. --> 50 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" 51 jsvalues=".title:errorDetails"> 52 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> 53 </div> 54 <div id="offline-resources"> 55 <div id="offline-resources-1x"> 56 <img id="1x-obstacle-large" src="../../../renderer/resources/default_100_percent/offline/100-obstacle-large-sprite.png"> 57 <img id="1x-obstacle-small" src="../../../renderer/resources/default_100_percent/offline/100-obstacle-small-sprite.png"> 58 <img id="1x-cloud" src="../../../renderer/resources/default_100_percent/offline/100-cloud.png"> 59 <img id="1x-text" src="../../../renderer/resources/default_100_percent/offline/100-text-sprite.png"> 60 <img id="1x-horizon" src="../../../renderer/resources/default_100_percent/offline/100-horizon.png"> 61 <img id="1x-trex" src="../../../renderer/resources/default_100_percent/offline/100-offline-trex.png"> 62 <img id="1x-restart" src="../../../renderer/resources/default_100_percent/offline/100-restart.png"> 63 </div> 64 <div id="offline-resources-2x"> 65 <img id="2x-obstacle-large" src="../../../renderer/resources/default_200_percent/offline/200-obstacle-large-sprite.png"> 66 <img id="2x-obstacle-small" src="../../../renderer/resources/default_200_percent/offline/200-obstacle-small-sprite.png"> 67 <img id="2x-cloud" src="../../../renderer/resources/default_200_percent/offline/200-cloud.png"> 68 <img id="2x-text" src="../../../renderer/resources/default_200_percent/offline/200-text-sprite.png"> 69 <img id="2x-horizon" src="../../../renderer/resources/default_200_percent/offline/200-horizon.png"> 70 <img id="2x-trex" src="../../../renderer/resources/default_200_percent/offline/200-offline-trex.png"> 71 <img id="2x-restart" src="../../../renderer/resources/default_200_percent/offline/200-restart.png"> 72 </div> 73 <template id="audio-resources"> 74 <audio id="offline-sound-press" src="../../../renderer/resources/sounds/button-press.mp3"></audio> 75 <audio id="offline-sound-hit" src="../../../renderer/resources/sounds/hit.mp3"></audio> 76 <audio id="offline-sound-reached" src="../../../renderer/resources/sounds/score-reached.mp3"></audio> 77 </template> 78 </div> 79 </body> 80 </html> 81
