3d26c38c96515a7aaac9c8d8a47560e53100c198 kate Tue Dec 20 11:01:41 2016 -0800 Add an example and first cut at customization settings for embedded images. refs #18504 diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html index 78f414a..7540c2e 100755 --- src/hg/htdocs/template.html +++ src/hg/htdocs/template.html @@ -1,119 +1,134 @@

Sample Genome Browser Static Page

This is a standard paragraph ('p' element) of explanatory text. The remainder of this text is just filler. Follow these citation guidelines when using applications from the Genome Browser tool suite or data from the UCSC Genome Browser database in a research work that will be published in a journal or on the Internet. In addition to the relevant paper, please include a reference to the Genome Browser website in your manuscript: http://genome.ucsc.edu/. Be sure to mention the release date of the genome assembly used in your work to faciliate the examination of your data by reviewers and the readers. Please do not include references to our development servers (such as genome-test.cse.ucsc.edu) in published links or URLs.

Page section

This is one of two subsections, formatted as equal-sized columns via the grid layout feature of bootstrap.css, a commonly used style sheet. The grid contains 12 columns; column widths are specified using classes 'col-md-1' through 'col-md-12'. This example contains two divs, each assigned class 'col-md-6', within a 'row' div.

Here is some code: 

sudo -i
 bash browserSetup.sh install

Here is a numbered list ('ol' and 'li' elements):

  1. chrom - The name of the chromosome (e.g. chr3, chrY, chr2_random) or scaffold (e.g. scaffold10671).
  2. chromStart - The starting position of the feature in the chromosome or scaffold. The first base in a chromosome is numbered 0.
  3. chromEnd - The ending position of the feature in the chromosome or scaffold. The chromEnd base is not included in the display of the feature. For example, the first 100 bases of a chromosome are defined as chromStart=0, chromEnd=100, and span the bases numbered 0-99.

Another section

Here is a bulleted list ('ul' and 'li' elements):

Here is a table ('table', 'tr', 'th', and 'td' elements):

Type Total
Chromosomes 261
Haplotypes 261
Unlocalized contigs 1270
+
+
+

Section with a picture and caption

+

+Use the 'img' tag to include the picture file, which is typically in .jpg or .png format. +Images should normally have their 'width' and 'height' attributes set in the 'img' tag. +To right-align the image add the 'gbsAlignRight' class. +The caption is a 'p' element, which is assigned the 'gbsCaption' class. +

+
+
+ Genome Browser staff +

+ Browser staff in native habitat. +