warning message and style change

3 files changed, 32 insertions, 4 deletions

diff --git a/server.py b/server.py
index 804e0fc..457a8cd 100755
--- a/server.py
+++ b/server.py
@@ -22,7 +22,8 @@ def search():
     genes=genes.replace(";", " ")
     genes=genes.split()
     if len(genes)>=6:
-        return render_template('index.html')
+        message="<span class='text-danger'>Up to five terms can be searched at a time</span>"
+        return render_template('index.html', message=message)
     nodes=default_nodes
     edges=str()
     for  gene in genes:
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..509a2b7
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,26 @@
+#cy {
+	width: 80%;
+	height: 90%;
+	position: absolute;
+	left: 0px;
+}
+
+
+a:link {
+    color:grey ;
+}
+
+/* A link that has been visited */
+a:visited {
+    color: grey;
+}
+
+/* A link that is hovered on */
+a:hover {
+    color: blue;
+}
+
+/* A link that is selected */
+a:active {
+    color: blue;
+}
diff --git a/templates/index.html b/templates/index.html
index 011aa6f..6d50a63 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,16 +1,17 @@
 {% extends "layout.html" %}
 {% block content %}
 <p>
-
+<br>
+{{ message | safe }}
     <form action="/search">
       <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>
 	<br>
-	This app searches PubMed to find <i>sentences</i> that contain the query terms (e.g., gene symbols, <b>up to five are allowed per search</b>) and  <a href="https://github.com/chen42/RatsPub/blob/master/ratspub.py#L95-L129">keywords</a> related to drug addiction.
+	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.
 	<p>
 <br> 
-Searches are conducted through PubMed to get relevant PMIDs, which are then used to retrieve the abstracts from a <a href="https://dataguide.nlm.nih.gov/edirect/archive.html">local archive</a>. The relationships are presented as an interactive <a href="https://js.cytoscape.org" >cytoscape</a> graph. The nodes can be moved around to better reveal the connections.  Clicking on the links will bring up the corresponding sentences in a new browser window. 
+Searches are conducted through PubMed to get relevant PMIDs, which are then used to retrieve the abstracts from a <a href="https://dataguide.nlm.nih.gov/edirect/archive.html">local archive</a>. The gene-keyword relationships are presented as an interactive <a href="https://js.cytoscape.org" >cytoscape</a> graph. The nodes can be moved to better reveal the connections.  Tap on the links will bring up the corresponding sentences in a new browser window. 
 <p>
 <hr>
 <a href="https://github.com/chen42/ratspub"> Source code </a>