| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta http-equiv="x-ua-compatible" content="ie=edge" /> |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> |
| |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| <title>ChronoShare</title> |
| |
| <!-- Load styles --> |
| <link rel="stylesheet" href="style.css" type="text/css" /> |
| <script type="text/javascript" src="jquery.min.js"></script> |
| <script type="text/javascript" src="jquery.class.min.js"></script> |
| <script type="text/javascript" src="ndn-js-uncomp.js"></script> |
| </head> |
| |
| <body> |
| <header> |
| <h1>ChronoShare</h1> |
| <h2 id="folderName"></h2> |
| |
| <nav> |
| <ul> |
| <li><a class="needs-get-url" href="#fileList">File list</a></li> |
| <li><a class="needs-get-url" href="#folderHistory">Folder history</a></li> |
| </ul> |
| </nav> |
| </header> |
| |
| <article> |
| <!-- <img id="loader" src="load.gif" /> --> |
| <div id="content" class="hidden"> |
| </div> |
| |
| <div class="hidden" id="loader"> |
| <img src="load.gif" /> |
| </div> |
| |
| <red class="hidden" id="error"> |
| </red> |
| |
| <pre class="hidden" id="json"> |
| </pre> |
| |
| |
| |
| <div id="no-support"> |
| <!-- This block will be removed if jQuery has been loaded --> |
| <h1><green>Oops!</green></h1> |
| <h3><grey>It looks like you're using a browser that is <green>not supported</green>.</grey></h3> |
| </div> |
| </article> |
| |
| <footer> |
| <grey>Powered by </grey><a target="_blank" href="http://github.com/remap/ndn-js"><green>NDN.JS</green></a><grey>.</grey> |
| </footer> |
| |
| <script src="detect.js"></script> |
| <script type="text/javascript" src="chronoshare.js"></script> |
| <script type="text/javascript"> |
| $(window).ready (function () { |
| if (detect ()) { |
| $("#no-support").remove (); |
| $("#content").removeClass ("hidden"); |
| } |
| }); |
| </script> |
| </body> |
| </html> |