-
Notifications
You must be signed in to change notification settings - Fork 0
/
google-drive.html
106 lines (95 loc) · 5.97 KB
/
google-drive.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<title>data.world and Google Drive</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
</head>
<body style="color:#333D49;">
<!--jumbotron header-->
<div class="header" style="background:#333D49; max-height:150px;">
<div class="container p-responsive py-6 py-lg-10 text-center" style="color:#fff;">
<img src="dw+drive_light.png" class="mb-3 mb-sm-5 col-6 col-sm-12" style="max-width:550px;">
</div>
</div>
<!--first intro-->
<div class="container align-items-center text-center form-group align-items-center" style="padding-bottom:1em;padding-top:4em;">
<h1 style="font-weight:400"> You've enabled Google Drive, now what?</h1>
<p class="h5" style="font-weight:300"> With data.world's Google Drive integration, you can transfer and sync files from Drive to data.world in seconds.
</p>
</div>
<!--first section-->
<div class="container" style="padding-bottom:1em;padding-top:2em;">
<div class="row">
<div class="col">
<h2 style="font-weight:400"> Upload files from Google Drive.</h2>
<p class="h5" style="font-weight:300"> Transferring data from Google Drive to data.world is easy through the <b>Add Data</b> menu:</p>
<ol style="list-style-position: inside;">
<li style="padding-bottom:1em; font-weight:300; padding-top:2em;">From the <b>Add Data</b> menu, choose <b>New File</b>.
</li>
<div class="col-sm-9" style="padding-top:1em;">
<img src="all_new-file.png" class="img-fluid rounded" style="box-shadow:7px 7px 30px grey;">
</div>
<li style="padding-bottom:1em; font-weight:300; padding-top:3em;">Choose <b>Add new Google Drive</b> from the resulting modal. <i>You may need to choose the <b>All</b> tab to view the Google Drive option</i>.
</li>
<div class="col-sm-9" style="padding-top:2em;">
<img src="drive_add-new.png" class="img-fluid rounded" style="box-shadow:7px 7px 30px grey;">
</div>
<li style="padding-bottom:2em; font-weight:300; padding-top:3em;">Authenticate your desired Google Drive account, then select your account from the <b>New File</b> modal.
<div class="alert alert-info col-sm-9 border" style="margin-top:1em; font-weight:300;">
You may need to choose <b>New File</b> from the Add Data menu again after authenticating your Google Drive account.
</div>
<div class="col-sm-9" style="padding-top:2em;">
<img src="drive_choose-drive.png" class="img-fluid rounded" style="box-shadow:7px 7px 30px grey;">
</div>
</li>
<li style="font-weight:300; padding-top:2em;">Choose file(s) from the resulting list to upload.
</li>
<div class="alert alert-info col-sm-9 border" style="margin-top:1em; font-weight:300;">
You can use <code>Shift</code>, <code>Ctrl</code>, and <code>Cmd</code> keyboard functions to select multiple files, depending on your operating system.
</div>
<div class="col-sm-9" style="padding-top:2em;">
<img src="drive_choose-file.png" class="img-fluid rounded" style="box-shadow:7px 7px 30px grey;">
</div>
</ol>
</div>
</div>
</div>
<!--what's next-->
<hr style="margin-top:2em;">
<div class="container" style="padding-bottom:1em; padding-top:1em;">
<div class="row">
<div class="col">
<h2 style="font-weight:400; padding-top:1em;"> What next?</h2>
<p class="h5" style="font-weight:300"> Here are a few things you can do with Google Drive and data.world:</p>
<ul style="list-style-position: inside; padding-top:2em;">
<li style="padding-bottom:1em; font-weight:300;">
Keep your synced files up to date by going to the <b>Settings</b> section of your dataset or project and editing the <b>Automatic Sync Options</b>.
</li>
<li style="padding-bottom:1em; font-weight:300;">
Add your team's Drive files to data.world to further explore your data and collaborate with your team.
</li>
</ul>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
<!--footer-->
<div class="jumbotron-fluid text-center align-items-center border-top" style="margin-top:3em; padding-top:3em; padding-bottom: 3em; background-color:#F2F2F2; color:#36454f">
<h4 style="font-weight:300"> Want to see more information on the data.world + Google Drive Integration? <u><a href="https://data.world/integrations/google-drive" style="color:#36454f; font-weight:600;" target="_blank">check it out here</a></u>.
</h4>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
</body>
</html>