navbar edits

episphere · Mar 26, 2024 · 65faf19 · 65faf19
1 parent aaf0812
commit 65faf19
Show file tree

Hide file tree

Showing 3 changed files with 170 additions and 165 deletions.
diff --git a/index.html b/index.html
@@ -17,32 +17,31 @@
 
 <body>
     <!-- top banner -->
-    <nav class="navbar navbar-expand-sm bg-dark navbar-dark ">
-        <div id="mySidepanel" class="sidepanel">
+    <nav  class="navbar navbar-expand-sm bg-dark navbar-dark ">
+        <!-- <div id="mySidepanel" class="sidepanel">
             <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
             <a class="nav-link" href="#notices">Notices</a>
-        </div>
+        </div> -->
 
 
         <div>
-
-            <ul class="nav navbar-nav navbar-right">
-                <li class="nav-item active">
+            <ul class="navbar-nav">
+                <li class="nav-item">
                     <a class="nav-link" href="#notices">Notices</a>
                 </li>
-                <li class="nav-item active">
+                <li class="nav-item">
                     <a class="nav-link" target="_blank" href="https://github.com/episphere/diseasome">Github Code</a>
                 </li>
-                <li class="nav-item active"><a class="nav-link" target="_blank"
+                <li class="nav-item"><a class="nav-link" target="_blank"
                         href="https://observablehq.com/@lorenasandoval88/polygenic_risk_scores_sdk"
                         target="_blank">Notebook</a>
                 </li>
-                <li class="nav-item active">
+                <li class="nav-item">
                     <a class="nav-link" target="_blank" href="https://gitter.im/episphere/PRS">Discussion</a>
                 </li>
-                <li class="nav-item active">
+                <li class="nav-item">
                     <a class="nav-link" target="_blank" href="">
-                        <img style="vertical-align:top" src="youtube_img.png" width="25" height="25"></img> Tutorial</a>
+                        <img style="vertical-align:top" src="youtube_img.png" width="20" height="20"></img> Tutorial</a>
                 </li>
             </ul>
         </div>
@@ -52,7 +51,7 @@
     <section class="bgimage" id="home">
         <div class="container-fluid">
             <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 hero-text">
-                <h3 class="hero_title">Diseasome</h3>
+                <h4 class="hero_title">Diseasome</h3>
                 <p class="hero_desc">Calculation of multiple <a class="link-unstyled"
                         href="https://www.nature.com/articles/nrg.2016.27" target="_blank">risk profiles</a> for
                     <br>23andme reports,using the <a class="link-unstyled" href='https://www.pgscatalog.org'
@@ -68,8 +67,7 @@ <h3 class="hero_title">Diseasome</h3>
 
     <!-- pgs scoring counts bar plot ----------------------------->
     <br>
-    <h5 style="color: rgb(6, 137, 231);">Select from the bar chart below, to display variant sizes for all entries
-        related to a specific category</h5>
+    <h6 style="color: rgb(6, 137, 231);">Select from the bar chart below, to display variant sizes for entries in a category</h6>
 
     <div class='graph-container'>
         <div id="topBarCategories"></div>
@@ -79,7 +77,7 @@ <h5 style="color: rgb(6, 137, 231);">Select from the bar chart below, to display
 <!--  --------------------->
 
     <br>
-    <h5 id="h5"></h5>
+    <h6 id="pieHeader"></h6>
     <div class='graph-container'>
         <div id="pgsPie"></div>
         <div id="thirdBarCategories"></div>
@@ -93,8 +91,7 @@ <h5 id="h5"></h5>
 <!--  --------------------->
 
     <hr>
-    <h5 style="color: rgb(6, 137, 231);">Select from the bar charts below, to display variant sizes for all entries
-        related to a specific trait</h5>
+    <h6 style="color: rgb(6, 137, 231);">Select from the bar charts below, to display variant sizes for entries in a subcategory</h6>
 
     <div class='graph-container'>
         <div id="topBarTraits"></div>