603a734862321da4d9bde067c47a4a13175acc02 mspeir Thu Jul 23 09:24:22 2026 -0700 Changes to slide decks based on CR; Adding reveal.js to source tree, rather than using CDN, refs #37874 #37904 diff --git docs/slideDecks/tutorial4-clinical-cases/tableOfContents/index.html docs/slideDecks/tutorial4-clinical-cases/tableOfContents/index.html index 9c7988c55c2..2c57435df66 100644 --- docs/slideDecks/tutorial4-clinical-cases/tableOfContents/index.html +++ docs/slideDecks/tutorial4-clinical-cases/tableOfContents/index.html @@ -1,97 +1,97 @@ <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contents · UCSC Genome Browser · Tutorial 4: Clinical case studies</title> <style> :root{ --ucsc-blue:#1f3a5f; --ucsc-accent:#0b5394; --ucsc-gold:#e6a817; } *{ box-sizing:border-box; } body{ margin:0; font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:#24292f; background:#f4f6f9; line-height:1.4; } header.top{ background:var(--ucsc-blue); color:#fff; padding:1.4em 1.2em; } header.top .kick{ color:var(--ucsc-gold); letter-spacing:2px; text-transform:uppercase; font-size:0.72rem; font-weight:700; } header.top h1{ margin:0.15em 0 0; font-size:1.5rem; font-weight:600; } header.top p{ margin:0.3em 0 0; color:#cdd9e8; font-size:0.9rem; } header.top a{ color:#fff; } .wrap{ max-width:1180px; margin:0 auto; padding:1.4em 1.2em 3em; } .groups{ column-width:330px; column-gap:1.4em; margin-top:1em; } .group{ break-inside:avoid; -webkit-column-break-inside:avoid; background:#fff; border:1px solid #dce3ea; border-left:4px solid var(--ucsc-gold); border-radius:8px; padding:0.7em 0.9em; margin:0 0 1.1em; box-shadow:0 1px 3px rgba(0,0,0,.05); } .group > a.gh{ display:block; color:var(--ucsc-blue); font-weight:700; font-size:1.0rem; text-decoration:none; margin-bottom:0.35em; } .group > a.gh:hover{ text-decoration:underline; } ul.slides{ list-style:none; margin:0; padding:0; } ul.slides li{ margin:0.12em 0; } ul.slides a{ display:flex; gap:0.55em; align-items:baseline; color:#0b5394; text-decoration:none; padding:0.12em 0.2em; border-radius:5px; font-size:0.92rem; } ul.slides a:hover{ background:#eef4fb; text-decoration:underline; } .n{ flex:none; min-width:1.9em; text-align:center; font-family:monospace; font-size:0.78rem; background:#eef1f5; color:#5b6673; border-radius:5px; padding:0.02em 0.3em; } footer{ color:#8a949f; font-size:0.8rem; padding:0 1.2em 2em; max-width:1180px; margin:0 auto; } footer a{ color:var(--ucsc-accent); } </style> </head> <body> <header class="top"> <div class="kick">Self-paced tutorial · UCSC Genome Browser</div> <h1>Tutorial 4: Clinical case studies — Contents</h1> <p>Jump straight to any slide. <a style="text-decoration:underline" href="../presentation/">Open the full deck →</a></p> </header> <div class="wrap"> <div class="groups"> <div class="group"> <a class="gh" href="../presentation/#/0">Welcome</a> <ul class="slides"> <li><a href="../presentation/#/0"><span class="n">1</span><span>Real diagnostic variants, worked live on the Browser</span></a></li> <li><a href="../presentation/#/1"><span class="n">2</span><span>How these case studies work</span></a></li> </ul> </div> <div class="group"> <a class="gh" href="../presentation/#/2">Coding variants</a> <ul class="slides"> - <li><a href="../presentation/#/3"><span class="n">4</span><span>MECP2 — Rett syndrome</span></a></li> - <li><a href="../presentation/#/4"><span class="n">5</span><span>MAP2K2 — a small missense</span></a></li> + <li><a href="../presentation/#/3"><span class="n">4</span><span>MECP2: Rett syndrome</span></a></li> + <li><a href="../presentation/#/4"><span class="n">5</span><span>MAP2K2: a small missense</span></a></li> </ul> </div> <div class="group"> <a class="gh" href="../presentation/#/5">Read the annotation carefully</a> <ul class="slides"> - <li><a href="../presentation/#/6"><span class="n">7</span><span>TCF4 — but do you trust this exon?</span></a></li> + <li><a href="../presentation/#/6"><span class="n">7</span><span>TCF4, but do you trust this exon?</span></a></li> </ul> </div> <div class="group"> <a class="gh" href="../presentation/#/7">Splicing</a> <ul class="slides"> - <li><a href="../presentation/#/8"><span class="n">9</span><span>IGHMBP2 — a new splice site deep in an intron</span></a></li> - <li><a href="../presentation/#/9"><span class="n">10</span><span>KCTD7 — a synonymous variant that isn't silent</span></a></li> + <li><a href="../presentation/#/8"><span class="n">9</span><span>IGHMBP2: a new splice site deep in an intron</span></a></li> + <li><a href="../presentation/#/9"><span class="n">10</span><span>KCTD7: a synonymous variant that isn't silent</span></a></li> </ul> </div> <div class="group"> <a class="gh" href="../presentation/#/10">Non-coding & regulatory</a> <ul class="slides"> - <li><a href="../presentation/#/11"><span class="n">12</span><span>POU1F1 — a deletion upstream of the gene</span></a></li> - <li><a href="../presentation/#/12"><span class="n">13</span><span>SHH / ZRS — a limb enhancer in an intron of LMBR1</span></a></li> - <li><a href="../presentation/#/13"><span class="n">14</span><span>RNU4-2 — a variant in a non-coding RNA gene</span></a></li> + <li><a href="../presentation/#/11"><span class="n">12</span><span>POU1F1: a deletion upstream of the gene</span></a></li> + <li><a href="../presentation/#/12"><span class="n">13</span><span>SHH / ZRS: a limb enhancer in an intron of LMBR1</span></a></li> + <li><a href="../presentation/#/13"><span class="n">14</span><span>RNU4-2: a variant in a non-coding RNA gene</span></a></li> </ul> </div> <div class="group"> <a class="gh" href="../presentation/#/14">Structural & repeat</a> <ul class="slides"> <li><a href="../presentation/#/15"><span class="n">16</span><span>A 2.22 Mb duplication on chromosome 22</span></a></li> - <li><a href="../presentation/#/16"><span class="n">17</span><span>FGF14 — a GAA repeat expansion</span></a></li> + <li><a href="../presentation/#/16"><span class="n">17</span><span>FGF14: a GAA repeat expansion</span></a></li> </ul> </div> <div class="group"> <a class="gh" href="../presentation/#/17">More cases</a> <ul class="slides"> <li><a href="../presentation/#/18"><span class="n">19</span><span>More cases: de novo neurodevelopmental variants</span></a></li> </ul> </div> <div class="group"> <a class="gh" href="../presentation/#/19">Wrap-up</a> <ul class="slides"> <li><a href="../presentation/#/19"><span class="n">20</span><span>What these cases show</span></a></li> <li><a href="../presentation/#/20"><span class="n">21</span><span>Thank you!</span></a></li> </ul> </div> </div> </div> <footer>UCSC Genome Browser · 21 slides · press <strong>S</strong> in the deck for speaker notes</footer> </body> </html> \ No newline at end of file