30a93b60b63adec2bcc12b82694f9be164b87b03 mspeir Wed Nov 29 16:39:15 2023 -0800 adding new tutorial files, refs #30335 diff --git docs/new_home.html docs/new_home.html new file mode 100755 index 0000000..1c19732 --- /dev/null +++ docs/new_home.html @@ -0,0 +1,103 @@ +<!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 2 spaces +5. Special characters: Don't use entity references (set editor to UTF-8), except < & +6. Limit lines to a maximum of 100 characters +NOTE: Be sure to make new pages executable +--> + +<!-- Page header --> +<!--#set var="TITLE" value="UCSC Genome Browser: Document Styles" --> +<!--#set var="ROOT" value="../.." --> + +<!-- Relative paths to support mirror sites with non-standard GB docs install --> +<!--#include virtual="$ROOT/inc/gbPageStart.html" --> + +<!-- Page content --> +<h1>UCSC Genome Browser Help</h1> +<p> +The UCSC Genome Browser allows scientists to BLAH BLAH BLAH. +</p> + +<h2>Tutorials</h2> +<!-- Sections --> +<!-- In this example, two of same size, so use 6 columns of 12 total in grid --> +<p> +Here are some tutorials on the UCSC Genome Browser and some of our most popular +tools to get you started. Tutorials include BLAH BLAH BLAH. + +<div class="row"> + <div class="col-md-6" style="padding-top: 15px"> + <div class="panel panel-default"> + <h3 class="panel-title" style="width: -webkit-fill-available;">Genome Browser 101</h3> + <p> + Learn how to use the UCSC Genome Browser! + <br> + (15 min) + </p> + + <p style="text-align: end"> + <a href="gb101.html"><button>GO</button></a> + </p> + </div> + </div> + <div class="col-md-6" style="padding-top: 15px"> + <div class="panel panel-default"> + <!--<h3 style="width: -webkit-fill-available;">Table Browser Tutorial</h3>--> + <h3 class="panel-title">Table Browser Tutorial</h3> + <p> + Learn the basics of querying the UCSC Table Browser! + <br> + (15 min) + </p> + + <p style="text-align: end"> + <a href="tb101.html"><button>GO</button></a> + </p> + </div> + </div> +</div> +<div class="row"> + <div class="col-md-6" style="padding-top: 15px"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h4 class="panel-title">Custom Tracks</h4> + </div> + <p> + Learn how to use the UCSC Genome Browser! + <br> + (15 min) + </p> + + <p style="text-align: end"> + <a href="gb101.html"><button>GO</button></a> + </p> + </div> + </div> + <div class="col-md-6" style="padding-top: 15px"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title">Track Hubs</h3> + </div> + <p> + Learn the basics of querying the UCSC Table Browser! + <br> + (15 min) + </p> + + <p style="text-align: end"> + <a href="tb101.html"><button>GO</button></a> + </p> + </div> + </div> + </div> +</div> + +<!--#include virtual="$ROOT/inc/gbPageEnd.html" --> +