From 57dc1ef7a63f8c05e6d4369dbcd8eb0e51f40a64 Mon Sep 17 00:00:00 2001
From: Hao Chen
Date: Sun, 19 May 2019 17:40:47 -0500
Subject: UI changes

---
 templates/index.html | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

(limited to 'templates/index.html')

diff --git a/templates/index.html b/templates/index.html
index b94853e..f5b6aea 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,16 +4,36 @@
 
 <h3> <u>R</u>elationship  with <u>A</u>ddiction <u>T</u>hrough <u>S</u>earches of <u>Pub</u>Med </span></a>
 </h3>
- 
 
-	This app searches PubMed to find <i>sentences</i> that contain the query terms (e.g., gene symbols) and  <a href="https://github.com/chen42/RatsPub/blob/master/ratspub.py#L95-L129">keywords</a> related to drug addiction.
-<br> 
+<table>
+	<tr><td >
+<p>
+	RatsPub searches PubMed to find <i>sentences</i> that contain the query terms (i.e., gene symbols) and  <a href="https://github.com/chen42/RatsPub/blob/master/ratspub_keywords.py">drug addiction-related keywords</a>.  These gene-keyword relationships are presented as an interactive graph that can efficiently  answer the question <b>"What do we know about these genes and addiction?" </b>
+
+<p> In addition, clicking gene names in the graph will launch a new search for sentences containing the target gene and 200 addiction-related genes. These results help to answer the question <b>"Are there  genes that can link my gene of interest to addiction?"  </b>
+		</td>
+		<td >
+			<div class='img'><img src="/static/ratspub.png" class="img-fluid">
+		</td></tr>
+		<tr><td colspan=2>
+
+	Up to 100 gene symbols can be searched at a time. Gene symbols can be separated by either a space or a semicolon.  Gene alias will <i>not</i> be automatically included because the large number of false matches associated with gene synonyms retrieved from databases. 
+			</td></tr></table>
+
 	<p>
+	<b>Example</b>: Rgma Nrxn3; Chrna3
+
+<br> 
     <form action="/progress">
-      <input name="query" class="form-control form-control-lg" type="search" placeholder="Rgma Nrxn3" aria-label="search" value="">
-      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
-    </form>
+	<textarea name="query" class="form-control form-control-lg" type="search" row="3" id="searchform">
+	</textarea>
+  <div class="form-group row">
+    <div class="col-sm-10">
+      <button type="submit" class="btn btn-primary">Submit</button>
+    </div>
+  </div>
 
+    </form>
 {% endblock %}
 
 
-- 
cgit v1.2.3