diff options
-rw-r--r-- | wqflask/wqflask/templates/new_index_page.html | 143 |
1 files changed, 111 insertions, 32 deletions
diff --git a/wqflask/wqflask/templates/new_index_page.html b/wqflask/wqflask/templates/new_index_page.html index ab9e188b..3d6d3f3f 100644 --- a/wqflask/wqflask/templates/new_index_page.html +++ b/wqflask/wqflask/templates/new_index_page.html @@ -1,37 +1,87 @@ <!DOCTYPE html> <html lang="en"> <head> - + <meta charset="utf-8"> <title>GeneNetwork</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content=""> + <meta name="author" content=""> <link REL="stylesheet" TYPE="text/css" href="/static/packages/bootstrap/css/bootstrap.min.css" /> <link REL="stylesheet" TYPE="text/css" href="/static/packages/bootstrap/css/bootstrap-responsive.min.css" /> <link REL="stylesheet" TYPE="text/css" href="/static/packages/bootstrap/css/docs.css" /> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> - <script src="/static/packages/bootstrap/js/bootstrap.min.js"></script> + + <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + </head> -<body> - <div class="hero-unit"> - <h1>Gene Network</h1> - <p class="lead">Open source bioinformatics for systems genetics<br /> - Brought to you by the University of Tennessee</p> +<body data-spy="scroll" data-target=".bs-docs-sidebar"> + <!-- Navbar + ================================================== --> + <div class="navbar navbar-inverse navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container"> + <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="brand" href="/">GeneNetwork</a> + <div class="nav-collapse collapse"> + <ul class="nav"> + <li class="active"> + <a href="/">Home</a> + </li> + <li class=""> + <a href="#">Search</a> + </li> + <li class=""> + <a href="#">Help</a> + </li> + <li class=""> + <a href="/whats_new">News</a> + </li> + <li class=""> + <a href="./reference.html">References</a> + </li> + <li class=""> + <a href="./policies">Policies</a> + </li> + <li class=""> + <a href="./links">Links</a> + </li> + </ul> + </div> + </div> + </div> </div> + <header class="jumbotron subhead" id="overview"> + <div class="container"> + <h1>GeneNetwork</h1> + <p class="lead">Open source bioinformatics for systems genetics<br /> + Brought to you by the University of Tennessee</p> + </div> + </header> + <div class="container"> <div class="row"> <div class="span3 bs-docs-sidebar"> <ul class="nav nav-list bs-docs-sidenav"> - <li><a href="#search_section"><i class="icon-chevron-right"></i> Search</a></li> - <li><a href="#getting_started_section"><i class="icon-chevron-right"></i> Getting started</a></li> - <li><a href="#advanced_section"><i class="icon-chevron-right"></i> Advanced commands</a></li> - <li><a href="#how_to_section"><i class="icon-chevron-right"></i> How to</a></li> - <li><a href="#websites_section"><i class="icon-chevron-right"></i> Affiliates and mirrors</a></li> + <li><a href="#search"><i class="icon-chevron-right"></i> Search</a></li> + <li><a href="#getting-started"><i class="icon-chevron-right"></i> Getting started</a></li> + <li><a href="#advanced"><i class="icon-chevron-right"></i> Advanced commands</a></li> + <li><a href="#tour-info"><i class="icon-chevron-right"></i> Tour and more info</a></li> + <li><a href="#websites"><i class="icon-chevron-right"></i> Affiliates and mirrors</a></li> </ul> </div> <div class="span9"> - <section id="search_section"> + <section id="search"> <div class="page-header"> <h1>Select and search</h1> </div> @@ -52,7 +102,7 @@ </div> - <label for="type">Type:</label> + <label for="tissue">Type:</label> <select name="tissue" id="tissue" onchange= "fillOptions('tissue');"></select> @@ -80,7 +130,7 @@ <!-- GET ANY HELP --> - </p>Enter terms, genes, ID numbers in the + <p>Enter terms, genes, ID numbers in the <b>Search</b> field<br> Use <b>*</b> or <b>?</b> wildcards (Cyp*a?, synap*)<br> @@ -107,13 +157,13 @@ </form> </section> - <section id="getting_started_section"> + <section id="getting-started"> <div class="page-header"> <h1>Getting started</h1> </div> <ol style="font-size:12px;font-family:verdana;color:black"> - <li>Select <b>Species</b> (or select All)</li> + <li>Select <b>Species</b> (or All)</li> <li>Select <b>Group</b> (a specific sample)</li> @@ -133,19 +183,20 @@ <li>Enter terms in the search field: words, genes, ID numbers, probes, advanced search commands</li> - <li>Click on the <b>Search</b> button</li> + <li>Click the <b>Search</b> button</li> <li>Optional: Use the <b>Make Default</b> button to save your preferences</li> </ol> - <h4>For more information, read our + <h3>User Guide</h3> + <h5>Read the <a href="http://www.genenetwork.org/index4.html" target="_blank"> - user guide</a>.</h4> + user guide</a>.</h5> </section> - <section id="advanced_section"> + <section id="advanced"> <div class="page-header"> <h1>Advanced commands</h1> </div> @@ -190,9 +241,9 @@ </ul> </section> - <section id="how_to_section"> + <section id="tour-info"> <div class="page-header"> - <h1>How to use GeneNetwork</h1> + <h1>Tour and more info</h1> </div> <h3>Thirty minute tour</h3> @@ -218,7 +269,7 @@ </section> - <section id="websites_section"> + <section id="websites"> <div class="page-header"> <h1>Affiliates and mirrors</h1> </div> @@ -277,7 +328,7 @@ <h3>The next generation</h3> <p>Try the <a href= "http://alexandria.uthsc.edu/" target="_blank"> - development</a> site to explore exerimental data and features.</p> + development</a> site to explore experimental data and features.</p> </section> </div> </div> @@ -289,7 +340,10 @@ <div class="container"> <p class="pull-right"><a href="#">Back to top</a></p> - <p>Launched in 1994 as <A HREF="http://www.ncbi.nlm.nih.gov/pubmed?term=8043953">The Portable Dictionary of the Mouse Genome</A> and 2001 as WebQTL.</p> + <p>Launched in 1994 as + <A HREF="http://www.ncbi.nlm.nih.gov/pubmed?term=8043953"> + The Portable Dictionary of the Mouse Genome</A> and in 2001 as WebQTL. + </p> <p>Operated by <A HREF="mailto:rwilliams@uthsc.edu">Rob Williams</A>, <A HREF="mailto:lyan6@uthsc.edu">Lei Yan</A>, @@ -310,18 +364,30 @@ </p> <p>Special thanks to CYP1A2 and AHR.</p> <br /> - <p>GeneNetwork support from: + <p>GeneNetwork is supported by:</p> <UL> - <LI><a target="_blank" href="http://citg.uthsc.edu">The UT Center for Integrative and Translational Genomics</A> - <LI><a target="_blank" href="http://www.iniastress.org">NIAAA</A> Integrative Neuroscience Initiative on Alcoholism (U01 AA016662, U01 AA013499, U24 AA013513, U01 AA014425) - <LI><a target="_blank" href="http://www.drugabuse.gov/about/organization/Genetics/geneexpression/index.html">NIDA</A>, <a class="smallsize" target="_blank" href="http://www.nimh.nih.gov/">NIMH</A>, and <a class="smallsize" target="_blank" href="http://www.niaaa.nih.gov/">NIAAA</A> (P20-DA 21131) + <LI> + <a target="_blank" href="http://citg.uthsc.edu"> + The UT Center for Integrative and Translational Genomics + </A> + </li> + <LI><a target="_blank" href="http://www.iniastress.org">NIAAA</A> + Integrative Neuroscience Initiative on Alcoholism + (U01 AA016662, U01 AA013499, U24 AA013513, U01 AA014425) + </li> + <LI> + <a target="_blank" + href="http://www.drugabuse.gov/about/organization/Genetics/geneexpression/index.html">NIDA</A>, <a class="smallsize" target="_blank" href="http://www.nimh.nih.gov/">NIMH</A> + , and <a class="smallsize" target="_blank" href="http://www.niaaa.nih.gov/"> + NIAAA</A> (P20-DA 21131) + </li> <LI>NCI <a target="_blank" href="http://emice.nci.nih.gov/">MMHCC</A> (U01CA105417) and <a target="_blank" href="http://www.ncrr.nih.gov/">NCRR</A> <a target="_blank" href="http://www.nbirn.net/TestBeds/Mouse/index.htm">BIRN</A> (U24 RR021760) </li> </UL> - </p> + <!--</p>--> <ul class="footer-links"> <li><a href="http://atlas.uthsc.edu/mailman/listinfo/genenetwork" target="_blank">Join the mailing list</a></li> @@ -330,8 +396,21 @@ </ul> </div> </footer> + <!--<script src="/javascript/selectDatasetMenu.js"--> <!--type="text/javascript">--> <!--</script>--> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> + <script src="/static/packages/bootstrap/js/bootstrap.min.js"></script> + <script> + //http://stackoverflow.com/questions/11521763/bootstrap-scrollspy-not-working + var $window = $(window) + $('.bs-docs-sidenav').affix({ + offset: { + top: function () { return $window.width() <= 980 ? 290 : 210 } + , bottom: 270 + } + }) + </script> </body> </html> |