aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorZachary Sloan2012-10-12 20:47:06 -0500
committerZachary Sloan2012-10-12 20:47:06 -0500
commitdc191dfac1c198610e3991c66516643a158a5d31 (patch)
tree76ec1299eae7983db48071be185d3e0eb090b6a9
parent3edf991dbb54472f5b594c79f54b7c8e86c84829 (diff)
downloadgenenetwork2-dc191dfac1c198610e3991c66516643a158a5d31.tar.gz
New home page beginning to look good
-rw-r--r--wqflask/wqflask/templates/new_index_page.html143
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>