chrome/browser/resources/chromeos/offline_net_load.html

   1 <!doctype html>
   2 <html i18n-values="dir:textdirection;lang:language">
   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="chrome://resources/css/text_defaults.css">
   9   <link rel="stylesheet" href="../security_warnings/interstitial_v2.css">
  10   <link rel="stylesheet" href="../../../renderer/resources/neterror.css">
  11   <script src="../../../../ui/webui/resources/js/util.js"></script>
  12   <script src="neterror.js"></script>
  13   <script src="../../../renderer/resources/offline.js"></script>
  14 </head>
  15 <body id="t">
  16   <div id="main-frame-error" class="interstitial-wrapper">
  17     <img class="icon"
  18         jseval="updateIconClass(this.classList, iconClass)">
  19     <div id="main-message">
  20       <h1 i18n-content="heading"></h1>
  21       <p i18n-values=".innerHTML:primaryParagraph"></p>
  22       <div id="buttons" class="nav-wrapper suggested-right">
  23         <div id="control-buttons">
  24           <button id="reload-button" onclick="location = this.url"
  25               jsselect="reload" jsvalues=".url:reloadUrl"
  26               jscontent="msg"></button>
  27         </div>
  28         <button id="details-button" class="text-button small-link"
  29             onclick="toggleHelpBox()" jscontent="details"
  30             jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"
  31             jsdisplay="details"></button>
  32       </div>
  33     </div>
  34     <div id="details" class="hidden">
  35       <div jsselect="summary">
  36         <span jsvalues=".innerHTML:msg"></span>
  37       </div>
  38       <div class="suggestions" jsselect="suggestions">
  39         <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
  40         <div class="suggestion-body" jsvalues=".innerHTML:body"></div>
  41       </div>
  42       <button id="diagnose-button" onclick="diagnoseErrors()"
  43         jscontent="diagnose" jsdisplay="diagnose"></button>
  44       <div class="error-code" jscontent="errorCode"></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>