6d4b6f98a4144956ad7029bd7c1874ffd90fdf2f mspeir Wed Jul 8 09:23:00 2026 -0700 redoing slides as embedded html slide deck, refs #37292 diff --git docs/slideDecks/tutorial2-cancer/tableOfContents/index.html docs/slideDecks/tutorial2-cancer/tableOfContents/index.html new file mode 100644 index 00000000000..223e70729ea --- /dev/null +++ docs/slideDecks/tutorial2-cancer/tableOfContents/index.html @@ -0,0 +1,79 @@ +<!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 2: Cancer Data</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 2: Cancer Data — 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>Title</span></a></li> + <li><a href="../presentation/#/1"><span class="n">2</span><span>What we'll cover</span></a></li> + <li><a href="../presentation/#/2"><span class="n">3</span><span>Where the cancer data lives</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/3">Somatic variants</a> + <ul class="slides"> + <li><a href="../presentation/#/4"><span class="n">5</span><span>CIViC: Clinical Interpretation of Variants in Cancer</span></a></li> + <li><a href="../presentation/#/5"><span class="n">6</span><span>CIViC: click a feature for the details</span></a></li> + <li><a href="../presentation/#/6"><span class="n">7</span><span>CIViC: the page for BRAF V600E</span></a></li> + <li><a href="../presentation/#/7"><span class="n">8</span><span>CIViC: the evidence behind each call</span></a></li> + <li><a href="../presentation/#/8"><span class="n">9</span><span>COSMIC: Catalogue of Somatic Mutations in Cancer</span></a></li> + <li><a href="../presentation/#/9"><span class="n">10</span><span>ClinVar: variant-disease classifications</span></a></li> + <li><a href="../presentation/#/10"><span class="n">11</span><span>ClinVar database link</span></a></li> + <li><a href="../presentation/#/11"><span class="n">12</span><span>TCGA Pan-Cancer</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/12">Germline variants</a> + <ul class="slides"> + <li><a href="../presentation/#/13"><span class="n">14</span><span>GenCC: the Gene Curation Coalition</span></a></li> + <li><a href="../presentation/#/14"><span class="n">15</span><span>GenCC: click through to the source</span></a></li> + <li><a href="../presentation/#/15"><span class="n">16</span><span>OMIM: Online Mendelian Inheritance in Man</span></a></li> + <li><a href="../presentation/#/16"><span class="n">17</span><span>gnomAD: Genome Aggregation Database</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/17">Wrap-up</a> + <ul class="slides"> + <li><a href="../presentation/#/17"><span class="n">18</span><span>Where to next</span></a></li> + <li><a href="../presentation/#/18"><span class="n">19</span><span>Thank you</span></a></li> + </ul> + </div> + </div> +</div> +<footer>UCSC Genome Browser · 19 slides · press <strong>S</strong> in the deck for speaker notes</footer> +</body> +</html> \ No newline at end of file