69535d985db2e0cf42b05b5eaaae581704df5627
kuhn
  Thu Sep 9 18:03:41 2021 -0700
added search box, removed bullets from topics section to match other help pages, added section for videos about links

diff --git src/hg/htdocs/FAQ/FAQlink.html src/hg/htdocs/FAQ/FAQlink.html
index ca11811..a663ce6 100755
--- src/hg/htdocs/FAQ/FAQlink.html
+++ src/hg/htdocs/FAQ/FAQlink.html
@@ -1,38 +1,67 @@
 <!DOCTYPE html>
 <!--#set var="TITLE" value="Genome Browser FAQ" -->
 <!--#set var="ROOT" value=".." -->
 
 <!-- Relative paths to support mirror sites with non-standard GB docs install -->
 <!--#include virtual="$ROOT/inc/gbPageStart.html" -->
 
 <h1>Frequently Asked Questions: Linking to the Genome Browser</h1>
 
 <h2>Topics</h2>
 
+<div class="row">
+<div class="col-md-5">
+<h6> <a href="#link1">Creating a sharable URL to view specific tracks</a> </h6>
+<h6> <a href="#link2">Linking to the Browser at a specific position, or default position</a> </h6>
+<h6> <a href="#zoomVariant">Zooming in or out using a link to an HGVS identifier</a> </h6>
+<h6> <a href="#trackViz">Setting track visibility via URL</a> </h6>
+<h6> <a href="#custUrl">Loading Custom Tracks with the URL</a> </h6>
+<h6> <a href="#hubUrl">Loading Track Hubs and Assembly Hubs with the URL</a> </h6>
+<h6> <a href="#genes">Linking to gene-specific information</a> </h6>
+<h6> <a href="#hgsid">The hgsid parameter</a> </h6>
+<h6> <a href="#moreInfo">Additional URL parameters</a> </h6>
+
+<h6><a href="#Videos">Video demonstrations of making links</a></h6>
 <ul>
-<li><a href="#link1">Creating a sharable URL to view specific tracks</a></li>
-<li><a href="#link2">Linking to the Browser at a specific position, or default position</a></li>
-<li><a href="#zoomVariant">Zooming in or out using a link to an HGVS identifier</a></li>
-<li><a href="#trackViz">Setting track visibility via URL</a></li>
-<li><a href="#custUrl">Loading Custom Tracks with the URL</a></li>
-<li><a href="#hubUrl">Loading Track Hubs and Assembly Hubs with the URL</a></li>
-<li><a href="#genes">Linking to gene-specific information</a></li>
-<li><a href="#hgsid">The hgsid parameter</a></li>
-<li><a href="#moreInfo">Additional URL parameters</a></li>
+  <li><a href="#LinkVid1"><strong> Understanding the URL</strong></a></li>
+  <li><a href="#LinkVid2"><strong> Jump into genes</strong></a></li>
+  <li><a href="#LinkVid3"><strong> Composites, custom tracks, spreadsheets</strong></a></li>
+
 </ul>
 
+</div>
+<div class="col-md-7">
+
+<form name="googleForm1" method="GET" action="http://www.google.com/search"
+onSubmit="document.googleForm1.q.value=document.googleForm1.qq.value+
+'   site:genome.ucsc.edu/goldenPath/help';">
+<p>
+  Search the Genome Browser help pages: &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">
+</form>
+</p>
+<p><a href="../../contacts.html">Questions and feedback are welcome</a>.
+
+ </div>
+</div>
+
+
 <a name="link1"></a>
 <h2>Creating a sharable URL to view specific tracks</h2>
 <h6>How do I create a link to the Genome Browser to share my data?</h6>
 <p> 
 The easiest way to save and share tracks from the URL is by
 <a href="../cgi-bin/hgLogin" TARGET="_blank">logging in</a> to your Genome Browser account and
 creating a <a href="../goldenPath/help/hgSessionHelp.html">saved session</a>.
 Saved sessions are a versatile way to share data that may include native annotations, Custom
 Tracks, Track Hubs, and Assembly Hubs. In these examples, text in brackets <b>"&lt;"</b> and <b>"&gt;"</b> 
 indicate places where the user supplies information. Note that the brackets are not needed for the 
 URL, including the brackets will result in a 'Could not find session' error.</p>
 <p>
 You will be able to share Genome Browser sessions with the following link format:</p>
 <p><code>http://genome.ucsc.edu/s/&lt;userName&gt;/&lt;sessionName&gt;</code></p>
 <p>
@@ -253,16 +282,74 @@
 
 <a name="moreInfo"></a>
 <h2>Additional URL parameters</h2>
 <h6>Are there any more resources for URL and link parameters?</h6>
 <p>
 For more information, please see our <a href=../goldenPath/help/customTrack.html#optParams>section
 on URL parameters for custom tracks</a>. If you cannot find what 
 you are looking for, please contact our active mailing list by emailing 
 <a href="mailto:&#103;e&#110;o&#109;&#101;&#64;&#115;&#111;&#101;.&#117;&#99;&#115;c.
 e&#100;u">&#103;e&#110;o&#109;&#101;&#64;&#115;&#111;&#101;.&#117;&#99;&#115;c.e&#100;u</a>. All 
 messages sent to that address are publicly archived. If your question includes sensitive data, 
 you may send it instead to <a href="mailto:&#103;e&#110;&#111;&#109;&#101;&#45;&#119;w&#119;
 &#64;&#115;&#111;&#101;.u&#99;&#115;c.&#101;&#100;&#117;">
 &#103;e&#110;&#111;&#109;&#101;&#45;&#119;w&#119;&#64;&#115;&#111;&#101;.
 u&#99;&#115;c.&#101;&#100;&#117;</a></p>
+
+<a name="Videos"></a>
+<p>
+</p>
+<h2>Videos</h2>
+
+<a name="LinkVid1"></a>
+<p>
+</p>
+<h3>Video demonstration: Links: Understanding the URL </h3>
+<p>
+
+</p><p>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/p6TPvHDmpJk?rel=0"
+frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+allowfullscreen></iframe>
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+Visit our
+<a href="https://www.youtube.com/channel/UCQnUJepyNOw0p8s2otX4RYQ/videos"
+target="_blank">YouTube channel</a>.
+</p>
+
+<a name="LinkVid2"></a>
+<p>
+</p>
+<h3>Video demonstration: Links: Jump into genes </h3>
+<p>
+</p><p>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/xmcyz2GyRKA?rel=0"
+frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+allowfullscreen></iframe>
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+Visit our
+<a href="https://www.youtube.com/channel/UCQnUJepyNOw0p8s2otX4RYQ/videos"
+target="_blank">YouTube channel</a>.
+</p>
+ 
+
+<a name="LinkVid3"></a>
+<p>
+</p>
+<h3>Video demonstration: Links: Composites, custom tracks, spreadsheets</h3>
+<p>
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/Yy4UmepYs2Q?rel=0"
+frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+allowfullscreen></iframe>
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+Visit our
+<a href="https://www.youtube.com/channel/UCQnUJepyNOw0p8s2otX4RYQ/videos"
+target="_blank">YouTube channel</a>.
+<p>
+</p><p>
+
+
 <!--#include virtual="$ROOT/inc/gbPageEnd.html" -->