21e023fc5b9b5f6831248fe46ed3c472fc5b3ef3 mspeir Tue Jul 23 14:04:31 2019 -0700 Slight redesign of home page. Added section below menu bar that indicates what things people can do with the site. Added new commented out section for heart/brain of cells pages. no redmine diff --git src/hg/cirm/gateway/htdocs/index.html src/hg/cirm/gateway/htdocs/index.html index 0504339..e04bcdc 100755 --- src/hg/cirm/gateway/htdocs/index.html +++ src/hg/cirm/gateway/htdocs/index.html @@ -1,73 +1,171 @@ <!DOCTYPE html> <!--#set var="TITLE" value="CIRM Stem Cell Hub at UCSC Homepage" --> <!--#include virtual="setRoot.html" --> <!--#include virtual="${ROOT}inc/header.html" --> <div class="cirm-page-body"> <div class="cirm-page-title back-gray"> <h5 class="cirm-page-title-text">Welcome to the CESCG Stem Cell Hub!</h5> </div> - <div class="row"> - <div class="card-deck padded-deck"> - <!--<div class="card col-md-9">--> + <div class="container-fluid"> + <div class="row" style="margin-bottom: 15px"> + <div class="card col-12"> + <div class="row" style="padding: 10px 0px"> + <div class="col-md-1 text-right"> + <br> + <i class="fas fa-search fa-4x text-dark-pink"></i> + </div> + <div class="col-md-2"> + <h3 class="text-dark-pink">Browse Files</h3> + <p> + Filter, view, and download files + </p> + <a href="<!--#echo var='ROOT'-->cgi-bin/cdwWebBrowse?cdwCommand=browseFiles" + ><button tye="button" class="btn btn-link"> + More ></button></a> + </div> + <div class="col-md-1 text-right"> + <br> + <i class="fas fa-project-diagram fa-4x text-light-blue"></i> + </div> + <div class="col-md-2"> + <h3 class="text-light-blue">View Datasets</h3> + <p> + Explore the datasets and assays available + </p> + <a href="<!--#echo var='ROOT'-->projects"><button tye="button" class="btn btn-link"> + More ></button></a> + </div> + <div class="col-md-1 text-right"> + <br> + <i class="fas fa-file-alt fa-4x text-dark-pink"></i> + </div> + <div class="col-md-2"> + <h3 class="text-dark-pink">Read Articles</h3> + <p> + Read publications about CESCG research + </p> + <a href="<!--#echo var='ROOT'-->cescg/cescgPubs"><button type="button" class="btn btn-link"> + More ></button></a> + </div> + <div class="col-md-1 text-right"> + <br> + <i class="fas fa-toolbox fa-4x text-light-green"></i> + </div> + <div class="col-md-2"> + <h3 class="text-light-green">Use Tools</h3> + <p> + Take advantage of CESCG analysis tools + </p> + <a href="<!--#echo var='ROOT'-->tools"><button tye="button" class="btn btn-link"> + More ></button></a> + </div> + </div> + </div> + </div> + <div class="row" style="margin-bottom: 15px"> <div class="card col-md-12"> <div class="row no-gutters"> <div class="card-body col-md-3"> <img src="images/cirmInsulinCells.jpg" class="img-fluid" alt=""> </div> <div class="col" style="//padding: 0px 15px"> <div class="card-body"> <div class="row"> - <div class="col-6"> + <!-- + <div class="col-md-6"> + --> + <div class="col-md-12"> + <h6>Welcome to the Stem Cell Hub web site!</h6> <p class="card-text"> - Welcome to the Stem Cell Hub web site. This contains high quality + This site contains high-quality genomics data from a wide range of stem cell projects. It was built with funding from the California Institute of Regenerative Medicine (CIRM), and includes all the data from two dozen labs participating in CIRM's Center of Excellence for Stem Cell Genomics as well as selected data from other relevant stem cell projects. It includes single cell RNA-seq data on naturally developing human tissues as well as cells engineered from healthy skin and blood cells to become replacements for diseased cells and tissues, including data from ethically and scientifically careful human clinical trials. + </p> + <!-- + </div> + <div class="col-md-6"> + <h6>What is the Stem Cell Hub?</h6> <p class="card-text"> The Stem Cell Hub combines state of the art software with careful human curation. The software runs quality checks that ensure the data is in the proper format, contains no contamination, that the DNA aligns in expected places, that the level of mitochondrial and ribosomal data are within expected range, and gathers statistics on how well replicates agree using a number of statistical measures. The - system supports tagging - </div> - <div class="col-6"> - <p class="card-text"> - the data using a flexible metadata system that + system supports tagging the data using a flexible metadata system that allows experiments to be described in a concise but rich manner that reflects any natural hierarchies or control/experiment groups that are part of the experimental design. The human curators work with the contributing labs and the system to make sure that experiments are described consistently across labs and that metadata tags exist to describe even new, leading edge assays. The Stem Cell Hub can be searched using either a faceted search or SQL like queries on the metadata. The Hub can restrict access to certain data to specific users to meet privacy requirements. - + </p> + </div> + </div> + <hr> + <div class="row"> + <div class="col-md-12"> + --> <p class="card-text"> We hope that the Stem Cell Hub will be useful to a wide range of scientists from clinicians to cell biologists to bioinformaticians doing custom analysis and combining data from multiple projects. Please see the help link for additional information on how to use the site. + </p> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- Section for Heart/Brain of Cells links + <div class="row" style="margin-bottom: 15px"> + <div class="card col-md-12"> + <div class="row" style="padding-top: 15px"> + <div class="col-md-1"> + </div> + <div class="col-md-1 text-right"> + <br> + <i class="fas fa-brain fa-4x text-light-blue"></i> + </div> + <div class="col-md-4"> + <h1><a href="<!--#echo var='ROOT'-->dcg/brainOfCells">Brain of Cells</a></h1> + <p> + An analysis of CESCG and public developing brain data to discover new cell types and + their marker genes. </div> + <div class="col-md-1 text-right"> + <br> + <i class="fas fa-heart fa-4x text-dark-pink"></i> </div> + <div class="col-md-4"> + <h1><a href="<!--#echo var='ROOT'-->dcg/heartOfCells">Heart of Cells</a></h1> + <p> An analyis of developing heart data to discover new cell states, the + transistionary states between them, and the markers driving the movement from one + cell to another. </div> + <div class="col-md-1"> </div> </div> </div> </div> + --> </div> </div> <!--#include virtual="${ROOT}inc/footer.html" -->