docs/slideDecks/tutorial2-cancer/presentation/index.html 9b8e3a4bcd84ad0ee122031ec21680730c02df2f

9b8e3a4bcd84ad0ee122031ec21680730c02df2f
mspeir
  Thu Jul 23 15:34:52 2026 -0700
Move vendored reveal.js library out of docs/slideDecks into the source tree

Per code review feedback on #37904, the reveal.js 5.1.0 files used by the
training slide decks now live in their conventional homes rather than bundled
under docs/slideDecks/reveal.js:

- JS  -> src/hg/js/external/ (reveal-5.1.0.js, reveal-notes-5.1.0.js),
added to that makefile; MIT LICENSE kept alongside.
- CSS -> src/hg/htdocs/style/ (reveal-5.1.0.css, reveal-white-5.1.0.css),
added to that makefile.
- Source Sans Pro fonts -> src/hg/htdocs/fonts/source-sans-pro/, matching
the existing font-awesome pattern (auto-rsynced, no makefile edit).

The white theme's @import and the five deck index.html files were updated to
reference the assets by absolute /js, /style, and /fonts paths.

refs #37904

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

diff --git docs/slideDecks/tutorial2-cancer/presentation/index.html docs/slideDecks/tutorial2-cancer/presentation/index.html
index 7ee9fe98fe1..40f4ecee470 100644
--- docs/slideDecks/tutorial2-cancer/presentation/index.html
+++ docs/slideDecks/tutorial2-cancer/presentation/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>UCSC Genome Browser · Tutorial 2: Cancer Data</title>
 
-<link rel="stylesheet" href="../../reveal.js/dist/reveal.css">
-<link rel="stylesheet" href="../../reveal.js/dist/theme/white.css" id="theme">
+<link rel="stylesheet" href="/style/reveal-5.1.0.css">
+<link rel="stylesheet" href="/style/reveal-white-5.1.0.css" id="theme">
 
 <style>
   :root{
     --ucsc-blue:#1f3a5f;
     --ucsc-accent:#0b5394;
     --ucsc-gold:#e6a817;
   }
   .reveal { font-size: 32px; }
   .reveal h1,.reveal h2,.reveal h3 { color: var(--ucsc-blue); text-transform:none; letter-spacing:normal; }
   .reveal h1 { font-size: 1.9em; }
   .reveal h2 { font-size: 1.32em; }
   .reveal section img { border:none; box-shadow:none; }
   .reveal a { color: var(--ucsc-accent); }
   .reveal ul { width: 100%; box-sizing: border-box; }
   .reveal li { margin: 0.16em 0; }
@@ -306,30 +306,30 @@
     <li>Help &rarr; <strong>Interactive Tutorials</strong>, or the docs at <a href="https://genome.ucsc.edu/docs/">genome.ucsc.edu/docs</a>.</li>
     <li>Email the team: <strong>genome@soe.ucsc.edu</strong>.</li>
   </ul>
 </section>
 
 <section class="divider" data-background-color="#1f3a5f">
   <h1 style="color:#fff;margin-bottom:0.12em;">Thank you!</h1>
   <p style="color:#fff;font-size:0.72em;margin:0.05em 0;">Questions? · genome@soe.ucsc.edu</p>
   <p style="color:#cdd9e8;font-size:0.55em;margin:0.05em 0 0.45em;">UCSC Genome Browser · genome.ucsc.edu</p>
   <figure class="fig" style="margin:0 auto;"><img src="/images/slideDecks/tutorial2-cancer/gb_team.jpg" alt="UCSC Genome Browser team" style="max-height:360px;width:auto;border-radius:8px;"></figure>
 </section>
 
 </div>
 </div>
 
-<script src="../../reveal.js/dist/reveal.js"></script>
-<script src="../../reveal.js/plugin/notes/notes.js"></script>
+<script src="/js/reveal-5.1.0.js"></script>
+<script src="/js/reveal-notes-5.1.0.js"></script>
 <script>
   Reveal.initialize({
     hash: true,
     slideNumber: 'c/t',
     transition: 'fade',
     width: 1280,
     height: 800,
     margin: 0.06,
     plugins: [ RevealNotes ]
   });
 </script>
 </body>
 </html>