2148a49f49c7a74ec76d7ea2a8ffadee504a7175
lrnassar
  Thu Sep 26 18:05:25 2024 -0700
Adding a little padding I hadn't noticed we needed on dev because of our development environment warning, refs #33485

diff --git src/hg/htdocs/index.html src/hg/htdocs/index.html
index 64e4e30..693e899 100755
--- src/hg/htdocs/index.html
+++ src/hg/htdocs/index.html
@@ -67,31 +67,43 @@
       </div> <!-- previewWarningRow -->
       <!--#endif -->
 
       <!-- warning for mirrors (if applicable) -->
       <!--#if expr='"$SERVER_NAME" != /.*.ucsc.edu/ && "$SERVER_NAME" != /.*.sdsc.edu/
       && "$SERVER_NAME" != /browser/'-->
       <!-- 'browser' = GBiB -->
       <p style="text-align: center;">
         <strong>This website <em><!--#echo var="HTTP_HOST" --></em> is a &quot;mirror&quot; not run by
         UCSC.</strong> If you have questions, please try to contact the person who manages this mirror.
         <br><br>
         <strong>If you write the UCSC mailing list, please include this mirror's address
         <em>http://<!--#echo var="HTTP_HOST" --></em> with any questions.</strong></p>
       <!--#endif -->
 
-  <p style="text-align: center;">
+<div style="display: flex; align-items: center; justify-content: center; text-align: center;margin-top: 10px;">
+  <a href="/cgi-bin/hgTracks?db=hg38&startClinical=true" style="margin-right: 20px; text-align: center;"
+  title="Interactive hg38 tutorial covering features that may help in clinical genomics">
+    <div style="border: 2px solid red; padding: 5px; display: flex; align-items: center;">
+      <p style="margin: 0; padding-right: 0px;">Try our new<br>clinical tutorial!</p>
+      <img src="/images/clinicalTutorialIcon.png" style="height: 47px; width: 47px; margin-top: 0px; margin-left: 5px;">
+    </div>
+  </a>
+<!--
+  <span>right text</span>
+</div>
+-->
+
     <input size=50 name="searchString" id="searchBarSearchString" type="text" 
         placeholder="Search genes, data, help docs and more..."></input>
     <input name="searchButton" id="searchBarSearchButton" type="submit" value="Search"></input>
     <script>
     function searchBarClick() {
         searchStr = document.getElementById('searchBarSearchString').value;
         if (searchStr.length > 0) {
             // helper functions for checking whether a plain chrom name was searched for
             term = encodeURIComponent(searchStr.replace(/^[\s]*/,'').replace(/[\s]*$/,''));
             function onSuccess(jqXHR, textStatus) {
                 if (jqXHR.chromName !== null) {
                     window.location.assign("../cgi-bin/hgTracks?position=" + term );
                 } else {
                     window.location.assign("../cgi-bin/hgSearch?search=" + term);
                 }
@@ -127,31 +139,32 @@
                     cache: true
                 });
                 return false;
             }
             
         }
     }
     document.getElementById('searchBarSearchButton').addEventListener('click', searchBarClick);
     $('#searchBarSearchString').bind('keypress', function(e) {  // binds listener to url field
         if (e.which === 13) {  // listens for return key
              e.preventDefault();   // prevents return from also submitting whole form
              searchBarClick();
         }
     });
     </script>
-  </p>
+</span></div>
+
 
   <div class="row">
     <!-- Tools -->
     <!--#include virtual="ourTools.html"-->
 
     <!-- Latest Releases -->
     <!--#include virtual="indexReleases.html"-->
   </div>
 
   <!-- Meetings and Workshops -->
   <!--#include virtual="indexMeetings.html"-->
 
   <div class="row">
     <!-- Sharing -->
     <!--#include virtual="indexSharing.html"-->