doc/start/index.html.textile.liquid.bkup

   1 ---
   2 layout: default
   3 navsection: start
   4 title: Welcome to Arvados!
   5 ...
   6
   7 This guide provides an introduction to using Arvados to solve big data bioinformatics problems.
   8
   9
  10 h2. Typographic conventions
  11
  12 This manual uses the following typographic conventions:
  13
  14 <notextile>
  15 <ul>
  16 <li>Code blocks which are set aside from the text indicate user input to the system.  Commands that should be entered into a Unix shell are indicated by the directory where you should  enter the command ('~' indicates your home directory) followed by '$', followed by the highlighted <span class="userinput">command to enter</span> (do not enter the '$'), and possibly followed by example command output in black.  For example, the following block indicates that you should type <code>ls foo.*</code> while in your home directory and the expected output will be "foo.input" and "foo.output".
  17 </notextile>
  18
  19 <div class="custom-container key-features">
  20 <a class="prev" href="#">‹</a>
  21
  22 <div class="carousel">
  23     <ul>
  24         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/dashboard2.png" style="width:909px; height:503px;" title="[START] After logging in, you see Workbench's dashboard."></li>
  25         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/running2.png" style="width:909px; height:503px;" title="Pipelines describe a set of computational tasks (jobs)."></li>
  26         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/log.png" style="width:909px; height:503px;" title="The output of all jobs is logged and stored automatically."></li>
  27         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/graph.png" style="width:909px; height:503px;" title="Pipelines can be also viewed in auto-generated graph form."></li>
  28         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/rerun.png" style="width:909px; height:503px;" title="Pipelines can easily be re-run..."></li>
  29         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/chooseinputs.png" style="width:909px; height:503px;" title="...by changing parameters or picking new datasets..."></li>
  30         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/webupload.png" style="width:909px; height:503px;" title="...which can be uploaded right in Workbench."></li>
  31         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/collectionpage.png" style="width:909px; height:503px;" title="Collections allow sharing datasets and job outputs easily."></li>
  32         <li><img class="hascaption" src="{{ site.baseurl }}/images/keyfeatures/provenance.png" style="width:909px; height:503px;" title="Data provenance is tracked automatically. [END]"></li>
  33     </ul>
  34 </div>
  35 <a class="next" href="#">›</a>
  36 <div class="clear"></div>
  37 </div>
  38
  39 <script type="text/javascript">
  40 (function() {
  41     $(".key-features .carousel").jCarouselLite({
  42         btnNext: ".key-features .next",
  43         btnPrev: ".key-features .prev",
  44         visible: 1,
  45     });
  46 });
  47 ('.hascaption').each(function() {
  48     $(this).after( "<div style='background: rgba(0,0,0,0.6); color: white; padding: 1.4em;'>" + $(this).attr('title') + "</div>" );
  49 });
  50 </script>