143be9bfa42cd43087b2c676721d7c653bf66f47 kate Wed Jan 18 15:17:07 2017 -0800 Add first cut h3 tag styling. refs 18504 diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html index aca75e8..1183c08 100755 --- src/hg/htdocs/template.html +++ src/hg/htdocs/template.html @@ -1,140 +1,146 @@

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.

NOTE: The two columns will only appear on wider screens. On small screens, the sections will be stacked vertically (a feature of bootstrap responsive layout).

Here is some code: 

sudo -i
 bash browserSetup.sh install

-And here is some text with a bit of code embedded. +And here is some text with a bit of code embedded.

+
+ + +
+

Another section

+ + +

+ Here are two subsections. +

+

Lists

+

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

+ +

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): -

- - - +

Tables

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.