about summary refs log tree commit diff
diff options
context:
space:
mode:
-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>