check
Change-Id: Ic15935035fd530425976228077aad3c6f7c560af
diff --git a/gui/html/index.html b/gui/html/index.html
index f372d2e..19f97ea 100644
--- a/gui/html/index.html
+++ b/gui/html/index.html
@@ -1,3 +1,97 @@
-<html>
-<h1>It works!</h1>
+
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>ChronoShare</title>
+
+ <!-- Load styles -->
+ <link href="http://fonts.googleapis.com/css?family=Rambla:400,700|Istok+Web:400,700" rel="stylesheet" type="text/css">
+ <link rel="stylesheet" type="text/css" href="style.css" />
+
+ <style type="text/css">
+ #prefixcontent, #linkcontent, #status, #nosupport { display: none; }
+
+ #nosupport h1 {
+ font-size: 300%;
+ }
+
+ #nosupport {
+ text-align: center;
+ display: none;
+ }
+
+ #continue {
+ cursor: pointer;
+ }
+ </style>
+</head>
+
+<body>
+ <script type="text/javascript">document.write('<div id="all">');</script>
+
+ <div id="contentwrapper">
+ <div id="header">
+ <div id="title">
+ <h1>NDN ·</span> <span id="grey">routing</span> <span id="green">status</span></h1>
+ </div>
+ <div id="navbar">
+ <ul>
+ <li>Shared Folder</li>
+ <li>History</li>
+ </ul>
+ </div>
+ </div>
+
+ <div id="wrap">
+ <div class="titles2"><p>Advertised Prefixes:</p></div>
+ <table id="box-table-a" class="one">
+ <thead>
+ <tr>
+ <th class="border_left" scope="col">Router</th>
+ <th scope="col">Timestamp</th>
+ <th scope="col">Prefix</th>
+ <th class="border_right" scope="col">Status</th>
+ </tr>
+ </thead>
+
+ <tbody>
+ </tbody>
+
+ <tfoot><tr><td colspan="4"></td></td></tfoot>
+ </table>
+
+ </div> <!-- "wrap" -->
+
+ </div> <!-- "contentwrapper" -->
+
+ <div id="leftcolumn"></div>
+ <div id="rightcolumn"></div>
+
+ <div id="prefixcontent"></div>
+ <div id="linkcontent"></div>
+
+ <div id="base">
+ <h3><span id="green">Generating</span><span id="grey"> & </span><span id="green">Retrieving</span><span id="grey"> Content</span></h3>
+ <img id="loader" src="load.gif" />
+ <h3><span id="grey">Powered by</span><span id="green"> NDN.JS</span><span id="grey">.</span></h3>
+ </div>
+
+ <div id="nosupport">
+ <h1><span id="green">Oops!</span></h1>
+ <h3><span id="grey">It looks like you're using a browser that is not <span id="green">supported</span>.</span></h3>
+ </div>
+
+ <script type="text/javascript">document.write('</div>');</script>
+
+ <!-- Load scripts at the bottom for efficiency -->
+ <script type="text/javascript" src="jquery.min.js"></script>
+ <script type="text/javascript" src="ndn-js.js"></script>
+ <script src="content.js"></script>
+ <script src="detect.js"></script>
+ <script type="text/javascript" src="chronoshare.js"></script>
+
+</body>
+
</html>
+
+