-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstitch.html
121 lines (108 loc) · 6.21 KB
/
stitch.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!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 Stitch</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+stitch_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 Stitch, now what?</h1>
<p class="h5" style="font-weight:300"> Connect to all your data sources and replicate your data on data.world with Stitch's best-in-class ETL service.
</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"> Choose your data source.</h2>
<p class="h5" style="font-weight:300"> With Stitch's interface, you can easily choose data that you'll replicate to data.world:</p>
<ol style="list-style-position: inside;">
<li style="padding-bottom:1em; font-weight:300; padding-top:3em;">Create a <a href="https://app.stitchdata.com/signup" target="_blank">free Stitch account</a> and login.
</li>
<li style="padding-bottom:1em; font-weight:300;">Click <b>Add Integration</b> and choose your desired data source.
</li>
<div class="col-sm-9" style="padding-top:2em;">
<img src="stitch_add-integration.png" class="img-fluid rounded" style="box-shadow:7px 7px 30px grey;">
</div>
</ol>
</div>
</div>
</div>
<!--second section-->
<div class="container" style="padding-bottom:1em;padding-top:2em;">
<div class="row">
<div class="col">
<h2 style="font-weight:400"> Connect data.world.</h2>
<p class="h5" style="font-weight:300"> After choosing your data source, you can quickly choose and configure data.world as a destination for your data.</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<ol style="list-style-position: inside;">
<li style="font-weight:300; padding-top:3em;">Select <b>data.world</b> as the destination for your data.
</li>
<div class="row">
<div class="col-sm-9" style="padding-top:2em; padding-bottom:3em;">
<img src="stitch_data-world.png" class="img-fluid rounded" style="box-shadow:7px 7px 30px grey;">
</div>
</div>
<li style="font-weight:300;">Sign in with your data.world credentials.
</li>
<div class="col-sm-9" style="padding-top:2em; padding-bottom:3em;">
<img src="stitch_auth-dw.png" class="img-fluid rounded" style="box-shadow:7px 7px 30px grey;">
</div>
<li style="font-weight:300; padding-top:1em; padding-bottom:2em;">Start replicating data!
</li>
<div class="alert alert-warning col-sm-9" style="font-weight:300;">
Stitch will alert you if there is an issue with the replication of your data, but make sure to check out Stitch's <a href="https://www.stitchdata.com/docs/" target="_blank">documentation</a> to ensure the correct setup of sources & destinations.
</div>
</ol>
</div>
</div>
</div>
<!--what's next-->
<hr style="margin-top:4em;">
<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 Stitch and data.world:</p>
<ul style="list-style-position: inside; padding-top:2em;">
<li style="padding-bottom:1em; font-weight:300;">Choose multiple data sources to replicate all your data to data.world.
</li>
<li style="padding-bottom:1em; font-weight:300;">
Customize the replication frequency for each data source, from every 30 minutes to every day.
</li>
<li style="font-weight:300;">Add team members to your account so they can view and collaborate.
</div>
</li>
</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 + Stitch Integration? <u><a href="https://www.stitchdata.com/docs/destinations/data-world/#replication" 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>