c200ff2fb784fbbb87ef547abde79d805217d3b5
markd
  Fri Jul 15 20:32:22 2022 -0700
re-did the quick and dirty import of the GenArk T2T-supplied tracks so it will be possible to add pending tracks

diff --git src/hg/htdocs/images/rmskExample1.svg src/hg/htdocs/images/rmskExample1.svg
new file mode 100644
index 0000000..724c7ec
--- /dev/null
+++ src/hg/htdocs/images/rmskExample1.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="640.0000000000001" height="150" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <g>
+  <title>Layer 1</title>
+  <path id="svg_4" d="m231.1875,66l132,0l0.5,13.5l0.5,14.5l-133,0l0,-14l0,-14z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#f90404" fill="#999999"/>
+  <line stroke="#000000" id="svg_7" y2="49.79012" x2="458.68436" y1="49.79012" x1="366.35802" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="2,2" stroke-width="2" fill="none"/>
+  <line stroke="#000000" id="svg_8" y2="57.79012" x2="455.35802" y1="41.79012" x1="462.35802" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="2" fill="none"/>
+  <line stroke="#000000" id="svg_9" y2="57.79012" x2="493.10802" y1="41.79012" x1="500.10802" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="2" fill="none"/>
+  <line id="svg_12" y2="58.79012" x2="594.10802" y1="41.79012" x1="594.10802" stroke-linecap="null" stroke-linejoin="null" stroke-width="2" stroke="#000000" fill="none"/>
+  <line stroke="#000000" id="svg_10" y2="49.79012" x2="592.7712" y1="49.79012" x1="500.44486" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="2,2" stroke-width="2" fill="none"/>
+  <line id="svg_13" y2="51.96878" x2="228" y1="68" x1="228" stroke-linecap="null" stroke-linejoin="null" stroke-width="2" stroke="#000000" fill="none"/>
+  <line id="svg_14" stroke="#000000" y2="52" x2="228.66318" y1="52" x1="136.33684" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="2,2" stroke-width="2" fill="none"/>
+  <line id="svg_15" y2="61.5" x2="133.5" y1="44.5" x1="133.5" stroke-linecap="null" stroke-linejoin="null" stroke-width="2" stroke="#000000" fill="none"/>
+  <path stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#1F77B4" fill="#989898" id="svg_1"/>
+  <line stroke="#000000" y2="49.79012" x2="458.68436" y1="49.79012" x1="366.35802" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="2,2" stroke-width="2" fill="none" id="svg_3"/>
+  <line stroke="#000000" y2="57.79012" x2="455.35802" y1="41.79012" x1="462.35802" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="2" fill="none" id="svg_5"/>
+  <line stroke="#FFFFFF" id="svg_21" y2="79.8125" x2="244" y1="91.0625" x1="234" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none"/>
+  <line id="svg_22" y2="80.1875" x2="244.25" y1="68.8125" x1="234.0625" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none"/>
+  <line id="svg_6" y2="48.79012" x2="365.98302" y1="67.84138" x1="366.98302" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="2" fill="none" stroke="#000000" transform="rotate(1.8229113817214966 366.48303222656205,58.315750122070604) "/>
+  <line stroke="#FFFFFF" y2="79.875" x2="253.25" y1="91.125" x1="243.25" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_2"/>
+  <line y2="80.25" x2="253.5" y1="68.875" x1="243.3125" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_18"/>
+  <line stroke="#FFFFFF" y2="79.875" x2="262.375" y1="91.125" x1="252.375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_19"/>
+  <line y2="80.25" x2="262.625" y1="68.875" x1="252.4375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_20"/>
+  <line stroke="#FFFFFF" y2="79.59375" x2="271.4375" y1="90.84375" x1="261.4375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_23"/>
+  <line y2="79.96875" x2="271.6875" y1="68.59375" x1="261.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_24"/>
+  <line stroke="#FFFFFF" y2="79.65625" x2="280.6875" y1="90.90625" x1="270.6875" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_25"/>
+  <line y2="80.03125" x2="280.9375" y1="68.65625" x1="270.75" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_26"/>
+  <line stroke="#FFFFFF" y2="79.65625" x2="289.8125" y1="90.90625" x1="279.8125" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_27"/>
+  <line y2="80.03125" x2="290.0625" y1="68.65625" x1="279.875" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_28"/>
+  <line stroke="#FFFFFF" y2="79.84375" x2="298.9375" y1="91.09375" x1="288.9375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_29"/>
+  <line y2="80.21875" x2="299.1875" y1="68.84375" x1="289" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_30"/>
+  <line stroke="#FFFFFF" y2="79.90625" x2="308.1875" y1="91.15625" x1="298.1875" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_31"/>
+  <line y2="80.28125" x2="308.4375" y1="68.90625" x1="298.25" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_32"/>
+  <line stroke="#FFFFFF" y2="79.90625" x2="317.3125" y1="91.15625" x1="307.3125" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_33"/>
+  <line y2="80.28125" x2="317.5625" y1="68.90625" x1="307.375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_34"/>
+  <line stroke="#FFFFFF" y2="79.84375" x2="326.6875" y1="91.09375" x1="316.6875" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_35"/>
+  <line y2="80.21875" x2="326.9375" y1="68.84375" x1="316.75" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_36"/>
+  <line stroke="#FFFFFF" y2="79.90625" x2="335.9375" y1="91.15625" x1="325.9375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_37"/>
+  <line stroke="#FFFFFF" y2="79.90625" x2="345.0625" y1="91.15625" x1="335.0625" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_39"/>
+  <line y2="80.28125" x2="345.3125" y1="68.90625" x1="335.125" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_40"/>
+  <line stroke="#FFFFFF" y2="79.84375" x2="335.9375" y1="91.09375" x1="325.9375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_41"/>
+  <line y2="80.21875" x2="336.1875" y1="68.84375" x1="326" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_42"/>
+  <line stroke="#FFFFFF" y2="79.90625" x2="345.1875" y1="91.15625" x1="335.1875" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_43"/>
+  <line y2="80.28125" x2="345.4375" y1="68.90625" x1="335.25" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_44"/>
+  <line stroke="#FFFFFF" y2="79.90625" x2="354.3125" y1="91.15625" x1="344.3125" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" fill="none" id="svg_45"/>
+  <line y2="80.28125" x2="354.5625" y1="68.90625" x1="344.375" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="null" stroke="#FFFFFF" fill="none" id="svg_46"/>
+  <text font-weight="normal" xml:space="preserve" text-anchor="middle" font-family="Serif" font-size="18" id="svg_11" y="55.66666" x="476.66666" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">384</text>
+ </g>
+</svg>