diff options
author | Hao Chen | 2019-05-13 11:52:24 -0500 |
---|---|---|
committer | Hao Chen | 2019-05-13 11:52:24 -0500 |
commit | 4931c70884c7aa7bb3d4fba927597a2f89b4c9b0 (patch) | |
tree | f390648ca6752526db04eadd60283783fed53001 | |
parent | d453c78f6d7e65667d8cbeabcdafd36ce1a9a475 (diff) | |
download | genecup-4931c70884c7aa7bb3d4fba927597a2f89b4c9b0.tar.gz |
reorg page layout
-rwxr-xr-x | server.py | 6 | ||||
-rw-r--r-- | static/style.css | 8 | ||||
-rw-r--r-- | templates/index.html | 24 | ||||
-rw-r--r-- | templates/layout.html | 23 | ||||
-rw-r--r-- | templates/topAddictionGene.html | 8 |
5 files changed, 45 insertions, 24 deletions
@@ -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 %} |