index.html 2.39 KB
Newer Older
1 2 3 4 5 6 7
<!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">

8
    <title>CribJS Loader</title>
9 10 11 12 13 14 15 16 17 18 19
    <style>
      .loader{
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 64px;
        height: 64px;
        z-index:9999;
        animation: spin 1s linear infinite;
        -webkit-animation: spin 1s linear infinite;
      }
20 21 22 23 24 25 26 27 28 29 30
      .intro{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 30em
      }
      .intro ul{
        display: table;
        margin: 0 auto;
        text-align: left;
      }
31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
      @-webkit-keyframes spin {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
      }

      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      header{
        background-color:#085078;
        color: #f8fff3;
        padding: 0.6em;
      }
      .main {
        padding-top: 11%;
      }
    </style>
49 50 51 52
    <script src="rsvp.js"></script>
    <script src="renderjs.js"></script>
    <script src="jiodev.js"></script>
    <script src="jszip.js" type="text/javascript"></script>
53
    <script src="./landing.js"></script>
54 55
  </head>
  <body>
56 57 58
    <center>
      <header> CribJS Bootloader </header>
      <div class="main">
59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
        <div class="intro">
          <h1>CribJS: freedom in your browser</h1>
          <p>Developed to bring the free software idea to the web,
            CribJS is a pure serverless HTML5 Sandbox.</p>
          <p>Running in your browser, it works offline without extension and without server. You can modify it, extend it and share it as you will.</p>
          <ul>
            <li>Test Web Apps without a server and modify them.</li>
            <li>Add your own editor.</li>
            <li>Teach HTML5 at no costs</li>
            <li>Change this completely.</li>
          </ul>
          <p>As in any good sandbox, your imagination it the limit.</p>
          <p>Do what you want, it's your place in the Web. It's freedom in your browser.</p>
        </div>
        <div class="app-name"> <h1> Preparing CribJS</h1></div>
74
        <div class="loader"></div>
75
      </div>
76 77
    </center>
    <div class="storage-access" style="display:none;"></div>
78
  </body>
79
</html>