Home | History | Annotate | Download | only in resources 
      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="../../browser/resources/security_warnings/interstitial_v2.css">
      9   <link rel="stylesheet" href="neterror.css">
     10   <script src="neterror.js"></script>
     11   <script src="offline.js"></script>
     12 </head>
     13 <body id="t" i18n-values=".style.fontFamily:fontfamily">
     14   <div id="main-frame-error" class="interstitial-wrapper">
     15     <img class="icon"
     16         jseval="updateIconClass(this.classList, iconClass)">
     17     <div id="main-message">
     18       <h1 i18n-content="heading"></h1>
     19       <p i18n-values=".innerHTML:primaryParagraph"></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;">
     39       </div>
     40     </div>
     41      <!-- Outer and inner divs are needed both for margins and sizing. -->
     42     <div id="help-box-outer" class="hidden">
     43       <div id="details">
     44         <div jsselect="summary">
     45           <span jsvalues=".innerHTML:msg"></span>
     46         </div>
     47         <div class="suggestions" jsselect="suggestions">
     48           <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
     49           <div class="suggestion-body" jsvalues=".innerHTML:body"></div>
     50         </div>
     51         <button class="text-button" id="diagnose-button"
     52             onclick="diagnoseErrors()" jscontent="diagnose"
     53             jsdisplay="diagnose"></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>
     69       </div>
     70     </div>
     71   </div>
     72   <div id="sub-frame-error">
     73     <!-- Show details when hovering over the icon, in case the details are
     74          hidden because they're too large. -->
     75     <img class="icon" jseval="updateIconClass(this.classList, iconClass)"
     76         jsvalues=".title:errorDetails">
     77     <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div>
     78   </div>
     79 
     80   <div id="offline-resources">
     81     <div id="offline-resources-1x">
     82       <img id="1x-obstacle-large" src="default_100_percent/offline/100-obstacle-large-sprite.png">
     83       <img id="1x-obstacle-small" src="default_100_percent/offline/100-obstacle-small-sprite.png">
     84       <img id="1x-cloud" src="default_100_percent/offline/100-cloud.png">
     85       <img id="1x-text" src="default_100_percent/offline/100-text-sprite.png">
     86       <img id="1x-horizon" src="default_100_percent/offline/100-horizon.png">
     87       <img id="1x-trex" src="default_100_percent/offline/100-offline-trex.png">
     88       <img id="1x-restart" src="default_100_percent/offline/100-restart.png">
     89     </div>
     90     <div id="offline-resources-2x">
     91       <img id="2x-obstacle-large" src="default_200_percent/offline/200-obstacle-large-sprite.png">
     92       <img id="2x-obstacle-small" src="default_200_percent/offline/200-obstacle-small-sprite.png">
     93       <img id="2x-cloud" src="default_200_percent/offline/200-cloud.png">
     94       <img id="2x-text" src="default_200_percent/offline/200-text-sprite.png">
     95       <img id="2x-horizon" src="default_200_percent/offline/200-horizon.png">
     96       <img id="2x-trex" src="default_200_percent/offline/200-offline-trex.png">
     97       <img id="2x-restart" src="default_200_percent/offline/200-restart.png">
     98     </div>
     99     <template id="audio-resources">
    100       <audio id="offline-sound-press" src="sounds/button-press.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>
    103     </template>
    104   </div>
    105 </body>
    106 </html>
    107