4926: Added 'getting started' section with three image galleries.
[arvados.git] / doc / start / index.html.textile.liquid
diff --git a/doc/start/index.html.textile.liquid b/doc/start/index.html.textile.liquid
new file mode 100644 (file)
index 0000000..ddd856a
--- /dev/null
@@ -0,0 +1,127 @@
+---
+layout: default
+navsection: start 
+title: Welcome to Arvados!
+...
+
+This guide provides an introduction to using Arvados to solve big data bioinformatics problems.
+
+h2. What is Arvados?
+
+Arvados is a free and open source bioinformatics platform for genomic and biomedical data.
+
+We address the needs of IT directors, lab principals, and bioinformaticians.
+
+h2. Why use Arvados?
+
+Arvados enables you to quickly begin using cloud computing resources in your bioinformatics work. It allows you to track and your methods and datasets, share them securely, and easily re-run analyses.
+
+h3. Take a look (Screenshots gallery) 
+
+<div id="carousel-keyfeatures" class="carousel slide">
+  <!-- Indicators -->
+  <ol class="carousel-indicators">
+    <li data-target="#carousel-keyfeatures" data-slide-to="0" class="active"></li>
+    <li data-target="#carousel-keyfeatures" data-slide-to="1"></li>
+    <li data-target="#carousel-keyfeatures" data-slide-to="2"></li>
+    <li data-target="#carousel-keyfeatures" data-slide-to="3"></li>
+    <li data-target="#carousel-keyfeatures" data-slide-to="4"></li>
+    <li data-target="#carousel-keyfeatures" data-slide-to="5"></li>
+    <li data-target="#carousel-keyfeatures" data-slide-to="6"></li>
+    <li data-target="#carousel-keyfeatures" data-slide-to="7"></li>
+    <li data-target="#carousel-keyfeatures" data-slide-to="8"></li>
+  </ol>
+
+  <!-- Wrapper for slides -->
+  <div class="carousel-inner" role="listbox">
+    <div class="item active">
+      <img src="{{ site.baseurl }}/images/keyfeatures/dashboard2.png" alt="[START] After logging in, you see Workbench's dashboard.">
+      <div class="carousel-caption">
+        [START] After logging in, you see Workbench's dashboard.
+      </div>
+    </div>
+
+    <div class="item">
+      <img src="{{ site.baseurl }}/images/keyfeatures/running2.png" alt="Pipelines describe a set of computational tasks (jobs).">
+      <div class="carousel-caption">
+        Pipelines describe a set of computational tasks (jobs).
+      </div>
+    </div>
+
+    <div class="item">
+      <img src="{{ site.baseurl }}/images/keyfeatures/log.png" alt="The output of all jobs is logged and stored automatically.">
+      <div class="carousel-caption">
+        The output of all jobs is logged and stored automatically.
+      </div>
+    </div>
+
+    <div class="item">
+      <img src="{{ site.baseurl }}/images/keyfeatures/graph.png" alt="Pipelines can be also viewed in auto-generated graph form.">
+      <div class="carousel-caption">
+        Pipelines can be also viewed in auto-generated graph form.
+      </div>
+    </div>
+
+    <div class="item">
+      <img src="{{ site.baseurl }}/images/keyfeatures/rerun.png" alt="Pipelines can easily be re-run...">
+      <div class="carousel-caption">
+        Pipelines can easily be re-run...
+      </div>
+    </div>
+
+    <div class="item">
+      <img src="{{ site.baseurl }}/images/keyfeatures/chooseinputs.png" alt="...by changing parameters or picking new datasets...">
+      <div class="carousel-caption">
+        ...by changing parameters or picking new datasets...
+      </div>
+    </div>
+
+    <div class="item">
+      <img src="{{ site.baseurl }}/images/keyfeatures/webupload.png" alt="...which can be uploaded right in Workbench.">
+      <div class="carousel-caption">
+        ...which can be uploaded right in Workbench.
+      </div>
+    </div>
+
+    <div class="item">
+      <img src="{{ site.baseurl }}/images/keyfeatures/collectionpage.png" alt="Collections allow sharing datasets and job outputs easily.">
+      <div class="carousel-caption">
+        Collections allow sharing datasets and job outputs easily.
+      </div>
+    </div>
+
+    <div class="item">
+      <img src="{{ site.baseurl }}/images/keyfeatures/provenance.png" alt="Data provenance is tracked automatically. [END]">
+      <div class="carousel-caption">
+        Data provenance is tracked automatically. [END]
+      </div>
+    </div>
+
+
+  </div>
+
+  <!-- Controls -->
+  <a class="left carousel-control" href="#carousel-keyfeatures" role="button" data-slide="prev">
+    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+    <span class="sr-only">Previous</span>
+  </a>
+  <a class="right carousel-control" href="#carousel-keyfeatures" role="button" data-slide="next">
+    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+    <span class="sr-only">Next</span>
+  </a>
+</div>
+
+Tip: You may need to make your browser window bigger to see full-size images in the gallery above.
+
+h3. Key Features
+
+<ul>
+<li><strong>Track your methods</strong><br/>
+We log every compute job: software versions, machine images, input and output data hashes. Rely on a computer, not your memory and your note-taking skills.</li>
+<li><strong>Share your methods</strong><br/>
+Show other people what you did. Let them use your workflow on their own data. Publish a permalink to your methods and data, so others can reproduce and build on them easily.</li>
+<li><strong>Track data origin</strong><br/>
+Did you really only use fully consented public data in this analysis?</li>
+<li><strong>Get results sooner</strong><br/>
+Run your compute jobs faster by using multi-nodes and multi-cores, even if your programs are single-threaded.</li>
+</ul>