04891f09dcd918aad2dced9476463b384f1e9f36
lrnassar
  Mon Apr 22 15:55:23 2024 -0700
Redoing the contact.html page to slim it down and improve its function. Be more clear about ML options, remove seldomly used options/lists, etc. refs #33487

diff --git src/hg/htdocs/contacts.html src/hg/htdocs/contacts.html
index 2853c2b..6d92e54 100755
--- src/hg/htdocs/contacts.html
+++ src/hg/htdocs/contacts.html
@@ -1,301 +1,239 @@
 <!DOCTYPE html>
 <!--#set var="TITLE" value="Genome Browser Contacts" -->
 <!--#set var="ROOT" value="." -->
 
 <!-- Relative paths to support mirror sites with non-standard GB docs install -->
 <!--#include virtual="$ROOT/inc/gbPageStart.html" -->
 
 <!--#include virtual="$ROOT/redmineWidget.html" -->
 
-<h1>Contact Us</h1>
+<style>
+.responsive-icon {
+    max-height: 60px;
+    width: auto;
+    height: auto;
+    margin-left: 0px !important;
+    border: none !important;
+}
+.shortParagraph {
+    margin-top: 0px !important;
+}
+</style>
+
+<h1 style="font-size: 27px">Support Center</h1>
 
-<div class="row">
-  <!-- Left column -->
-  <!--<div class="col-md-3"> -->
-<!--
 <p>
-     <a href="http://cbse.soe.ucsc.edu/directions" target="_blank">Directions</a></p>
+<div class="row" style="margin-top: -25px;">
+<div class="col-md-6">
+    <h2 style="font-size: 21px;text-align: center;">Contact</h2>
+      <div id="newsBox" class="jwSection">
+        <div class="jwSectionContents" style="margin: 5px;">
+          <div id="newsItems">
+
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;margin-top: -10px !important;"><a target="_blank" href="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome">
+<img class='text-center responsive-icon' src="images/googleGroupsIcon.png"></a>
 </p>
--->
-<h2>Email the helpdesk</h2>
-<p>
-
-<p>Do not hesitate to reach out if something is unclear. We reply to all
-messages within a few days and a large share of messages lead to improvements
-in our features or help pages. If researchers do not contact us, we cannot
-learn about problems.</p>
-<p>For most questions or suggestions,
- please email <a
-href="mailto:genome@soe.ucsc.edu">genome@soe.ucsc.edu</a>, a public mailing
-list. 
-For other ways of reaching us and advice on what to include in your email, please see below.
+  </div>
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;margin-top: 0px;">
+<span style="font-size: 18px;"><a href="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome"
+target="_blank">Public Mailing List</a> -
+<a href="mailto:&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;">&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;</a></span><br>
+Interactive public <a target="_blank" href="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome">discussion forum</a></p>
+  </div>
+
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;" class="shortParagraph">
+<img class='text-center responsive-icon' src="images/hiddenIcon.png">
+</p>
+  </div>
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;margin-top: 0px;">
+<span style="font-size: 18px;"><b>Private Mailing List</b> -
+<a href="mailto:&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;">&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;</a></span><br>
+Confidential list visible only to our staff</p>
+  </div>
+
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;" class="shortParagraph"><a target="_blank" href="training/index.html">
+<img class='text-center responsive-icon' src="images/trainingIcon.png"></a>
+</p>
+  </div>
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;margin-top: 0px;">
+<span style="font-size: 18px;"><b>Training</b></span><br>For information about virtual or in-person training,
+     <a href="mailto:genome-www@soe.ucsc.edu" target="_blank">please email us</a></p>
+  </div>
+          </div>
+          </p>
+        </div>
+      </div>
+</div>
+<div class="col-md-6">
+    <h2 style="font-size: 21px;text-align: center;">Follow us</h2>
+      <div id="newsBox" class="jwSection">
+        <div class="jwSectionContents"  style="margin: 5px;">
+          <div id="newsItems">
+
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;margin-top: -10px !important;"><a target="_blank" href="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome-announce">
+<img class='text-center responsive-icon' src="images/megaphoneIcon.png"></a>
+</p>
+  </div>
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;margin-top: 0px;">
+<span style="font-size: 17px;">
+<a href="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome-announce"
+target="_blank">Genome Browser Announcements</a> -
+<a href="http://groups.google.com/a/soe.ucsc.edu/group/genome-announce?hl=en"
+target="_blank">Subscribe</a></span><br>
+Notifications about new software and data, and
+other announcements (low volume)</p>
+  </div>
+
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;" class="shortParagraph"><a target="_blank" href="https://www.youtube.com/@ucscgenomebrowser">
+<img class='text-center responsive-icon' src="images/youtubeIcon.png"></a>
+</p>
+  </div>
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;margin-top: 0px;">
+<span style="font-size: 17px;">
+<a href="https://www.youtube.com/@ucscgenomebrowser"
+target="_blank">YouTube</a></span><br>
+See our YouTube for Genome Browser training videos</p>
+  </div>
+
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;" class="shortParagraph"><a target="_blank" href="https://twitter.com/GenomeBrowser">
+<img class='text-center responsive-icon' src="images/twitterIcon.png"></a>
+</p>
+  </div>
+  <div class="jwNewsItem jwSingleLineRightColumn">
+<p style="text-align: center;margin-top: 0px;">
+<span style="font-size: 17px;">
+<a href="https://twitter.com/GenomeBrowser"
+target="_blank">Twitter</a></span><br>
+Follow for data and software releases as well as scheduled maintenance
+and service interruption announcements</p>
+  </div>
+          </div>
           </p>
-<p>To keep up to date with our data and feature releases, 
-<a href="http://groups.google.com/a/soe.ucsc.edu/group/genome-announce?hl=en" target="_blank">subscribe</a> to our
-low volume mailing list.
-Announcements are also posted on 
-<a href="http://www.twitter.com/GenomeBrowser" target="_blank"><img class='gbsInlineImg' src="http://twitter-badges.s3.amazonaws.com/t_small-a.png" alt="Follow GenomeBrowser on Twitter">&nbsp;Twitter</a>.
+        </div>
+      </div>
+</div>
+</div>
 </p>
- <!--</div> -->
-  <!-- Right column -->
-  <!--<div class="col-md-3">-->
-    <!-- Display staff image in righthand corner -->
-    <img src= "images/gbstaff21.jpg" width=546 height=200 alt="Genome Browser staff 2021">
-    <!-- </div> -->
-   <!--</div>-->
 
 <a name = "queries"></a>
-<h2>Help us to resolve your question quickly</h2>
+<h2 style="font-size: 21px;margin-top: -10px;">Help us to resolve your question quickly</h2>
 <!--#if expr='"$SERVER_NAME" != /.*.ucsc.edu/ && "$SERVER_NAME" != /.*.sdsc.edu/ 
 && "$SERVER_NAME" != /browser/'-->
 <!-- 'browser' = GBiB -->
 <p>
 <strong>This website <em><!--#echo var="HTTP_HOST" --></em> is a &quot;mirror&quot; not run by
 UCSC.</strong> Please try to contact the person who manages this mirror with questions.</p>
 <p> 
 <strong>If you mail the UCSC mailing list, please include this mirror's address 
 <em>http://<!--#echo var="HTTP_HOST" --></em> with any questions.</strong></p>
 <!--#else -->
 <!--#endif -->
 
 <p>
-Before posting a question, we strongly encourage you to search our mailing list
-archives, our website, and our <a href = "http://genomewiki.soe.ucsc.edu"
-target = _blank>wiki</a> for the answer.  Please follow our
-<a href="FAQ/FAQmaillist.html">technical support guidelines</a> in your queries.
-This will give us enough information to resolve your issue without requests for more information.
- When sending us a
-browser URL, please you use our <a href="cgi-bin/hgSession">Session</a>
-tool to create a link that fully captures the browser settings. All other links 
-to the main Genome Browser will time out after a few days. If the URL is not 
-to the main Genome Browser graphic but for track or item details pages, 
- be sure to remove the &quot;hgsid=&lt;value&gt;&quot; parameter from any URL you
-send, as this can cause your personal settings to change unexpectedly.
-Read more about making <a href = "FAQ/FAQlink.html#link1">links</a> in our documentation.</p>
+Before posting, we strongly recommend 
+<a target="_blank" href="https://groups.google.com/a/soe.ucsc.edu/g/genome">
+searching our mailing list archives</a> and using our website search below
+to match documentation:</p>
+  <p style="text-align: inherit;">
+    <input size=50 name="searchString" id="searchBarSearchString" type="text"
+        placeholder="Search documentation and data..."></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);
+                }
+            }
+            function onFail(jqXHR, textStatus) {
+                window.location.assign("../cgi-bin/hgSearch?search=" + term);
+            }
+
+            // redirect to search disambiguation page if it looks like we didn't enter a regular position:
+            var canonMatch = searchStr.match(canonicalRangeExp)
+            var gbrowserMatch = searchStr.match(gbrowserRangeExp);
+            var lengthMatch = searchStr.match(lengthRangeExp);
+            var bedMatch = searchStr.match(bedRangeExp);
+            var sqlMatch = searchStr.match(sqlRangeExp);
+            var singleMatch = searchStr.match(singleBaseExp);
+            var positionMatch = canonMatch || gbrowserMatch || lengthMatch || bedMatch || sqlMatch || singleMatch;
+
+            // the following encodes the cartJson cmd as a query string, skipping reliance
+            // on hgTracks.js:cart:varsToUrlData()
+            const url = new URL(window.location.href);
+            const params = new URLSearchParams(url.search);
+            params.append("cjCmd", '{"getChromName": {"searchTerm": "' + term + '"}}');
+            if (positionMatch === null) {
+                // user may have entered a full chromosome name, check for that asynchronosly:
+                $.ajax({
+                    type: "GET",
+                    url: "../cgi-bin/hgSearch",
+                    data:  params.toString(),
+                    dataType: "json",
+                    trueSuccess: onSuccess,
+                    success: onSuccess,
+                    error: onFail,
+                    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>
 <p>
-<form name="googleForm1"
-  method="GET" action="https://www.google.com/search"
-  onSubmit="document.googleForm1.q.value=document.googleForm1.qq.value+'   site:genome.ucsc.edu/';">
-  <p>Search the Genome Browser website: &nbsp;
-  <input type="hidden" name="q" value="">
-  <input type="hidden" name="num" value="10">
-  <input type="hidden" name="filter" value="0">
-  <input type=text name=qq size=30 maxlength=255 value="">
-  <input type="submit" value="Submit"></p>
-</form>
-<form name="googleForm4"
-  method="GET" action="https://www.google.com/search" 
-  onSubmit="document.googleForm4.q.value=document.googleForm4.qq.value+'   site:genomewiki.ucsc.edu/index.php';">
-  <p>Search the Genome Browser Wiki Site: &nbsp;
-  <input type="hidden" name="q" value="">
-  <input type="hidden" name="num" value="10">
-  <input type="hidden" name="filter" value="0">
-  <input type=text name=qq size=30 maxlength=255 value="">
-  <input type="submit" value="Submit"></p>
-</form>
-
-<hr>
-
-<p>
-We encourage you to search the appropriate archive before contacting us
-via the mailing list, but we will reply to your message as quickly as we
-can.
-<br><strong><font color="red">Questions and comments submitted to most of
-the Genome Browser forums are publicly accessible and searchable. You may not want
- to send pre-publication data (custom tracks, track hubs), usernames or passwords to these. 
-Use the "genome-www" email address below for queries that you do not want to see in internet search engine results.
-</font></strong></p>
-
-<table>
- <tr>
-   <td>
-     </p><b>Mailing list</b></p>
-   </td>
-   <td>
-     <b>Subscribe</b>
-   </td>
-   <td>
-     <b>Search</b>
-   </td>
-   <td>
-     <b>Write</b>
-   </td>
- </tr>
-
- <tr>
-   <td>
-     <strong>Website and data questions </strong>
-     <br><em><font color = "red"><b>Publicly searchable</b></font>, interactive discussion forum for questions about the UCSC Genome Browser
-     software, annotation database, genome assemblies, bug reports and release cycles (high
-     volume).</em></p>
-   </td>
-   <td>
-     <a href="http://groups.google.com/a/soe.ucsc.edu/group/genome?hl=en" target="_blank">Subscribe</a>
-   </td>
-   <td>
-     <a href="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome"
-     target="_blank">Genome archives</a>
-   </td>
-   <td>
-     <a href="mailto:&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;">&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;</a>
-<!-- above address is genome at soe.ucsc.edu -->
-   </td>
- </tr>
-
-
- <tr>
-   <td>
-     <strong>Server and website access problems</strong>
-     <br><em><strong><font color = red>Private forum</font></strong> for reporting
-     server errors or other access problems on the UCSC Genome Browser or BLAT servers.
-     Scheduled service interruptions for system maintenance are posted to the
-     genome-announce forum and our <a href = "https://twitter.com/@GenomeBrowser"
-     target = _blank>Twitter </a>feed.</em>
-<!--
-Regular weekly maintenance of the Genome Browser database occurs on Sunday afternoons
-between the hours of 2:00 - 3:00 p.m. Pacific Time. Although we allocate an hour for
-this maintenance, the actual down time is usually only a few minutes.
--->
-     <br>Please also use this <strong><font color = red>private forum</font></strong>
-     for sensitive data.  It is visible only to our staff.</p>
-   </td>
-   <td>
-     &nbsp;
-   </td>
-   <td>
-     Private:  Not searchable
-   </td>
-   <td>
-     <a href="mailto:&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;">&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;</a><br>
-<!-- above address is genome-www at soe.ucsc.edu -->
-   </td>
- </tr>
-
- <tr>
-   <td>
-     <a name="mirror"></a>
-     <strong>Mirror and source code questions</strong>
-     <br><em>Interactive discussion forum for questions about the setup and
-     maintenance of Genome Browser mirrors. Commercial use of the source code
-     and binaries requires a <a href="license/index.html">license</a>.</em>
-     <a href="goldenPath/help/mirror.html">Set up a mirror</a>.</p>
-   </td>
-   <td>
-     <a href="http://groups.google.com/a/soe.ucsc.edu/group/genome-mirror?hl=en"
-     target="_blank">Subscribe</a>
-   </td>
-   <td>
-     <a href="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome-mirror"
-     target="_blank">Genome-mirror archives</a>
-   </td>
-   <td>
-     <a href="mailto:&#103;en&#111;&#109;e&#45;&#109;&#105;&#114;&#114;&#111;&#114;&#64;&#115;&#111;&#101;.u&#99;&#115;c.e&#100;&#117;">&#103;en&#111;&#109;e&#45;&#109;&#105;&#114;&#114;&#111;&#114;&#64;&#115;&#111;&#101;.u&#99;&#115;c.e&#100;&#117;</a>
-<!-- above address is genome-mirror at soe.ucsc.edu -->
-   </td>
- </tr>
-
- <tr>
-   <td>
-     <strong>Genome Browser announcements</strong>
-     <br><em>Notifications from the Genome Browser project team about new software and
-     data releases, and other items of interest to Genome Browser users (low volume). </em></p>
-   </td>
-   <td>
-     <a href="http://groups.google.com/a/soe.ucsc.edu/group/genome-announce?hl=en"
-     target="_blank">Subscribe</a>
-   </td>
-   <td>
-     <a href ="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome-announce"
-     target="_blank">Genome-announce archives</a>
-   </td>
-   <td>
-     <b>&nbsp;</b>
-   </td>
- </tr>
-
- <tr>
-   <td>
-     <strong id="hub">Track hub developers mailing List - discontinued in favor of a <a href="goldenPath/help/trackDb/changes.html">changes page</a></strong>
-     <br><em>Track Hub Developers can learn about new Track Hub settings on our
-     <a href="http://genomewiki.ucsc.edu/index.php/Genome_Browser_Software_Features">software release
-     log</a> or ask to join this collaborative mailing list to receive news about new track hub settings.
-     The list shares updates about new documented settings on the
-     <a href="goldenPath/help/trackDb/trackDbHub.html">Hub Track Database Definition</a> page.</em></p>
-   </td>
-   <td>
-   </td>
-   <td>
-     <a href="http://groups.google.com/a/soe.ucsc.edu/group/track-hubs"
-     target="_blank">Track hub developers archives</a>
-   </td>
-   <td>
-     <a href="mailto:&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;">&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;</a><br>
-   </td>
- </tr>
-
- <tr>
-   <td>
-     <strong>Genome Browser Training Program</strong>
-     <br><em>For information about virtual or in-person training,
-     <a href="mailto:genome-www@soe.ucsc.edu" target="_blank">please email us</a>.</em></p>
-   </td>
-   <td>
-     &nbsp;
-   </td>
-   <td>
-     &nbsp;
-   </td>
-   <td>
-     <a href="mailto:&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;">&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;</a><br>
-   </td>
- </tr>
-
- <tr>
-   <td>
-     <a name="followup"></a>
-     <strong>Comments and suggestions </strong>
-     <br><em>Private forum for suggesting new tracks, utilities, and other features
-     for the Genome Browser.</em></p>
-   </td>
-   <td>
-     &nbsp;
-   </td>
-   <td>
-     &nbsp;
-   </td>
-   <td>
-     <a href="cgi-bin/hgUserSuggestion">Suggestion Box</a><br>
-   </td>
- </tr>
-
-</table>
-
-<h2>Commercial licensing inquiries</h2>
+When posting a question, please consider these points to ensure we can assist swiftly:
+<ul>
+<li>Include <b>screenshots and URLs</b> whenever possible. For errors,
+describe the steps taken that led to the error.</li>
+<li>When sending a <a href="cgi-bin/hgTracks" target="_blank">tracks display</a> 
+URL, use the <a href="cgi-bin/hgSession" target="_blank">Session tool</a>. Web browser 
+URLs can <b>change or expire</b> for our tracks display.</li>
+<li>If your issue is regarding custom data, <b>include that data</b> (or a small subset) 
+in your message so that we may replicate the problem.</li>
+<li>If you would like to request a browser for a new assembly, use our 
+<a href="https://genome.ucsc.edu/assemblyRequest.html?all" target="_blank">GenArk 
+assembly request</a> form.</li>
+</ul></p>
+
+<h2 style="font-size: 20px;">Commercial licensing inquiries</h2>
 <p>
 <strong>Genome Browser: </strong>
 <a href="mailto:&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;">&#103;&#101;&#110;o&#109;&#101;-&#119;&#119;&#119;&#64;&#115;o&#101;.&#117;c&#115;&#99;.e&#100;&#117;</a><br>
 <!--above address is genome-www at soe.ucsc.edu -->
-<em>Private forum for licensing questions. For more information about licensing the Genome Browser
+<em>Private list for licensing questions. For more information about licensing the Genome Browser
 software, see the <a href="license/">software licensing requirements</a>. </em></p>
 <p>
 
 <strong>Blat and In-Silico PCR: </strong> 
 <a href="mailto:&#107;&#101;&#110;t&#64;&#115;&#111;&#101;.&#117;&#99;&#115;c.&#101;&#100;u">&#107;&#101;&#110;t&#64;&#115;&#111;&#101;.&#117;&#99;&#115;c.&#101;&#100;u</a><br>
 <!-- above address is kent at soe.ucsc.edu -->
 <em>See the <a href="http://www.kentinformatics.com" 
-target="_blank">Kent Informatics</a> web site for more information.</em></p>
-
-<h2>Postal address</h2>
-
-<p>We accept chocolate and hop-based drinks from users who want to express their satisfaction with our services:
-
-     <p>
-     UCSC Genome Browser Group<br>
-     University of California, Santa Cruz<br>
-     1156 High Street<br>
-     Mailstop: Genomics Institute<br>
-     Santa Cruz, CA 95064</p>
-</p>
-
+target="_blank">Kent Informatics</a> for more information.</em></p>
 
 <!--#include virtual="$ROOT/inc/gbPageEnd.html" -->