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/page_template.md docs/page_template.md
new file mode 100644
index 0000000..a88aa86
--- /dev/null
+++ docs/page_template.md
@@ -0,0 +1,202 @@
+% Genome Browser Tutorials
+
+# Page Title Here! e.g. Introduction to the Genome Browser
+
+Very short explanation of what the page will show users. Try to keep it to a
+couple of sentences and maybe a bulleted list.
+
+# Sections
+
+Use the links in the panels below to go to different instructional materials.
+
+The panels grow/shrink depending on the amount of text in them. This means that
+if one box has more text that the rest, it is going to be larger. To prevent this
+keep the text in each panel the same length. For reference, the panels in this
+example are the same size in a 1000px window.
+
+
+
+
+
Panel 1
+
+**Be sure to change the panel title.**
+
+This panel should be for the the annotated screenshot. The link at the bottom
+takes people to that screenshot. Have sentence telling people what they're
+going to see.
+
+
+
+
+
+
+
+
+
Panel 2
+
+**Be sure to change the panel title.**
+
+This panel should be for the guided workthrough. The link at the bottom takes
+people to that workthrough. Have a sentence telling people what's coming up.
+
+
+
+
+
+
+
+
+
Panel 3
+
+**Be sure to change the panel title.**
+
+This is intended to take people to an interactive tutorial. This is currently
+only available on hgTracks, but adding it to the other CGIs has been discussed.
+If there is no interactive tutorial, then... TBD
+
+
+
+
+
+
+
+
+# Annotated Screenshot
+
+
+
+
+
+
+
+
+
+
+
+| Item | Explanation |
+|------|-------------|
+| Menu | Find BLAH |
+
+(We need something below the table otherwise later markdown is not properly interpreted)
+
+# Guided Workthorugh
+
+Introduce what this workthrough is going to cover again.
+
+Next provide a list of learning objectives in the form of a bulleted list. You
+can use these to help structure the rest of the workthrough.
+
+For example, it might something like:
+
+By the end of this tutorial, you should be able to:
+
+1. Naviagte the Genome Browser Interface
+2. Perform a basic Table Browser query
+3. Perform a simple BLAT query
+
+## Goal 1 (replace this with a couple words, e.g. Genome Browser Interface)
+
+Introduce overall flow of this section.
+
+### Step 1: (few description of the step, e.g. Selecting a Genome)
+
+
+
+
+
+
+
+
+
+
+
+
+Go to BLAH, select your genome from the diagram or search for in the search box at the top left of the screen.
+
+
+
+
+
+
+### Step 2: Navigate to your gene of interest
+
+
+
+
+After selecting a genome, enter a gene name into the search box. In our case,
+we will enter "HUNK", a gene for BLAH, into the search box.
+
+After typing in the name, select the gene name "HUNK" from the list that
+appears below the search box. You will be taken directly to that gene location.
+
+
+
+
+
+
+
+
+
+
+
+### Step 3: Configure the Genome Browser tracks
+
+The horizontal lines of genomic data in the UCSC Genome Browser are known as **tracks**. they may BLAH, BLAH, and BLAH
+
+
+### Goal 2
+
+Adjust the number of sections based on the number of learning objectives for that page.
+
+#### Step 1:
+
+BLAH
+
+#### Step 2:
+
+BLAH
+
+#### Step 3:
+
+BLAH
+
+### Goal 3
+
+In this section of the template, we're going to cover some of the other
+bootstrap functionality that could be useful for the Genome Browser tutorial
+page.
+
+#### Step 1:
+
+
+This is a bootstrap well. It could be useful if you wanted to highlight something specific.
+
+
+
+
+
+
+
+| Item | Explanation |
+|------|-------------|
+| Menu | Find BLAH |
+
+(We need something below the table otherwise later markdown is not properly interpreted)
+
+# Guided Workthorugh
+
+Introduce what this workthrough is going to cover again.
+
+Next provide a list of learning objectives in the form of a bulleted list. You
+can use these to help structure the rest of the workthrough.
+
+For example, it might something like:
+
+By the end of this tutorial, you should be able to:
+
+1. Naviagte the Genome Browser Interface
+2. Perform a basic Table Browser query
+3. Perform a simple BLAT query
+
+## Goal 1 (replace this with a couple words, e.g. Genome Browser Interface)
+
+Introduce overall flow of this section.
+
+### Step 1: (few description of the step, e.g. Selecting a Genome)
+
+
+
+
+
+