From: Justin Kruger <20767264@student.uwa.edu.au>
Date: Sat, 12 Oct 2013 11:12:12 +0000 (+0800)
Subject: Added data download page and help page (plus test files)
X-Git-Url: https://git.ucc.asn.au/?a=commitdiff_plain;h=53c04ad0c9cfdf6fbebd7efbc829b9da3e22921e;hp=--cc;p=matches%2FMCTX3420.git

Added data download page and help page (plus test files)

Help page is basically complete and just links to the wiki. Data
download page is kind of working, depends how/where we're actually going
to store experiment data. Folder of dummy files in "current" is just for
testing the download functionality.
---

53c04ad0c9cfdf6fbebd7efbc829b9da3e22921e
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..41b9e86
--- /dev/null
+++ b/testing/MCTXWeb/public_html/data-Justin.html
@@ -0,0 +1,265 @@
+<!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">
+      <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>
+    <!-- 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..6e87375
--- /dev/null
+++ b/testing/MCTXWeb/public_html/help-Justin.html
@@ -0,0 +1,182 @@
+<!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">
+      <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">Help Documentation</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>
+    <!-- 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>