36c90af395efb0985f7f840005cb1ff9640d9d16
lrnassar
  Mon Jan 20 09:19:13 2025 -0800
Additional tweaks to the new docs page, more details in the ticket. Refs #30335

diff --git docs/gb101.md docs/gb101.md
index 9951b4e..51f4ae5 100644
--- docs/gb101.md
+++ docs/gb101.md
@@ -1,47 +1,49 @@
-% Introduction to the UCSC Genome Browser 101
+---
+title: "UCSC Genome Browser 101"
+---
 
 This tutorial is a basic introduction of the most common UCSC Genome Browser usage. This includes the
 navigation menu, configuration of the tracks display, and where to find additional resources.
 
 Explore each of the three section below to learn the material in a different form.
 
 <div class="row" style="padding-top: 15px">
 <div class="col-md-4">
 <div class="panel panel-default" style="padding-bottom: 10px">
 <h3 class="panel-title" style="width: -webkit-fill-available;"
 >Browser Interface Annotated Screenshot</h3>
 
 This 'cheat sheet' highlights and describes the main features and functionalities of
 the tracks display.
 
 <p style="text-align: end">
-<button>[View](#annot-screenshot)</button>
+<button>[View](#annotated-screenshot)</button>
 </p>
 </div>
 </div>
 
 <div class="col-md-4">
 <div class="panel panel-default" style="padding-bottom: 10px">
 <h3 class="panel-title" style="width: -webkit-fill-available;"
 >Guided Workthrough</h3>
 
 A guided workthrough that explains menu bar navigation, 
 as well as using and configuring the tracks display.
 
 <p style="text-align: end">
-<button>[View](#guided-work)</button>
+<button>[View](#guided-workthorugh)</button>
 </p>
 </div>
 </div>
 
 <div class="col-md-4">
 <div class="panel panel-default" style="padding-bottom: 10px">
 <h3 class="panel-title" style="width: -webkit-fill-available;"
 >Interactive Tutorial</h4>
 
 An interactive tutorial that covers the basic Browser introduction on this page.
 
 <p style="text-align: end">
 <button>[View](../cgi-bin/hgTracks?#showTutorial)</button>
 </p>
 </div>