Merge pull request #2 from yamada-lab/develop

Addition of a help section on the functree explorer page

Author: omixer

functree/templates/about.html

@@ -10,7 +10,7 @@ <h2>{{title}}</h2>
 	    by Youssef Darzi (<a href="https://github.com/omixer" target="_blank">@omixer</a>), Yuta Yamate (<a href="https://github.com/yyuuta88" target="_blank">@yyuuta88</a>),
 	    and Takuji Yamada.
 	    </p>
-	    <p>Source code is available on <a href="https://github.com/yamada-lab/functree-ng" target="_blank">github</a></p>
+	    <p>Source code is available on <a href="https://github.com/yamada-lab/functree-ng" target="_blank">github.com/yamada-lab/functree-ng</a></p>
     </div>
     <h3>Publications</h3>
     <div>
@@ -25,6 +25,10 @@ <h3>Publications</h3>
     <hr />
     <h3>Change log</h3>
     <br />
+    <h5>Version 0.7.6.1 (2019-01-18)</h5>
+	<ul>
+		<li>Addition of a help section on the functree explorer page, and improvement of the main documentation.
+	</ul>
     <h5>Version 0.7.6 (2019-01-15)</h5>
 	<ul>
 		<li>Addition of a zoom control widget.

functree/templates/contact.html

@@ -6,9 +6,8 @@
 		<h2>{{title}}</h2>
 	</div>
 	<p>For questions, feedback or a request of a new functional
-		hierarchy please feel free to write us any time:</p>
+		hierarchy please get it touch on <a href="https://github.com/yamada-lab/functree-ng" target="_blank">GitHub project page</a> or feel free to write us any time:</p>
 	<ul class="list-unstyled">
-		<li>Youssef Darzi: <a href="mailto:darzi.y.aa@m.titech.ac.jp">darzi.y.aa@m.titech.ac.jp</a>
 		<li>Takuji Yamada: <a href="mailto:takuji@bio.titech.ac.jp">takuji@bio.titech.ac.jp</a>
 	</ul>
 </div>

functree/templates/functree.html

@@ -97,6 +97,16 @@ <h6>Max depth of tree</h6>
         </div>
     </div>
 </form>
+<h5><i class="fa fa-question-circle" aria-hidden="true"></i> Help <a id="help" href="#help-content" data-toggle="collapse"><i class="fa fa-caret-down" aria-hidden="true"></i></a></h5>
+<div id="help-content" class="collapse">
+The actions below are available for exploring the tree:
+	<ul>
+		<li><b>Mouse gestures</b> enable zooming (middle button) and panning (click + drag)</li>
+		<li><b>Click</b> on a node collapses or reveals its children nodes</li>
+		<li><b>Right-click</b> on a node offers these options: set as root, view details, copy to clipboard, or view in KEGG.</li>
+	</ul>
+</div>
+<hr>
 <form id="form-save-image" class="collapse in" action="{{ url_for('route_save_image') }}" method="POST" target="_blank">
     <input type="hidden" name="csrf_token" value="{{csrf_token()}}">
     <input type="hidden" name="svg" value="">