6d3847d1a7c65126cb2b38f631c8b8db737efdf0
lrnassar
  Wed Jun 25 17:30:56 2025 -0700
Making small tweaks to the new trainings, like reducing the image width to 65% so it better fits on the screen due to the resolution, and staging various updates on our pages including the news archive announcing the release of our new tutorials page, refs #35956

diff --git src/hg/htdocs/index.html src/hg/htdocs/index.html
index 693e899f15f..be588892bb4 100755
--- src/hg/htdocs/index.html
+++ src/hg/htdocs/index.html
@@ -68,35 +68,35 @@
       <!--#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 -->
 
 <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">
+  <a href="/docs/" style="margin-right: 20px; text-align: center;"
+  title="Genome browser tutorials including annotated images, walkthroughs, and interactive tutorials.">
     <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;">
+      <p style="margin: 0; padding-right: 0px;">See our new<br>tutorials page!</p>
+      <img src="/images/trainingIcon.png" style="height: 47px; width: 47px; margin-top: 0px; margin-left: 5px; border: none">
     </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