Merge branch '16678-login-tokens-lifetime-config'
[arvados.git] / doc / start / getting_started / sharedata.html.textile.liquid
1 ---
2 layout: default
3 navsection: start 
4 title: Sharing Data 
5 ...
6 {% comment %}
7 Copyright (C) The Arvados Authors. All rights reserved.
8
9 SPDX-License-Identifier: CC-BY-SA-3.0
10 {% endcomment %}
11
12 You can easily share data entirely through Workbench, the web interface to Arvados.
13
14 h2. Upload and share your existing data
15
16 Step-by-step instructions are shown below.
17
18 <div id="carousel-sharedata" class="carousel slide" data-interval="false">
19   <!-- Indicators -->
20   <ol class="carousel-indicators">
21     <li data-target="#carousel-sharedata" data-slide-to="0" class="active"></li>
22     <li data-target="#carousel-sharedata" data-slide-to="1"></li>
23     <li data-target="#carousel-sharedata" data-slide-to="2"></li>
24     <li data-target="#carousel-sharedata" data-slide-to="3"></li>
25     <li data-target="#carousel-sharedata" data-slide-to="4"></li>
26     <li data-target="#carousel-sharedata" data-slide-to="5"></li>
27     <li data-target="#carousel-sharedata" data-slide-to="6"></li>
28     <li data-target="#carousel-sharedata" data-slide-to="7"></li>
29   </ol>
30
31   <!-- Wrapper for slides -->
32   <div class="carousel-inner" role="listbox">
33     <div class="item active">
34       <img src="{{ site.baseurl }}/images/uses/gotohome.png" alt="Step 1. From the dashboard, go to your Home project.">
35       <div class="carousel-caption">
36         Step 1. From the dashboard, go to your Home project.
37       </div>
38     </div>
39
40     <div class="item">
41     <img src="{{ site.baseurl }}/images/uses/uploaddata.png" alt="Click 'Add data' &rarr; 'Upload files'.">
42       <div class="carousel-caption">
43         Click 'Add data' &rarr; 'Upload files'.
44       </div>
45     </div>
46
47     <div class="item">
48       <img src="{{ site.baseurl }}/images/uses/choosefiles.png" alt="A new collection is created automatically. Choose files to upload and hit Start.">
49       <div class="carousel-caption">
50         A new collection is created automatically. Choose files to upload and hit Start.
51       </div>
52     </div>
53
54     <div class="item">
55       <img src="{{ site.baseurl }}/images/uses/uploading.png" alt="Files will upload and stay uploaded even if the browser is closed.">
56       <div class="carousel-caption">
57         Files will upload and stay uploaded even if the browser is closed.
58       </div>
59     </div>
60
61     <div class="item">
62       <img src="{{ site.baseurl }}/images/uses/rename.png" alt="Rename the collection appropriately.">
63       <div class="carousel-caption">
64         Rename the collection appropriately.
65       </div>
66     </div>
67
68     <div class="item">
69       <img src="{{ site.baseurl }}/images/uses/sharing.png" alt="Click 'Create sharing link'. You can click 'unshare' at any later point.">
70       <div class="carousel-caption">
71         Click 'Create sharing link'. You can click 'Unshare' at any later point.
72       </div>
73     </div>
74
75     <div class="item">
76       <img src="{{ site.baseurl }}/images/uses/shared.png" alt="Now just share this link with anyone you want.">
77       <div class="carousel-caption">
78         Now just share this link with anyone you want.
79       </div>
80     </div>
81
82     <div class="item">
83       <img src="{{ site.baseurl }}/images/uses/sharedsubdirs.png" alt="Here's a more complex collection. [END]">
84       <div class="carousel-caption">
85         Here's a more complex collection. [END]
86       </div>
87     </div>
88
89   </div>
90
91   <!-- Controls -->
92   <a class="left carousel-control" href="#carousel-sharedata" role="button" data-slide="prev">
93     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
94     <span class="sr-only">Previous</span>
95   </a>
96   <a class="right carousel-control" href="#carousel-sharedata" role="button" data-slide="next">
97     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
98     <span class="sr-only">Next</span>
99   </a>
100 </div>
101
102 Tip: You may need to make your browser window bigger to see full-size images in the gallery above.