981342c978baf2d56a1ddad178b100138b55298c mspeir Sat Aug 1 20:58:19 2026 -0700 Fix pandoc rendering of tutorial step text inside the walkthrough columns Indented markdown that ran directly into a closing </div> was being folded into the raw-HTML block, so Step 1 paragraphs lost their <p> wrapper (and hugged the heading) and two Table Browser lists did not close cleanly. Added the blank line pandoc needs before </div> in the affected columns. refs #37355 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> diff --git docs/tutorials/tableBrowserTutorial.md docs/tutorials/tableBrowserTutorial.md index 8cd87921fa9..dde215db4e7 100644 --- docs/tutorials/tableBrowserTutorial.md +++ docs/tutorials/tableBrowserTutorial.md @@ -55,57 +55,59 @@ width=65% ``` --- ## Guided Walkthrough <div class="row"> <div class="col-md-6"> ### Step 1: Select Your Assembly Use the **Genome** search box to choose your reference genome. Start typing a species name, common name, or assembly ID and pick a match from the list that drops down. The Table Browser reloads on that assembly, and **Assembly** shows which one you are using. + </div> <div class="col-md-6"> ```image src=/images/assemblySelection.gif width=80% ``` </div> </div> --- <div class="row"> <div class="col-md-6"> ``` image src=/images/trackSelection.gif width=80% ``` </div> <div class="col-md-6"> ### Step 2: Select a Track Choose the data track you want to work with. The Table Browser will pre-select your most recent track, but you can change it. - Tracks are grouped similarly to those on the Genome Browser main page. - Use "All Tracks" for comprehensive options. + </div> </div> --- <div class="row"> <div class="col-md-6"> ### Step 3: Select the Table Each track may have one or more associated tables that store the data. Use the **Table** menu to select the relevant one. Click the <button>Data format description</button> to explore: - Table layout @@ -170,30 +172,31 @@ --- <div class="row"> <div class="col-md-6"> ### Step 5: Select Output Format Use the **Output format** dropdown to choose what type of file or fields you want returned. Options include: - **All fields from selected table** returns the table as it is stored. - **Selected fields from primary and related tables** lets you pick just the columns you want, and pull in columns from related tables in the same query. This is the easiest way to get something like gene names next to coordinates without downloading the whole table. - File formats like **BED**, **GTF**, or a **custom track** you can load back into the browser. - **Sequence** returns the DNA, or protein for some tracks, covered by your table. + </div> <div class="col-md-6"> ``` image src=/images/tutorialImages/tableBrowserOutputDropDown.png width=80% ``` </div> </div> --- <div class="row"> <div class="col-md-6"> ``` image