a8d8d0e805bc550786aef8570670c5d16ffb65ee
mspeir
  Sun Apr 28 18:32:11 2024 -0700
updated index, added gb101.md stub, added page_template.md refs #30335

diff --git docs/index.md docs/index.md
index e7b941f..f1873bb 100644
--- docs/index.md
+++ docs/index.md
@@ -1,40 +1,69 @@
-% A sample Markdown page
-
-[comment]: <> (QA: This is a comment, it will not appear in the HTML)
-
-# Overview of the Genome Browser
-
-The genome browser requires humans:
-
-- sample unnumbered list line 1
-- item 2 and `backticks`
-
-# Requirements
-
-A bulleted list:
-
-* There
-* Here
-* 'with links' map plotting tools <http://www.soest.hawaii.edu/gmt/>
-* Redhat/Fedora/CentOS: `yum install libpng12 httpd ghostscript GMT hdf5 R libuuid-devel MySQL-python`
-
-A command:
-
-    rsync -hna --stats rsync://hgdownload.soe.ucsc.edu/gbdb/ | egrep "Number of files:|total size is"
-
-A list and code under it:
-
-1. Topic 1
-
-        XBitHack on
-        <Directory /usr/local/apache/htdocs>
-        Options +Includes
-        </Directory>
- 
-2. Topic 2
-
-       mysql -u browser -pgenome -e 'show tables;' mysql
-
-    MariaDB can be run from the command line, and
-    the tables from the database MariaDB can be displayed.
-
+% Genome Browser Tutorials
+
+# UCSC Genome Browser Help
+
+The UCSC Genome Browser allows scientists to visualize genomic data from a wide variety of sources,
+including BLAH BLAH BLAH, on the genome of their choice. Alongside publicly available data, the
+Genome Browser allows for the visualization of one's own data and BLAH. 
+
+## Tutorials
+
+
+Here are some tutorials on the UCSC Genome Browser and some of our most popular
+tools to get you started. Each tutorial includes annotated screenshots, a step-by-step walkthrough
+of a basic query, and BLAH.
+
+
+<div class="row" style="padding-top: 15px">
+<div class="col-md-6">
+<div class="panel panel-default" style="padding-bottom: 10px">
+<h3 class="panel-title" style="width: -webkit-fill-available;"
+>Genome Browser 101</h3>
+
+Learn how to use the UCSC Genome Browser! (15 min)
+
+<p style="text-align: end">
+<button>[View Tutorial](gb101.html)</button>
+</p>
+</div>
+</div>
+<div class="col-md-6">
+<div class="panel panel-default" style="padding-bottom: 10px">
+<h3 class="panel-title" style="width: -webkit-fill-available;"
+>Table Browser Tutorial</h3>
+
+Learn the basics of querying the UCSC Table Browser! (15 min)
+
+<p style="text-align: end">
+<button>[View Tutorial](tb101.html)</button>
+</p>
+</div>
+</div>
+</div>
+
+<div class="row" style="padding-top: 15px">
+<div class="col-md-6">
+<div class="panel panel-default" style="padding-bottom: 10px">
+<h3 class="panel-title" style="width: -webkit-fill-available;"
+>Configuring the Genome Browser Display</h3>
+
+Learn the ins and outs of configurng the Genome Browser display (15 min)
+
+<p style="text-align: end">
+<button>[View Tutorial](gbConfig.html)</button>
+</p>
+</div>
+</div>
+<div class="col-md-6">
+<div class="panel panel-default" style="padding-bottom: 10px">
+<h3 class="panel-title" style="width: -webkit-fill-available;"
+>Custom Track Basics</h3>
+
+Learn how to load, update, and manage your custom tracks! (15 min)
+
+<p style="text-align: end">
+<button>[View Tutorial](ctBasics.html)</button>
+</p>
+</div>
+</div>
+</div>