Update README and screenshots

README.md

@@ -9,9 +9,13 @@ View a [short video](https://www.youtube.com/watch?v=ucucQ_LtZ1g) of the interfa
 
 Read a summary on the <a href='http://drpowell.github.io/degust/'>Degust home page</a>.
 
-## Example Screenshot
+## Example Screenshots
 
-![Degust screenshot](screenshot-2.png)
+<a href="docs/images/screenshot-libsize.png"><img src="docs/images/screenshot-libsize.png" style="width: 200px;"/></a>
+<a href="docs/images/screenshot-mds.png"><img src="docs/images/screenshot-mds.png" style="width: 400px;"/></a>
+<br/>
+<a href="docs/images/screenshot-boxplot.png"><img src="docs/images/screenshot-boxplot.png" style="width: 200px;"/></a>
+<a href="docs/images/screenshot-mds3d.png"><img src="docs/images/screenshot-mds3d.png" style="width: 400px;"/></a>
 
 # FAQ
 

docs/index.html

@@ -40,6 +40,23 @@ <h2 id="project_tagline">Take the time to digest and appreciate your Differentia
 
     <!-- MAIN CONTENT -->
     <div id="main_content_wrap" class="outer">
+      <div style='position: absolute; left: 0;'>
+          <div>
+              <a href="images/screenshot-libsize.png"><img src="images/screenshot-libsize.png" style="width: 200px;"/></a>
+          </div>
+          <div>
+              <a href="images/screenshot-mds.png"><img src="images/screenshot-mds.png" style="width: 200px;"/></a>
+          </div>
+      </div>
+      <div style='position: absolute; right: 0;'>
+          <div>
+              <a href="images/screenshot-boxplot.png"><img src="images/screenshot-boxplot.png" style="width: 200px;"/></a>
+          </div>
+          <div>
+              <a href="images/screenshot-mds3d.png"><img src="images/screenshot-mds3d.png" style="width: 200px;"/></a>
+          </div>
+      </div>
+
       <section id="main_content" class="inner">
         <h1>Degust</h1>
         <p>An interactive web tool for visualising Differential Gene Expression data</p>