Changed index pagee HTML to be more consistent, adding indentation, removed commented out HTML

1 files changed, 60 insertions, 80 deletions

diff --git a/wqflask/wqflask/templates/index_page.html b/wqflask/wqflask/templates/index_page.html
index 3e2f424d..fce1c619 100755
--- a/wqflask/wqflask/templates/index_page.html
+++ b/wqflask/wqflask/templates/index_page.html
@@ -40,12 +40,12 @@
 
             <div class="col-xs-4" style="margin-right:50px; min-width: 530px; max-width: 550px;">
                 <section id="search">
-                    <div>
-                        <h1>Select and search</h1>
+                    <div class="page-header">
+                        <h2>Select and search</h2>
                     </div>
                     <form method="get" action="/search" target="_blank" name="SEARCHFORM">
                         <fieldset>
-                            <div style="padding: 20px" class="form-horizontal">
+                            <div style="padding-left: 20px; padding-right: 20px;" class="form-horizontal">
 
                                 <div class="form-group">
                                     <label for="species" class="col-xs-1 control-label" style="width: 65px !important;">Species:</label>
@@ -193,99 +193,79 @@
                       </ul>
                 </section>
             </div>
-            <!--<div class="uk-section uk-section-muted">-->
 
             <div class="col-xs-4" style="width: 600px !important;">
-	        <section id="tutorials">
-	           <div class="page-header">
-                        <h1>Tutorials</h1>
-	       <!-- <div class="uk-section uk-section-muted">
-            <div class="uk-container">-->
-            <div class="uk-grid-match uk-child-width-1-3@m" uk-grid>
-             <div>
-            <strong><a class="uk-link-text" href="/tutorials">Webinars & Courses</a></strong>
-            <p>In-person courses, live webinars and webinar recordings
-            <p>
-            <!--<span uk-icon="icon: laptop; ratio: 2"></span>-->
-            <a href="/tutorials" class="uk-icon-link" uk-icon="laptop" ratio="2"></a></p>
-            </div>
-            
-            <div>
-            <strong><a class="uk-link-text" href="/tutorials">Tutorials</a></strong>
-            <p>Tutorials: Training materials in HTML, PDF and video formats
-            <p><a href="/tutorials" class="uk-icon-link" uk-icon="file-text" ratio="2"></a></p>
-            </div>
-            
-            <div>
-            <strong><a class="uk-link-text" href="/tutorials">Documentation</a></strong>
-            <p>Online manuals, handbooks, fact sheets and FAQs
-            <p><a href="/tutorials" class="uk-icon-link" uk-icon="album" ratio="2"></a></p>
-            </div>
-            
-            </div>
-            </div>
-            <!--</div>
-            </div>-->
-	            <!--<div class="page-header">
-                        <h1>Affiliates</h1>
-                        <ul>
-                          <li><b><a href="http://gn1.genenetwork.org">GeneNetwork 1</a> at UTHSC</b></li>
-                          <li><a href="https://systems-genetics.org/">Systems Genetics</a> at EPFL</li>
-                          <li><a href="http://bnw.genenetwork.org/">Bayesian Network Web Server</a> at UTHSC</li>
-                          <li><a href="https://www.geneweaver.org/">GeneWeaver</a></li>
-                          <li><a href="https://phenogen.org/">PhenoGen</a> at University of Colorado</li>
-                          <li><a href="http://www.webgestalt.org/">WebGestalt</a> at Baylor</li>
-                        </ul>
-                    </div>-->
-                </section>
-                <section id="news-section">
+	            <section id="tutorials">
                     <div class="page-header">
-                        <h1>News</h1>
-                        <div id="tweets" style="height: 300px; overflow: scroll; overflow-x: hidden;"></div>
-                        <div align="right">
-                          <a href="https://twitter.com/GeneNetwork2">more news items...</a>
+                        <h2>Tutorials</h2>
+                    </div>
+                    <div class="uk-grid-match uk-child-width-1-3@m" uk-grid>
+                        <div>
+                            <strong><a class="uk-link-text" href="/tutorials">Webinars & Courses</a></strong>
+                            <p>In-person courses, live webinars and webinar recordings
+                            <p>
+                            <a href="/tutorials" class="uk-icon-link" uk-icon="laptop" ratio="2"></a></p>
+                        </div>
+                        <div>
+                            <strong><a class="uk-link-text" href="/tutorials">Tutorials</a></strong>
+                            <p>Tutorials: Training materials in HTML, PDF and video formats
+                            <p><a href="/tutorials" class="uk-icon-link" uk-icon="file-text" ratio="2"></a></p>
+                        </div>
+                        <div>
+                            <strong><a class="uk-link-text" href="/tutorials">Documentation</a></strong>
+                            <p>Online manuals, handbooks, fact sheets and FAQs
+                            <p><a href="/tutorials" class="uk-icon-link" uk-icon="album" ratio="2"></a></p>
                         </div>
                     </div>
-		</section>
-                <section id="websites">
+                </section>
+                <section id="news-section">
                     <div class="page-header">
-                        <h1>Github</h1>
-                        <ul>
-                          <li><a href="https://github.com/genenetwork/genenetwork2">GN2 Source Code</a></li>
-                          <li><a href="https://github.com/genenetwork/genenetwork">GN1 Source Code</a></li>
-                          <li><a href="https://github.com/genenetwork/sysmaintenance">System Maintenance Code</a></li>
-                        </ul>
+                        <h2>News</h2>
                     </div>
-               </section>
+                    <div id="tweets" style="height: 300px; overflow: scroll; overflow-x: hidden;"></div>
+                    <div align="right">
+                        <a href="https://twitter.com/GeneNetwork2">more news items...</a>
+                    </div>
+		        </section>
                 <section id="websites">
                     <div class="page-header">
-                        <h1>Links</h1>
+                        <h2>Links</h2>
                     </div>
-                    <h3>GeneNetwork v2:</h3>
-                      <ul>
-                        <li><a href="http://genenetwork.org/">Main website</a> at UTHSC</li>
-                      </ul>
-                    <h3>GeneNetwork v1:</h3>
                     <ul>
-                        <li><a href="http://gn1.genenetwork.org/">Main website</a> at UTHSC</li>
-                        <li><span class="broken_link" href="http://artemis.uthsc.edu/">Time Machine</span>: Full GN versions from 2009 to 2016 (mm9)</li>
+                        <li>Github</li>
+                        <ul>
+                            <li><a href="https://github.com/genenetwork/genenetwork2">GN2 Source Code</a></li>
+                            <li><a href="https://github.com/genenetwork/genenetwork">GN1 Source Code</a></li>
+                            <li><a href="https://github.com/genenetwork/sysmaintenance">System Maintenance Code</a></li>
+                        </ul>
+                    </ul>
+                    <ul>
+                        <li>GeneNetwork v2:</li>
+                        <ul>
+                            <li><a href="http://genenetwork.org/">Main website</a> at UTHSC</li>
+                        </ul>
+                    </ul>
+                    <ul>
+                        <li>GeneNetwork v1:</li>
+                        <ul>
+                            <li><a href="http://gn1.genenetwork.org/">Main website</a> at UTHSC</li>
+                            <li><span class="broken_link" href="http://artemis.uthsc.edu/">Time Machine</span>: Full GN versions from 2009 to 2016 (mm9)</li>
                             Cloud (EC2)</a></li>
+                        </ul>
                     </ul>
-                    <!--<script type="text/javascript" src="//rf.revolvermaps.com/0/0/8.js?i=526mdlpknyd&amp;m=0&amp;c=ff0000&amp;cr1=ffffff&amp;f=arial&amp;l=33" async="async"></script>-->
                </section>
                <section id="affiliates">
-               	     <div class="page-header">
-                        <h1>Affiliates</h1>
-                        <ul>
-                          <li><b><a href="http://gn1.genenetwork.org">GeneNetwork 1</a> at UTHSC</b></li>
-                          <li><a href="https://systems-genetics.org/">Systems Genetics</a> at EPFL</li>
-                          <li><a href="http://bnw.genenetwork.org/">Bayesian Network Web Server</a> at UTHSC</li>
-                          <li><a href="https://www.geneweaver.org/">GeneWeaver</a></li>
-                          <li><a href="https://phenogen.org/">PhenoGen</a> at University of Colorado</li>
-                          <li><a href="http://www.webgestalt.org/">WebGestalt</a> at Baylor</li>
-                        </ul>
+                    <div class="page-header">
+                        <h2>Affiliates</h2>
                     </div>
-                    
+                    <ul>
+                        <li><b><a href="http://gn1.genenetwork.org">GeneNetwork 1</a> at UTHSC</b></li>
+                        <li><a href="https://systems-genetics.org/">Systems Genetics</a> at EPFL</li>
+                        <li><a href="http://bnw.genenetwork.org/">Bayesian Network Web Server</a> at UTHSC</li>
+                        <li><a href="https://www.geneweaver.org/">GeneWeaver</a></li>
+                        <li><a href="https://phenogen.org/">PhenoGen</a> at University of Colorado</li>
+                        <li><a href="http://www.webgestalt.org/">WebGestalt</a> at Baylor</li>
+                    </ul>
                 </section>
             </div>
         </div>