ab5d95f27e2cfc363db9840c0514a7170b8547b1
chmalee
  Mon Feb 9 14:24:34 2026 -0800
Add info icons to hgGateway, refs #34078

diff --git src/hg/hgGateway/hgGateway.html src/hg/hgGateway/hgGateway.html
index 48b09893619..83dd228cb7d 100644
--- src/hg/hgGateway/hgGateway.html
+++ src/hg/hgGateway/hgGateway.html
@@ -35,58 +35,79 @@
               <div class="jwIconSpriteLabel">Zebrafish</div>
             </div>
             <div class="jwIconWrapper">
               <div class="jwIconSprite jwIconSpriteFly"></div>
               <div class="jwIconSpriteLabel">Fruitfly</div>
             </div>
             <div class="jwIconWrapper">
               <div class="jwIconSprite jwIconSpriteWorm"></div>
               <div class="jwIconSpriteLabel">Worm</div>
             </div>
             <div class="jwIconWrapper">
               <div class="jwIconSprite jwIconSpriteYeast"></div>
               <div class="jwIconSpriteLabel">Yeast</div>
             </div>
             <br>Search through thousands of genome assemblies
+            <span id="speciesSearchInfo">
+              <svg style="height:1.1em; vertical-align:top" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"/>
+                <path d="M12 17V11" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+                <circle cx="1" cy="1" r="1" transform="matrix(1 0 0 -1 11 9)" fill="#1C274C"/>
+              </svg>
+            </span>
             <div>
               <input id="speciesSearch" value="" size=42>
             </div>
             <a href="/assemblySearch.html" id="assemblySearchLink" style="text-decoration: none;">
                 <div style="padding: 0px; display: flex; align-items: center; margin-top: 12px;">
                     <p style="margin: 0; padding-right: 0px; color: blue; text-decoration: underline;"
                        title="Not finding your assembly on the Gateway page? Visit the Genome assembly search and request page to request it. Ensure you have a GCA_ or GCF_ identifier from NCBI.">Unable to find a genome? Send us a request.</p>
                     <img src="/images/magnify.png"
                          style="height: 16px; width: 16px; margin-top: 0px; margin-left: 5px;"
                          title="Not finding your assembly on the Gateway page? Visit the Genome assembly search and request page to request it. Ensure you have a GCA_ or GCF_ identifier from NCBI.">
                 </div>
             </a>
           </div>
 
           <!-- Recent Genomes Panel (replaces species tree) -->
           <div id="recentGenomesTitle" class="jwSubsectionTitle" style="display: none;">
             Recent Genomes
+            <span id="recentGenomesInfo">
+              <svg style="height:1.1em; vertical-align:top" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"/>
+                <path d="M12 17V11" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+                <circle cx="1" cy="1" r="1" transform="matrix(1 0 0 -1 11 9)" fill="#1C274C"/>
+              </svg>
+            </span>
           </div>
           <div id="recentGenomesSection" class="jwSubsectionContents" style="display: none;">
             <div id="recentGenomesPanel" class="recentGenomesPanel">
               <div id="recentGenomesList" class="recentGenomesList">
                 <!-- Recent genomes will be populated by JavaScript -->
               </div>
             </div>
           </div>
 
           <div id="connectedHubsTitle" class="jwSubsectionTitle" style="display: none;">
             Connected Hub Assemblies
+            <span id="connectedHubsInfo">
+              <svg style="height:1.1em; vertical-align:top" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"/>
+                <path d="M12 17V11" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+                <circle cx="1" cy="1" r="1" transform="matrix(1 0 0 -1 11 9)" fill="#1C274C"/>
+              </svg>
+            </span>
           </div>
           <div id="connectedHubsSection" class="jwSubsectionContents" style="display: none;">
             <div id="connectedHubsPanel" class="recentGenomesPanel">
               <div id="connectedHubsList" class="recentGenomesList">
                 <!-- Connected hubs will be populated by JavaScript -->
               </div>
             </div>
           </div>
 
           <a href="#showSpeciesTree" id="speciesTreeLink">Show species tree</a>
 
           <!-- Species tree underneath the recent genomes section -->
           <div id="representedSpeciesTitle" class="jwSubsectionTitle" style="display: none;">
             Commonly used assemblies
           </div>