src/hg/htdocs/template.html 1ebbf871037cba92f5b5d2d1dbd91957c07ea76e

1ebbf871037cba92f5b5d2d1dbd91957c07ea76e
donnak
  Fri Dec 30 01:00:55 2016 -0800
Changed a few of the style guidelines (primarily whitespace).

diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html
index 7540c2e..b1f1c83 100755
--- src/hg/htdocs/template.html
+++ src/hg/htdocs/template.html
@@ -1,24 +1,24 @@
-<!DOCTYPE html>
+<!doctype html>
 
 <!-- template.html: Example HTML for a Genome Browser static page -->
 
 <!-- Style recommendations
 1. Capitalization: use only lowercase for HTML element names, attributes and values
 2. Quotes: Use double quotes for attribute values
 3. Whitespace: Use a new line for every block list or table element
-4. Indentation: Indent every child element 4 (or 2 spaces)
+4. Indentation: Indent every child element 2 spaces
 5. Special characters: Don't use entity references (set editor to UTF-8), except < &
 -->
 
 <!-- Page header -->
 <!--#set var="TITLE" value="GB Static Page Template" -->
 <!--#include virtual="/gbPageStart.html"-->
 
 <!-- Page content -->
 <h1>Sample Genome Browser Static Page</h1>
 <p>
 This is a standard paragraph ('p' element) of explanatory text.
 <em>The remainder of this text is just filler</em>.
 
 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
@@ -30,60 +30,57 @@
 Please do <strong>not</strong> include references to our development servers
 (such as genome-test.cse.ucsc.edu) in published links or URLs.
 </p>
 
 <!-- Sections -->
 <!-- In this example, two of same size, so use 6 columns of 12 total in grid -->
 
 <div class="row">
 
 <!-- Left column -->
   <div class="col-md-6">
     <h2>Page section</h2>
     <p>
     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.
+    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.
     </p>
 
 <!-- Preformatted code example -->
     <p>
     Here is some code:
     </p>
 <pre><code>sudo -i
 bash browserSetup.sh install</code></pre>
 
 <!-- Numbered list example -->
     <p>
     Here is a numbered list ('ol' and 'li' elements):
     </p>
     <ol>
       <li>
       <strong>chrom</strong> - The name of the chromosome (e.g. chr3, chrY, chr2_random) or 
-scaffold (e.g. scaffold10671).
-            </li>
+      scaffold (e.g. scaffold10671).</li>
       <li>
-<strong>chromStart</strong> - The starting position of the feature in the chromosome or scaffold. 
-The first base in a chromosome is numbered 0.
-            </li>
+      <strong>chromStart</strong> - The starting position of the feature in the chromosome or 
+      scaffold.  The first base in a chromosome is numbered 0.</li>
       <li>
       <strong>chromEnd</strong> - The ending position of the feature in the chromosome or scaffold. 
       The <em>chromEnd</em> base is not included in the display of the feature. 
       For example, the first 100 bases of a chromosome are defined 
-as <em>chromStart=0, chromEnd=100</em>, and span the bases numbered 0-99.
-            </li>
+      as <em>chromStart=0, chromEnd=100</em>, and span the bases numbered 0-99.</li>
     </ol>
   </div>
 
 <!-- Right column -->
   <div class="col-md-6">
     <h2>Another section</h2>
     <p>
     Here is a bulleted list ('ul' and 'li' elements):
     </p>
 
 <!-- Bulleted list example -->
     <ul>
       <li>red</li>
       <li>white</li>
       <li>blue</li>