diff --git a/compiler/datasheet/server_scripts/templates/index.html b/compiler/datasheet/server_scripts/templates/index.html
index a2e3ec13..66720d67 100644
--- a/compiler/datasheet/server_scripts/templates/index.html
+++ b/compiler/datasheet/server_scripts/templates/index.html
@@ -2,24 +2,27 @@
 </ul>
     <link rel="stylesheet" href="static/index.css">
 
+    <button class="collapsible">files</button>
+    <div class="content">
 
-    {% for root, dir, files in os.walk(filedir) %}
+        {% for root, dir, files in os.walk(filedir) %}
     
 
-    <button class="collapsible">{{ root }}</button>
-    <div class="content">
-        {% for f in files %}
-        <button class="collapsible">{{ f }}</button>
+        <button class="collapsible">{{ root }}</button>
         <div class="content">
-            <p> file information </p> 
-         </div>
+            {% for f in files %}
+            <button class="collapsible">{{ f }}</button>
+            <div class="content">
+                <a href="{{ root }}/{{ f }}">link</a> 
+             </div>
+            {% endfor %}
+        </div>
+
+
         {% endfor %}
     </div>
 
 
-    {% endfor %}
-
-
     <script type="text/javascript">
         var coll = document.getElementsByClassName("collapsible");
         var i;