aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHao Chen2019-05-13 11:52:24 -0500
committerHao Chen2019-05-13 11:52:24 -0500
commit4931c70884c7aa7bb3d4fba927597a2f89b4c9b0 (patch)
treef390648ca6752526db04eadd60283783fed53001
parentd453c78f6d7e65667d8cbeabcdafd36ce1a9a475 (diff)
downloadgenecup-4931c70884c7aa7bb3d4fba927597a2f89b4c9b0.tar.gz
reorg page layout
-rwxr-xr-xserver.py6
-rw-r--r--static/style.css8
-rw-r--r--templates/index.html24
-rw-r--r--templates/layout.html23
-rw-r--r--templates/topAddictionGene.html8
5 files changed, 45 insertions, 24 deletions
diff --git a/server.py b/server.py
index 29aa66c..2cff990 100755
--- a/server.py
+++ b/server.py
@@ -14,6 +14,12 @@ app.config['SECRET_KEY'] = '#DtfrL98G5t1dC*4'
def root():
return render_template('index.html')
+@app.route("/about")
+def about():
+ return render_template('about.html')
+
+
+
@app.route('/progress')
def progress():
# only 1-6 terms are allowed
diff --git a/static/style.css b/static/style.css
index 509a2b7..867a753 100644
--- a/static/style.css
+++ b/static/style.css
@@ -7,20 +7,20 @@
a:link {
- color:grey ;
+ color: #097DC9;
}
/* A link that has been visited */
a:visited {
- color: grey;
+ color: #097DC9;
}
/* A link that is hovered on */
a:hover {
- color: blue;
+ color: #097DC9;
}
/* A link that is selected */
a:active {
- color: blue;
+ color: #097DC9;
}
diff --git a/templates/index.html b/templates/index.html
index 0771787..b94853e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,26 +1,18 @@
{% extends "layout.html" %}
{% block content %}
-<p>
-<br>
{{ message | safe }}
- <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>
- <br>
+
+<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.
- <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 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>
-
- <form action="/gene_gene">
- <input name="gene" class="form-control form-control-lg" type="search" placeholder="Rgma Nrxn3" aria-label="search" value="Nrxn1">
+ <p>
+ <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>
-
-<hr>
-<a href="https://github.com/chen42/ratspub"> Source code </a>
{% endblock %}
diff --git a/templates/layout.html b/templates/layout.html
index 43ebee0..08977c3 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -13,13 +13,30 @@
</head>
<body>
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
- <a class="navbar-brand" href="/">RatsPub:</br> <span style="font-size:small"> <u>R</u>elationship with <u>A</u>ddiction <u>T</u>hrough <u>S</u>earches of <u>Pub</u>Med </span></a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+ <a class="navbar-brand" href="/">RatsPub</a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
+
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <ul class="navbar-nav mr-auto">
+ <li class="nav-item active">
+ <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="/allTopGenes">Addiction Genes</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="/about">About</a>
+ </li>
+
+ </ul>
+ </div>
</nav>
+<br>
+
<div class="container">
{% block content %}{% endblock %}
</div>
diff --git a/templates/topAddictionGene.html b/templates/topAddictionGene.html
index 0608378..5709bba 100644
--- a/templates/topAddictionGene.html
+++ b/templates/topAddictionGene.html
@@ -1,8 +1,13 @@
{% extends "layout.html" %}
{% block content %}
-
+<h3> Top 150 addiction related genes </h3>
+<br>
+These genes are ranked by the number of PubMed abstracts that contain the name of the gene and one or more addiction related keyword.
+<hr>
+
+<ol>
<li><a href="/showTopGene?topGene=FOS">FOS</a><br>
<li><a href="/showTopGene?topGene=BDNF">BDNF</a><br>
@@ -154,5 +159,6 @@
<li><a href="/showTopGene?topGene=GRM7">GRM7</a><br>
<li><a href="/showTopGene?topGene=GRIA2">GRIA2</a><br>
<li><a href="/showTopGene?topGene=DNMT1">DNMT1</a><br>
+</ol>
{% endblock %}