8784: Fix test for latest firefox.
[arvados.git] / doc / start / getting_started / publicproject.html.textile.liquid
1 ---
2 layout: default
3 navsection: start
4 title: Visit an Arvados Public Project
5 ...
6
7 h2. <a href="https://workbench.qr1hi.arvadosapi.com/projects/qr1hi-j7d0g-662ij1pcw6bj8uj">Mason Lab - Pathomap / Ancestry Mapper (Public)</a>
8
9 You can see Arvados in action by accessing the <a href="https://workbench.qr1hi.arvadosapi.com/projects/qr1hi-j7d0g-662ij1pcw6bj8uj">Mason Lab - Pathomap / Ancestry Mapper (Public) project</a>. By visiting this project, you can see what an Arvados project is, access data collections in this project, and click through a pipeline instance's contents.
10
11 You will be accessing this project in read-only mode and will not be able to make any modifications such as running a new pipeline instance.
12
13 <div id="carousel-publicproject" class="carousel slide" data-interval="false">
14   <!-- Indicators -->
15   <ol class="carousel-indicators">
16     <li data-target="#carousel-publicproject" data-slide-to="0" class="active"></li>
17     <li data-target="#carousel-publicproject" data-slide-to="1"></li>
18     <li data-target="#carousel-publicproject" data-slide-to="2"></li>
19     <li data-target="#carousel-publicproject" data-slide-to="3"></li>
20     <li data-target="#carousel-publicproject" data-slide-to="4"></li>
21     <li data-target="#carousel-publicproject" data-slide-to="5"></li>
22     <li data-target="#carousel-publicproject" data-slide-to="6"></li>
23     <li data-target="#carousel-publicproject" data-slide-to="7"></li>
24     <li data-target="#carousel-publicproject" data-slide-to="8"></li>
25     <li data-target="#carousel-publicproject" data-slide-to="9"></li>
26     <li data-target="#carousel-publicproject" data-slide-to="10"></li>
27     <li data-target="#carousel-publicproject" data-slide-to="11"></li>
28   </ol>
29
30   <!-- Wrapper for slides -->
31   <div class="carousel-inner" role="listbox">
32     <div class="item active">
33       <img src="{{ site.baseurl }}/images/publicproject/description.png" alt="Step 1. The project's first tab, *Description*, describes what this project is all about.">
34       <div class="carousel-caption">
35         Step 1. The project's first tab, *Description*, describes what this project is all about.
36       </div>
37     </div>
38
39     <div class="item">
40       <img src="{{ site.baseurl }}/images/publicproject/collections.png" alt="The *Data collections* tab contains the various pipeline inputs, logs, and outputs.">
41       <div class="carousel-caption">
42         The *Data collections* tab contains the various pipeline inputs, logs, and outputs.
43       </div>
44     </div>
45
46     <div class="item">
47       <img src="{{ site.baseurl }}/images/publicproject/instances.png" alt="You can see the jobs and pipelines in this project by accessing the *Jobs and pipelines* tab.">
48       <div class="carousel-caption">
49         You can see the jobs and pipelines in this project by accessing the *Jobs and pipelines* tab.
50       </div>
51     </div>
52
53     <div class="item">
54       <img src="{{ site.baseurl }}/images/publicproject/collection-show.png" alt="In the *Data collections* tab, click on the *Show* icon to the left of a collection to see the collection contents.">
55       <div class="carousel-caption">
56         In the *Data collections* tab, click on the *Show* icon to the left of a collection to see the collection contents.
57       </div>
58     </div>
59
60     <div class="item">
61       <img src="{{ site.baseurl }}/images/publicproject/collection-files.png" alt="The collection page lists the details about it. The *Files* tab can be used to view and download individual files in it.">
62       <div class="carousel-caption">
63         The collection page lists the details about it. The *Files* tab can be used to view and download individual files in it.
64       </div>
65     </div>
66
67     <div class="item">
68       <img src="{{ site.baseurl }}/images/publicproject/collection-graph.png" alt="The collection *Provenance graph* tab gives a visual representation of this collection's provenance.">
69       <div class="carousel-caption">
70         The collection *Provenance graph* tab gives a visual representation of this collection's provenance.
71       </div>
72     </div>
73
74     <div class="item">
75       <img src="{{ site.baseurl }}/images/publicproject/instance-show.png" alt="In the project *Jobs and pipelines* tab, click on the *Show* icon to the left of a pipeline to access the pipeline contents.">
76       <div class="carousel-caption">
77         In the project *Jobs and pipelines* tab, click on the *Show* icon to the left of a pipeline to access the pipeline contents.
78       </div>
79     </div>
80
81     <div class="item">
82       <img src="{{ site.baseurl }}/images/publicproject/instance-components.png" alt="The pipeline *Components* tab details the various jobs in it and how long it took to run it.">
83       <div class="carousel-caption">
84         The pipeline *Components* tab details the various jobs in it and how long it took to run it.
85       </div>
86     </div>
87
88     <div class="item">
89       <img src="{{ site.baseurl }}/images/publicproject/instance-job.png" alt="Click on the down arrow in one of the job rows to see the job details. You can also click on the job's output.">
90       <div class="carousel-caption">
91         Click on the down arrow <i class="fa fa-lg fa-fw fa-caret-down"></i> in one of the job rows to see the job details. You can also click on the job's output.
92       </div>
93     </div>
94
95     <div class="item">
96       <img src="{{ site.baseurl }}/images/publicproject/instance-log.png" alt="The *Log* tab can be used to see the log for the pipeline instance.">
97       <div class="carousel-caption">
98         The *Log* tab can be used to see the log for the pipeline instance.
99       </div>
100     </div>
101
102     <div class="item">
103       <img src="{{ site.baseurl }}/images/publicproject/instance-graph.png" alt="The *Graph* tab provides a visual representation of the pipeline run.">
104       <div class="carousel-caption">
105         The *Graph* tab provides a visual representation of the pipeline run.
106       </div>
107     </div>
108
109     <div class="item">
110       <img src="{{ site.baseurl }}/images/publicproject/instance-advanced.png" alt="The *Advanced* tab can be used to access metadata about the pipeline. [END]">
111       <div class="carousel-caption">
112         The *Advanced* tab can be used to access metadata about the pipeline. [END]
113       </div>
114     </div>
115   </div>
116
117   <!-- Controls -->
118   <a class="left carousel-control" href="#carousel-publicproject" role="button" data-slide="prev">
119     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
120     <span class="sr-only">Previous</span>
121   </a>
122   <a class="right carousel-control" href="#carousel-publicproject" role="button" data-slide="next">
123     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
124     <span class="sr-only">Next</span>
125   </a>
126 </div>
127
128 Tip: You may need to make your browser window bigger to see full-size images in the gallery above.