6d4b6f98a4144956ad7029bd7c1874ffd90fdf2f mspeir Wed Jul 8 09:23:00 2026 -0700 redoing slides as embedded html slide deck, refs #37292 diff --git docs/slideDecks/tutorial5-teaching/tableOfContents/index.html docs/slideDecks/tutorial5-teaching/tableOfContents/index.html new file mode 100644 index 00000000000..2d31eb50ecf --- /dev/null +++ docs/slideDecks/tutorial5-teaching/tableOfContents/index.html @@ -0,0 +1,92 @@ +<!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 5: Teaching with the Browser</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 5: Teaching with the Browser — 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>Ready-made, interactive modules for the classroom</span></a></li> + <li><a href="../presentation/#/1"><span class="n">2</span><span>The Education portal</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/2">Reading the gene</a> + <ul class="slides"> + <li><a href="../presentation/#/3"><span class="n">4</span><span>Reading the gene, base by base</span></a></li> + <li><a href="../presentation/#/4"><span class="n">5</span><span>Another module: the “Wobble Base” module</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/5">Variants and their effects</a> + <ul class="slides"> + <li><a href="../presentation/#/6"><span class="n">7</span><span>Variants and their effects</span></a></li> + <li><a href="../presentation/#/7"><span class="n">8</span><span>Spotlight: the “Missense Variants” module</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/8">Splicing & isoforms</a> + <ul class="slides"> + <li><a href="../presentation/#/9"><span class="n">10</span><span>Bonus module: the “Splicing” module if time</span></a></li> + <li><a href="../presentation/#/10"><span class="n">11</span><span>Isoforms and tissues</span></a></li> + <li><a href="../presentation/#/11"><span class="n">12</span><span>Spotlight: tissue-specific expression</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/12">Regulation & epigenetics</a> + <ul class="slides"> + <li><a href="../presentation/#/13"><span class="n">14</span><span>Regulation & epigenetics</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/14">Disease & evolution</a> + <ul class="slides"> + <li><a href="../presentation/#/15"><span class="n">16</span><span>Case studies: disease</span></a></li> + <li><a href="../presentation/#/16"><span class="n">17</span><span>Case studies: evolution</span></a></li> + <li><a href="../presentation/#/17"><span class="n">18</span><span>Spotlight: why apes have no tails</span></a></li> + </ul> + </div> + <div class="group"> + <a class="gh" href="../presentation/#/18">Wrap-up</a> + <ul class="slides"> + <li><a href="../presentation/#/18"><span class="n">19</span><span>Bringing it into the classroom</span></a></li> + <li><a href="../presentation/#/19"><span class="n">20</span><span>Thank you!</span></a></li> + </ul> + </div> + </div> +</div> +<footer>UCSC Genome Browser · 18 slides · press <strong>S</strong> for speaker notes</footer> +</body> +</html> \ No newline at end of file