base.html 2.59 KB



<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">

    <title>Service worker demo</title>
  <script src="lib/sha256.js"></script>
  <script src="lib/sha256.amd.js"></script>
  <script src="lib/rsvp.js"></script>
  <script src="lib/jio-latest.js"></script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>

  <body>
    <h1>Free Web Initiative: Start your Website</h1>
    <p>You can start building this website by editing the content of the input here:</p>
    <ul>
      <li>First field: the path</li>
      <li>First field: mimetype</li>
      <li>First field: the content</li>
    </ul>
    <p>Have fun building the web :) <a href="todo.html">TODO</a></p>
    <div class="output">
      <div id="status"></div>

      <div id="commands" style="display: none">
        <h3>Edit</h3>
        <div>
          <label for="url">Resource URL:</label>
          <input id="url" type="text" size="50" value="test.html">
          <button id="get">Get from Cache</button>           
          <input id="mimetype" type="text" size="50" value="text/html">
        <div>
          <textarea id="information" cols="35" wrap="soft"></textarea>
        </div>
        <div>
          <button id="add">Add to Cache</button>
          <button id="delete">Delete from Cache</button>
        </div>
        <h3>Save</h3>
        <div>
          <label for="save-path">Save:</label>
          <input id="save-path" type="text" size="30" value="">
          <label for="save-id"> to:</label>
          <input id="save-id" type="text" size="30" value="cribjs">
          <button id="save-contents">Save Cache</button>
        </div>
        <h3>Load</h3>
        <div>
          <label for="load-id">Load :</label>
          <input id="load-id" type="text" size="30" value="cribjs">
          <label for="load-path"> to path:</label>
          <input id="load-path" type="text" size="30" value="cribeditor/v1.1">
          <button id="load-contents">Load Cache</button>
        </div>
        <h3>Mass removal</h3>
        <div>
          <textarea id="mass-remove-list" cols="35" wrap="soft"></textarea>
        </div>
        <div>
          <button id="mass-remove">Mass remove from Cache</button>
        </div>
        <h3>List Cache content</h3>
        <div>
          <button id="list-contents">List Cache Contents</button>
        </div>
        <ul id="contents"></ul>
      </div>
    </div>

    <script src="base.js"></script>
  </body>
</html>