AC Updating base, index_page and tutorials on 11-18-21

3 files changed, 67 insertions, 21 deletions

diff --git a/wqflask/wqflask/templates/base.html b/wqflask/wqflask/templates/base.html
index 6e922f24..a231c48c 100644
--- a/wqflask/wqflask/templates/base.html
+++ b/wqflask/wqflask/templates/base.html
@@ -22,6 +22,12 @@
     <!--<link rel="stylesheet" type="text/css" href="/static/new/css/main.css"  />-->
     <link rel="stylesheet" type="text/css" href="/static/new/css/parsley.css"  />
     <link rel="stylesheet" type="text/css" href="/static/new/css/broken_links.css"  />
+    <!-- UIkit CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.7.4/dist/css/uikit.min.css" />
+
+    <!-- UIkit JS -->
+    <script src="https://cdn.jsdelivr.net/npm/uikit@3.7.4/dist/js/uikit.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/uikit@3.7.4/dist/js/uikit-icons.min.js"></script>
 
 
     {% block css %}
@@ -87,7 +93,7 @@
                                   <li><a href="https://systems-genetics.org/">Systems Genetics PheWAS</a></li>
                                   <li><a href="http://ucscbrowser.genenetwork.org/">Genome Browser</a></li>
                                   <li><a href="http://power.genenetwork.org">BXD Power Calculator</a></li>
-                                  <li><a href="{{url_for('jupyter_notebooks.launcher')}}">Jupyter Notebook Launcher</a></li>
+                                  <li><a href="http://notebook.genenetwork.org/">Jupyter Notebook Launcher</a></li>
                                   <li><a href="http://datafiles.genenetwork.org">Interplanetary File System</a></li>
                                 </ul>
                         </li>
@@ -227,6 +233,7 @@
             <a href="http://www.neuinfo.org" target="_blank">
                 <img src="/static/new/images/Nif.png" alt="Registered with Nif" border="0">
             </a>
+            <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>
         </div>
       </div>
     </footer>
diff --git a/wqflask/wqflask/templates/index_page.html b/wqflask/wqflask/templates/index_page.html
index 7b103305..cfb1bed4 100755
--- a/wqflask/wqflask/templates/index_page.html
+++ b/wqflask/wqflask/templates/index_page.html
@@ -193,10 +193,40 @@
                       </ul>
                 </section>
             </div>
+            <!--<div class="uk-section uk-section-muted">-->
 
             <div class="col-xs-4" style="width: 600px !important;">
-	        <section id="affiliates">
-	            <div class="page-header">
+	        <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="http://gn2-arthur.genenetwork.org/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="http://gn2-arthur.genenetwork.org/tutorials" class="uk-icon-link" uk-icon="laptop" ratio="2"></a></p>
+            </div>
+            
+            <div>
+            <strong><a class="uk-link-text" href="http://gn2-arthur.genenetwork.org/tutorials#service-three">Tutorials</a></strong>
+            <p>Tutorials: Training materials in HTML, PDF and video formats
+            <p><a href="http://gn2-arthur.genenetwork.org/tutorials" class="uk-icon-link" uk-icon="file-text" ratio="2"></a></p>
+            </div>
+            
+            <div>
+            <strong><a class="uk-link-text" href="http://gn2-arthur.genenetwork.org/tutorials#service-four">Documentation</a></strong>
+            <p>Online manuals, handbooks, fact sheets and FAQs
+            <p><a href="http://gn2-arthur.genenetwork.org/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>
@@ -206,7 +236,7 @@
                           <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>
+                    </div>-->
                 </section>
                 <section id="news-section">
                     <div class="page-header">
@@ -241,8 +271,22 @@
                         <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>
-                    <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>
+                    <!--<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>
+                    
+                </section>
             </div>
         </div>
     </div>
diff --git a/wqflask/wqflask/templates/tutorials.html b/wqflask/wqflask/templates/tutorials.html
index 8f3447e3..edec803c 100644
--- a/wqflask/wqflask/templates/tutorials.html
+++ b/wqflask/wqflask/templates/tutorials.html
@@ -56,9 +56,7 @@
         </thead>
         <tbody>
         <tr>
-            <td><p><h3>Webinar #01 - Introduction to Quantitative Trait Loci (QTL) Analysis</h3>
-            <p><i>Friday, May 8th, 2020<br>
-			10am PDT/ 11am MDT/ 12pm CDT/ 1pm EDT</i></p>
+            <td><p><h3>Introduction to Quantitative Trait Loci (QTL) Analysis</h3>
 		<p>Goals of this webinar (trait variance to QTL):</p>
             <ul>
               <li>Define quantitative trait locus (QTL)</li>
@@ -76,10 +74,7 @@ University of Tennessee Health Science Center
            <iframe width="560" height="315" src="https://www.youtube.com/embed/leY3kPmnLaI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td>
         </tr>
         <tr>
-            <td><p><h3>Webinar #02 - Mapping Addiction and Behavioral Traits and Getting at Causal Gene Variants with GeneNetwork</h3>
-            <p><i>Friday, May 22nd. 2020
-		10am PDT/ 11am MDT/ 12pm CDT/ 1pm EDT</i>
-</p>
+            <td><p><h3>Mapping Addiction and Behavioral Traits and Getting at Causal Gene Variants with GeneNetwork</h3>
 		<p>Goals of this webinar (QTL to gene variant):</p>
             <ul>
               <li>Demonstrate mapping a quantitative trait using GeneNetwork (GN)</li>
@@ -98,8 +93,6 @@ University of Tennessee Health Science Center
          <!--NEW WEBINAR STARTS HERE-->
         <tr>
             <td><p><h3>Data structure, disease risk, GXE, and causal modeling</h3>
-            <p><i>Friday, November 20th at 9am PDT/ 11pm CDT/ 12pm EDT<br>
-                  1-hour presentation followed by 30 minutes of discussion</i>
     
 		<p>Human disease is mainly due to complex interactions between genetic and environmental factors (GXE). We need to acquire the right "smart" data types—coherent and multiplicative data—required to make accurate predictions about risk and outcome for  n = 1 individuals—a daunting task.  We have developed large families of fully sequenced mice that mirror the genetic complexity of humans. We are using these Reference Populations to generate multiplicatively useful data and to build and test causal quantitative models of disease mechanisms with a special focus on diseases of aging, addiction, and neurological and psychiatric disease. 
 
@@ -141,7 +134,7 @@ $('#myTable').dataTable( {
             
          <!--NEW WEBINAR STARTS HERE-->
         <tr>
-            <td><p><h3>#01- Introduction to Gene Network</h3>
+            <td><p><h3>Introduction to Gene Network</h3>
             <p><i>Please note that this tutorial is based on GeneNetwork v1</i>
 
 <p>GeneNetwork is a group of linked data sets and tools used to study complex networks of genes, molecules, and higher order gene function and phenotypes. GeneNetwork combines more than 25 years of legacy data generated by hundreds of scientists together with sequence data (SNPs) and massive transcriptome data sets (expression genetic or eQTL data sets). The quantitative trait locus (QTL) mapping module that is built into GN is optimized for fast on-line analysis of traits that are controlled by combinations of gene variants and environmental factors. GeneNetwork can be used to study humans, mice (BXD, AXB, LXS, etc.), rats (HXB), Drosophila, and plant species (barley and Arabidopsis). Most of these population data sets are linked with dense genetic maps (genotypes) that can be used to locate the genetic modifiers that cause differences in expression and phenotypes, including disease susceptibility.
@@ -159,25 +152,27 @@ Registration: <a href="https://bit.ly/osga_2020-11-20">https://bit.ly/osga_2020-
 <!--<p>This webinar series is sponsored by the NIDA Center of Excellence in Omics, Systems Genetics, and the Addictome (P30 DA044223). -->
 </td>
             <!--<td><strong>After the presentation, the recording will be made available here.</strong></td>-->
-            <td><iframe width="560" height="315" src="https://www.youtube.com/embed/B3g_0q-ldJ8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></iframe>
+            <td>
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/B3g_0q-ldJ8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
         </tr>
         <!--WEBINAR ENDS HERE-->
         
         <!--NEW WEBINAR STARTS HERE-->
         <tr>
-            <td><p><h3>#02 - How to search in GeneNetwork</h3>
-</td>
+        <td rowspan="1" style="text-align:left;vertical-align:top;padding:0"><p><h3>How to search in GeneNetwork</h3><br>Presented by Rob Williams University of Tennessee Health Science Center</td>
+            <!--<td><p><h3>How to search in GeneNetwork</h3>
+</td>-->
             <td>
-           <iframe width="560" height="315" src="https://www.youtube.com/embed/5exnkka5Tso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td>
+           <iframe width="560" height="315" src="https://www.youtube.com/embed/5exnkka5Tso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </td>
         </tr>
          <!--WEBINAR ENDS HERE-->
          
           <!--NEW WEBINAR STARTS HERE-->
         <tr>
-            <td><p><h3>#03 - GeneNetwork.org: genetic analysis for all neuroscientists</h3><br>Presented by David G. Ashbrook Assistant Professor University of Tennessee Health Science Center
+            <td rowspan="1" style="text-align:left;vertical-align:top;padding:0"><p><h3>GeneNetwork.org: genetic analysis for all neuroscientists</h3><br>Presented by David G. Ashbrook Assistant Professor University of Tennessee Health Science Center
 </td>
             <td>
-           <iframe width="560" height="315" src="https://www.youtube.com/embed/JmlVLki09Q8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td>
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/JmlVLki09Q8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td>
         </tr>
          <!--WEBINAR ENDS HERE-->
         </tbody>