From: Jeremy Tan <jtanx@users.noreply.github.com>
Date: Sat, 12 Oct 2013 12:36:11 +0000 (-0700)
Subject: Merge pull request #57 from justinjessada/master
X-Git-Url: https://git.ucc.asn.au/?a=commitdiff_plain;h=19cc49b1f4ff49bffd401d689b35bfc6e6ac12b3;hp=6f7034fea05d88dcf5a6b06c028b283922575b2a;p=matches%2FMCTX3420.git

Merge pull request #57 from justinjessada/master

Added data download page and help page (plus dummy files)
---

diff --git a/testing/MCTXWeb/public_html/current/Graph1.png b/testing/MCTXWeb/public_html/current/Graph1.png
new file mode 100644
index 0000000..c8484b6
Binary files /dev/null and b/testing/MCTXWeb/public_html/current/Graph1.png differ
diff --git a/testing/MCTXWeb/public_html/current/Graph2.png b/testing/MCTXWeb/public_html/current/Graph2.png
new file mode 100644
index 0000000..9c73eb3
Binary files /dev/null and b/testing/MCTXWeb/public_html/current/Graph2.png differ
diff --git a/testing/MCTXWeb/public_html/current/Graph3.png b/testing/MCTXWeb/public_html/current/Graph3.png
new file mode 100644
index 0000000..6948a84
Binary files /dev/null and b/testing/MCTXWeb/public_html/current/Graph3.png differ
diff --git a/testing/MCTXWeb/public_html/current/Graph4.png b/testing/MCTXWeb/public_html/current/Graph4.png
new file mode 100644
index 0000000..26e9fd4
Binary files /dev/null and b/testing/MCTXWeb/public_html/current/Graph4.png differ
diff --git a/testing/MCTXWeb/public_html/current/Graph5.png b/testing/MCTXWeb/public_html/current/Graph5.png
new file mode 100644
index 0000000..2e36c98
Binary files /dev/null and b/testing/MCTXWeb/public_html/current/Graph5.png differ
diff --git a/testing/MCTXWeb/public_html/current/Graph6.png b/testing/MCTXWeb/public_html/current/Graph6.png
new file mode 100644
index 0000000..86fa22a
Binary files /dev/null and b/testing/MCTXWeb/public_html/current/Graph6.png differ
diff --git a/testing/MCTXWeb/public_html/current/all.zip b/testing/MCTXWeb/public_html/current/all.zip
new file mode 100644
index 0000000..a12e55d
Binary files /dev/null and b/testing/MCTXWeb/public_html/current/all.zip differ
diff --git a/testing/MCTXWeb/public_html/current/dummy files to test download functionality.txt b/testing/MCTXWeb/public_html/current/dummy files to test download functionality.txt
new file mode 100644
index 0000000..e69de29
diff --git a/testing/MCTXWeb/public_html/current/nograph.png b/testing/MCTXWeb/public_html/current/nograph.png
new file mode 100644
index 0000000..018ba56
Binary files /dev/null and b/testing/MCTXWeb/public_html/current/nograph.png differ
diff --git a/testing/MCTXWeb/public_html/current/pressure1 b/testing/MCTXWeb/public_html/current/pressure1
new file mode 100644
index 0000000..380f4ae
--- /dev/null
+++ b/testing/MCTXWeb/public_html/current/pressure1
@@ -0,0 +1,2 @@
+Would we be able to put files - like stream into the public - mctxweb file so that the cover page can access the file. 
+wasnt too sure how to go back files without going all the way back to my local filesystem
diff --git a/testing/MCTXWeb/public_html/current/pressure2 b/testing/MCTXWeb/public_html/current/pressure2
new file mode 100644
index 0000000..380f4ae
--- /dev/null
+++ b/testing/MCTXWeb/public_html/current/pressure2
@@ -0,0 +1,2 @@
+Would we be able to put files - like stream into the public - mctxweb file so that the cover page can access the file. 
+wasnt too sure how to go back files without going all the way back to my local filesystem
diff --git a/testing/MCTXWeb/public_html/current/strain1 b/testing/MCTXWeb/public_html/current/strain1
new file mode 100644
index 0000000..380f4ae
--- /dev/null
+++ b/testing/MCTXWeb/public_html/current/strain1
@@ -0,0 +1,2 @@
+Would we be able to put files - like stream into the public - mctxweb file so that the cover page can access the file. 
+wasnt too sure how to go back files without going all the way back to my local filesystem
diff --git a/testing/MCTXWeb/public_html/current/strain2 b/testing/MCTXWeb/public_html/current/strain2
new file mode 100644
index 0000000..380f4ae
--- /dev/null
+++ b/testing/MCTXWeb/public_html/current/strain2
@@ -0,0 +1,2 @@
+Would we be able to put files - like stream into the public - mctxweb file so that the cover page can access the file. 
+wasnt too sure how to go back files without going all the way back to my local filesystem
diff --git a/testing/MCTXWeb/public_html/current/strain3 b/testing/MCTXWeb/public_html/current/strain3
new file mode 100644
index 0000000..380f4ae
--- /dev/null
+++ b/testing/MCTXWeb/public_html/current/strain3
@@ -0,0 +1,2 @@
+Would we be able to put files - like stream into the public - mctxweb file so that the cover page can access the file. 
+wasnt too sure how to go back files without going all the way back to my local filesystem
diff --git a/testing/MCTXWeb/public_html/current/strain4 b/testing/MCTXWeb/public_html/current/strain4
new file mode 100644
index 0000000..380f4ae
--- /dev/null
+++ b/testing/MCTXWeb/public_html/current/strain4
@@ -0,0 +1,2 @@
+Would we be able to put files - like stream into the public - mctxweb file so that the cover page can access the file. 
+wasnt too sure how to go back files without going all the way back to my local filesystem
diff --git a/testing/MCTXWeb/public_html/data-Justin.html b/testing/MCTXWeb/public_html/data-Justin.html
new file mode 100644
index 0000000..970bc42
--- /dev/null
+++ b/testing/MCTXWeb/public_html/data-Justin.html
@@ -0,0 +1,267 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+
+<!--Current Experiment section is pretty much working, still working out the previous experiments bit-->
+<!--Basically, the download links and graph links automatically update depending on what is selected in the drop-down menus-->
+<!--Some dodgy javascript is involved but it sort of works-->
+<!--The HTML5 "download" attribute is used to force downloads, but that's not compatible with IE (it just views the files in IE)-->
+<html>
+  <head>
+    <title>MCTX3420 Web Interface</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <!--[if lte IE 8]>
+      <script language="javascript" type="text/javascript" src="static/excanvas.min.js"></script>
+    <![endif]-->
+    <script type="text/javascript" src="static/jquery-1.10.1.min.js"></script>
+    <script type="text/javascript" src="static/jquery.flot.min.js"></script>
+    <script type="text/javascript" src="static/mctx.gui.js"></script>
+    
+    <link rel="stylesheet" type="text/css" href="static/style.css">
+    <link rel="stylesheet" type="text/css" href="static/nav-menu.css">
+    <script type="text/javascript">
+      runBeforeLoad().done(function () {
+        $(document).ready(function () {
+         //Show the content!
+         $("#content").css("display", "block");
+         //Set the welcome bar
+         var name = " " + (mctx.friendlyName ? mctx.friendlyName : "");
+         $("#welcome-container").text("Welcome"+ name + "!");
+         $("#logout-container").css("display", "block");
+         //$("#menu-container").populateNavbar();
+
+         $("#logout").click(function () {
+           $("#logout").logout();
+         });
+
+         $("#main_controls").submit(function () {
+           //Validate!
+           return false;
+         });
+
+         $("#errorlog").setErrorLog();
+       });       
+      })
+	  
+	<!--function to load appropriate graph image depending on drop-down menu--> 
+	function graphLoad(graphid,folder,newgraph)	{
+		document.getElementById(graphid).src = folder + "/" + newgraph + ".png";
+	}
+	<!--function to load appropriate graph image depending on drop-down menu--> 
+	function graphLoad2(graphid,newgraph)	{
+		var exp = document.getElementById("expselect").value;
+		document.getElementById(graphid).src = exp + "/" + newgraph + ".png";
+	}
+	<!--function to create appropriate experiment links depending on drop-down menu--> 
+	function expLoad(expclass,folder,newlink) {
+		var elems = document.getElementsByClassName(expclass);
+		for (i=0;i<elems.length;i++){
+			var elem = elems[i];
+			elem.href = folder+"/"+newlink;
+		}
+	}	
+	<!--function to update experiment links links depending on drop-down menu--> 
+	function expLoadTotal(folder){
+		expLoad('s1',folder,'strain1');
+		expLoad('s2',folder,'strain2');
+		expLoad('s3',folder,'strain3');
+		expLoad('s4',folder,'strain4');
+		expLoad('p1',folder,'pressure1');
+		expLoad('p2',folder,'pressure2');
+		expLoad('d',folder,'all.zip');
+	}
+    </script>
+  </head>
+  
+  <body>
+    <div id="header-wrap">
+      <div id="header">
+        <div id="leftnav">
+          <a href="http://www.uwa.edu.au/" target="_blank">
+            <img alt = "The University of Western Australia"
+            src="static/uwacrest-text.png">
+          </a>
+          <span id="title">Exploding Cans</span>
+        </div>
+        <div id="rightnav">
+          <span id="welcome-container">
+          </span>
+          <span id="date">
+            <script type="text/javascript">getDate();</script>
+          </span>
+          <div id="logout-container">
+            <form action="#">
+              <div>
+                <input type="button" id="logout" value="Logout">
+              </div>
+            </form>
+          </div>
+        </div>
+        <div class="clear"></div>
+      </div>
+    </div>
+    <!-- End header -->
+    
+    <noscript>
+      <div class="widget centre">
+        <div class="title">JavaScript required</div>
+        This website requires JavaScript to function correctly.
+        Please enable JavaScript to use this site.
+      </div>
+    </noscript>
+    
+    <div id="content">
+      <div id="sidebar">
+        <div class="widget">
+          <div class="title">Navigation menu</div>
+          <div class="nav-menu">
+          <ul>
+             <li><a href="index.html"><span>Home</span></a></li>
+             <li><a href="control.html"><span>Experiment control</span></a></li>
+             <li><a href="pintest.html"><span>Pin debugging</span></a></li>
+             <li class="last"><a href="#"><span>Help</span></a></li>
+          </ul>
+          </div>
+        </div>
+        <div class="widget">
+          <div class="title">Help</div>
+          
+        </div>
+      </div>
+      <!-- End sidebar -->
+
+      <div id="main">
+        <div class="widget">
+          <div class="title">Experiment Data</div>
+          <b>Current Experiment</b>
+            <table>
+              <tr>
+				<!--I have no idea how we'll end up storing all the experiment data on the Beaglebone so these currently just link to a bunch of dummy files-->
+                <td>View Sensor Data</td>
+				<td></td>
+                <td><a href="current/strain1">Strain 1</a></td>
+				<td><a href="current/strain2">Strain 2</a></td>
+				<td><a href="current/strain3">Strain 3</a></td>
+				<td><a href="current/strain4">Strain 4</a></td>
+				<td><a href="current/pressure1">Pressure 1</a></td>
+				<td><a href="current/pressure2">Pressure 2</a></td>
+              </tr>
+			  <tr>
+				<!--uses the download attribute to force downloads, only compatible with some browsers. Other users will just have to right-click and Save File As-->
+                <td>Save Sensor Data</td>
+				<td><a href="current/all.zip" download><input type="button" value="Download All"></a></td>
+                <td><a href="current/strain1" download><input type="button" value="Strain 1"></a></td>
+                <td><a href="current/strain2" download><input type="button" value="Strain 2"></a></td>
+                <td><a href="current/strain3" download><input type="button" value="Strain 3"></a></td>
+				<td><a href="current/strain4" download><input type="button" value="Strain 4"></a></td>
+				<td><a href="current/pressure1" download><input type="button" value="Pressure 1"></a></td>
+				<td><a href="current/pressure1" download><input type="button" value="Pressure 1"></a></td>
+              </tr>
+			  <tr>
+			    <!--not sure about how exactly we'll be linking to dilatometer or camera data yet-->
+			    <td>Dilatometer</td>
+				<td><a href="nowhere" download="nowhere"><input type="button" value="Download Data"></a></td>
+				<td><a href="nowhere">View Data</a></td>
+			  </tr>
+			  <tr>
+			    <td>Camera Data</td>
+				<td><a href="nowhere" download="nowhere"><input type="button" value="Download Data"></a></td>
+				<td><a href="nowhere">View Data</a></td>
+		      </tr>
+              <tr>
+			    <form>
+                <td>Graphs</td>
+                <td>
+					<select onChange="graphLoad('g1','current',this.value)">
+					<!--link this to graphs functionality, currently just loads a placeholder image-->
+					<!--graphs could just plot the data over entire time range of the experiment-->
+					<option value="nograph">Choose to view</option>
+					<option value="graph1">Strain 1</option>
+					<option value="graph2">Strain 2</option>
+					<option value="graph3">Strain 3</option>
+					<option value="graph4">Strain 4</option>
+					<option value="graph5">Pressure 1</option>
+					<option value="graph6">Pressure 2</option>
+					</select>
+                </td>
+				</form>
+              </tr>
+            </table>
+			<img src="current/nograph.png" id="g1">
+		  <p><b>Previous Experiments</b></p>
+            <table>
+			  <tr>
+			    <td>Select Experiment</td>
+				<td>
+				<!--Upon selecting experiment, modify all the download links-->
+				<!--TODO: prevent downloads of data if no experiment is selected-->
+				  <select id="expselect" onChange="expLoadTotal(this.value)">
+					<option value="current">Current</option>
+					<option value="exp1">Experiment 1</option>
+					<option value="exp2">Experiment 2</option>
+					<option value="exp3">Experiment 3</option>
+					<option value="exp4">Experiment 4</option>
+					<option value="exp5">Experiment 5</option>
+				  </select>				  
+				</td>
+			  </tr>
+			  <tr>
+			    <td>Experiment Date</td>
+				<!--Lookup the experiment date here for identification purposes-->
+				<td><b>DATE LOOKUP</b></td>
+			  </tr>
+              <tr>
+                <td>View Sensor Data</td>
+				<td></td>
+                <td><a href="current/strain1" class="s1">Strain 1</a></td>
+				<td><a href="current/strain2" class="s2">Strain 2</a></td>
+				<td><a href="current/strain3" class="s3">Strain 3</a></td>
+				<td><a href="current/strain4" class="s4">Strain 4</a></td>
+				<td><a href="current/pressure1" class="p1">Pressure 1</a></td>
+				<td><a href="current/pressure2" class="p2">Pressure 2</a></td>
+              </tr>
+			  <tr>
+                <td>Save Sensor Data</td>
+				<td><a href="current/all.zip" download class="d"><input type="button" value="Download All"></a></td>
+                <td><a href="current/strain1" download class="s1"><input type="button" value="Strain 1"></a></td>
+                <td><a href="current/strain2" download class="s2"><input type="button" value="Strain 2"></a></td>
+                <td><a href="current/strain3" download class="s3"><input type="button" value="Strain 3"></a></td>
+				<td><a href="current/strain4" download class="s4"><input type="button" value="Strain 4"></a></td>
+				<td><a href="current/pressure1" download class="p1"><input type="button" value="Pressure 1"></a></td>
+				<td><a href="current/pressure2" download class="p2"><input type="button" value="Pressure 1"></a></td>
+              </tr>
+			  <tr>
+			    <!--not sure about how exactly we'll be linking to dilatometer or camera data yet-->
+			    <td>Dilatometer</td>
+				<td><a href="nowhere" download="nowhere"><input type="button" value="Download Data"></a></td>
+				<td><a href="nowhere">View Data</a></td>
+			  </tr>
+			  <tr>
+			    <td>Camera Data</td>
+				<td><a href="nowhere" download="nowhere"><input type="button" value="Download Data"></a></td>
+				<td><a href="nowhere">View Data</a></td>
+		      </tr>
+			    <form>
+                <td>Graphs</td>
+                <td>
+					<select onChange="graphLoad2('g2',this.value)">
+					<!--link this to graphs functionality, currently just loads a placeholder image-->
+					<!--graphs could just plot the data over entire time range of the experiment-->
+					<option value="nograph">Choose to view</option>
+					<option value="graph1">Strain 1</option>
+					<option value="graph2">Strain 2</option>
+					<option value="graph3">Strain 3</option>
+					<option value="graph4">Strain 4</option>
+					<option value="graph5">Pressure 1</option>
+					<option value="graph6">Pressure 2</option>
+					</select>
+                </td>
+				</form>
+			  </tr>
+            </table>
+			<img src="current/nograph.png" id="g2">
+        </div>
+      </div>
+      <!-- End main content -->
+      
+    </div>
+  </body>
+</html>
diff --git a/testing/MCTXWeb/public_html/help-Justin.html b/testing/MCTXWeb/public_html/help-Justin.html
new file mode 100644
index 0000000..03e1518
--- /dev/null
+++ b/testing/MCTXWeb/public_html/help-Justin.html
@@ -0,0 +1,184 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+  <head>
+    <title>MCTX3420 Web Interface</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <script type="text/javascript" src="static/jquery-1.10.1.min.js"></script>
+    <script type="text/javascript" src="static/mctx.gui.js"></script>
+    
+    <link rel="stylesheet" type="text/css" href="static/style.css">
+    <link rel="stylesheet" type="text/css" href="static/nav-menu.css">
+    <script type="text/javascript">
+	  runBeforeLoad().done(function () {
+        $(document).ready(function () {
+         //Show the content!
+         $("#content").css("display", "block");
+         //Set the welcome bar
+         var name = " " + (mctx.friendlyName ? mctx.friendlyName : "");
+         $("#welcome-container").text("Welcome"+ name + "!");
+         $("#logout-container").css("display", "block");
+         //$("#menu-container").populateNavbar();
+
+         $("#logout").click(function () {
+           $("#logout").logout();
+         });
+
+         $("#main_controls").submit(function () {
+           //Validate!
+           return false;
+         });
+
+         $("#errorlog").setErrorLog();
+       });       
+      })
+
+    </script>
+  </head>
+  
+  <body>
+    <div id="header-wrap">
+      <div id="header">
+        <div id="leftnav">
+          <a href="http://www.uwa.edu.au/" target="_blank">
+            <img alt = "The University of Western Australia"
+            src="static/uwacrest-text.png">
+          </a>
+          <span id="title">Exploding Cans</span>
+        </div>
+        <div id="rightnav">
+          <span id="welcome-container">
+          </span>
+          <span id="date">
+            <script type="text/javascript">getDate();</script>
+          </span>
+          <div id="logout-container">
+            <form action="#">
+              <div>
+                <input type="button" id="logout" value="Logout">
+              </div>
+            </form>
+          </div>
+        </div>
+        <div class="clear"></div>
+      </div>
+    </div>
+    <!-- End header -->
+    
+    <div id="content">
+      <div id="sidebar">
+        <div class="widget">
+          <div class="title">Navigation menu</div>
+          <div class="nav-menu">
+          <ul>
+             <li><a href="index.html"><span>Home</span></a></li>
+             <li><a href="control.html"><span>Experiment control</span></a></li>
+             <li><a href="pintest.html"><span>Pin debugging</span></a></li>
+             <li class="last"><a href="#"><span>Help</span></a></li>
+          </ul>
+          </div>
+        </div>
+        <div class="widget">
+          <div class="title">Tutorials</div>
+          <p align="justify">For general information on using the MCTX project web interface (i.e. this webpage!) see the <b>'Tutorials'</b> section.
+		  This will guide you through setting up, running and analysing an experiment with basic tutorials and explanation of the possible options.</p>
+        </div>
+        <div class="widget">
+          <div class="title">Experiment Hardware</div>
+          <p align="justify">For detailed technical information about the experiment hardware, including system diagrams, datasheets and run-downs of the components,
+		  see the <b>'Hardware'</b> section.</p>
+        </div>
+        <div class="widget">
+          <div class="title">Experiment Software</div>
+          <p align="justify">For detailed technical information about the experiment software, including explanations of its structure, functions and so on, see the
+		  <b>'Software'</b> section. Actual code can be accessed on the project's GitHub: <a href="https://github.com/szmoore/MCTX3420">MCTX3420</a>.</p>
+        </div>
+        <div class="widget">
+          <div class="title">Contact</div>
+          <p align="justify">If you would like more information about the project or require additional assistance, please contact:</p>
+          <p><b>Adrian Keating</p>
+		  <p>Adam Wittek</b></p>
+        </div>
+      </div>
+      <!-- End sidebar -->
+
+      <div id="main">
+        <div class="widget">
+          <div class="title">Getting Started</div>
+		  <p align="justify">Welcome to the MCTX3420 project documentation! On this page, you will find help on how to use the project software, 
+		  as well as information about the various hardware components.</p>
+		  <p align="justify">For a basic introduction to using the experiment, see <b>'Tutorials'</b>.
+		  <a href="https://github.com/szmoore/MCTX3420/wiki/System-Overview" target="_blank">System overview</a> provides a general overview of the experiment's hardware, while 
+		  <a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-Web-Interface" target="_blank">Using the web interface</a> provides a tutorial on using the the project software.
+		  For detailed information about the experiment hardware, see the <b>'Hardware'</b> section. For detailed information about the project software, 
+		  see the <b>'Software'</b> section.</p>
+          <div class="sub-title">Tutorials</div>
+		  <ul>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/System-Overview" target="_blank">System overview</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-Web-Interface" target="_blank">Using the web interface</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-Run-an-Experiment" target="_blank">Running an experiment</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-View-Old-Experiments" target="_blank">Viewing previous experiments</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-Data-Processing" target="_blank">Data processing</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/System-Safety" target="_blank">System safety</a></li>
+		  </ul>
+		  <div class="sub-title">Hardware</div>
+		    <ul>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/System-Overview" target="_blank">System overview</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Electronics" target="_blank">Electronics</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-BeagleBone" target="_blank">BeagleBone</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Pneumatics" target="_blank">Pneumatics</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors" target="_blank">Sensors</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Mounting" target="_blank">Mounting</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Case" target="_blank">Case</a></li>
+	        </ul>
+		  <div class="sub-title">Software</div>
+		    <ul>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Overview" target="_blank">Software overview</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Browser-Interface" target="_blank">Browser interface</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Server-API" target="_blank">Server API</a></li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Server-Code" target="_blank">Server code</a>
+			  <ul>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Data-Handling" target="_blank">Data handling</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Sensors-&amp;-Actuators" target="_blank">Sensors and actuators</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Pin-Access" target="_blank">Pin access</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Image-Processing" target="_blank">Image processing</a></li>
+			  </ul>
+			</li>
+			<li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Terminology" target="_blank">Terminology</a></li>
+			</ul>
+        </div>
+
+        <div class="widget">
+          <div class="title">Project Wiki</div>
+		    <p>All of the project's help documentation is stored in its <a href="https://github.com/szmoore/MCTX3420/wiki" target="_blank">GitHub wiki.</a> This git repository also
+			stores all of the software code for the project; to access the project code files, visit <a href="https://github.com/szmoore/MCTX3420" target="_blank">this link</a>.</p>
+			<p>The following is a list of pages on the GitHub wiki (all of which can be accessed via the categories above):<p>
+			<ul>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-Data-Processing" target="_blank">Getting Started: Data Processing</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-Run-an-Experiment" target="_blank">Getting Started: Run an Experiment</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-View-Old-Experiments" target="_blank">Getting Started: View Old Experiments</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Getting-Started:-Web-Interface" target="_blank">Getting Started: Web Interface</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-BeagleBone" target="_blank">Hardware: BeagleBone</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Case" target="_blank">Hardware: Case</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Electronics" target="_blank">Hardware: Electronics</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Mounting" target="_blank">Hardware: Mounting</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Pneumatics" target="_blank">Hardware: Pneumatics</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors" target="_blank">Hardware: Sensors</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki" target="_blank">Home</a>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Browser-Interface" target="_blank">Software: Browser Interface</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Data-Handling" target="_blank">Software: Data Handling</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Image-Processing" target="_blank">Software: Image Processing</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Overview" target="_blank">Software: Overview</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Pin-Access" target="_blank">Software: Pin Access</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Sensors-&amp;-Actuators" target="_blank">Software: Sensors &amp; Actuators</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Server-API" target="_blank">Software: Server API</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Server-Code" target="_blank">Software: Server Code</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/Software:-Terminology" target="_blank">Software: Terminology</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/System-Overview" target="_blank">System Overview</a></li>
+			  <li><a href="https://github.com/szmoore/MCTX3420/wiki/System-Safety" target="_blank">System Safety</a></li>
+		    </ul>
+        </div>
+      </div>
+      <!-- End main content -->
+    </div>
+  </body>
+</html>