-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIFTTT.html
129 lines (117 loc) · 7.21 KB
/
IFTTT.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
122
123
124
125
126
127
128
129
<!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 IFTTT</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+ifttt_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 IFTTT, now what?</h1>
<p class="h5" style="font-weight:300"> Use easy automations to seamlessly collect and update data from multiple sources.
</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"> Connect data.world.</h2>
<p class="h5" style="font-weight:300">Logging in and connecting data.world allows you to quickly enable applets from the data.world gallery.</p>
<ol style="list-style-position: inside;">
<li style="padding-bottom:1em; font-weight:300; padding-top:3em;">Login to <a href="https://ifttt.com/" target="_blank">IFTTT</a> or create an account if you don’t already have one.
</li>
<li style="font-weight:300;">Navigate to the <a href="https://ifttt.com/datadotworld" target="_blank">data.world gallery</a> on IFTTT and select <b>Connect</b>.
</li>
<div class="container" style="padding-bottom:1em;padding-top:1em;">
<div class="row">
<div class="col-sm-9" >
<img src="ifttt_connect.png" class="img-fluid">
</div>
</div>
</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"> Install applets.</h2>
<p class="h5" style="font-weight:300"> IFTTT's data.world gallery offers automations ranging from auto-syncing data to storing favorite tweets in a dataset, all designed to make your life easier.
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<ol style="list-style-position: inside;">
<li style="padding-bottom:1em; font-weight:300; padding-top:3em;">Scroll through the <a href="https://ifttt.com/datadotworld" target="_blank">data.world gallery</a> to find an applet to install.
</li>
<li style="padding-bottom:1em; font-weight:300;">
Click on the applet, then select <b>Turn On</b>.
</li >
<div class="container" style="padding-bottom:1em;padding-top:1em;">
<div class="row">
<div class="col-sm-9" >
<img src="ifttt_syncdata.png" class="img-fluid">
</div>
</div>
</div>
<li style="font-weight:300; padding-bottom:2em; padding-top:1em;">Configure all necessary fields in your applet, then choose <b>Save</b>.
</li>
<div class="alert alert-secondary" style="font-weight:300;"><i>On each applet, the first option in the modal will allow you to receive notifications each time an applet runs.</i>
</div>
<div class="col-sm-8 ml-lg-5 rounded" style="padding:1.5em 1em 1.5em 1em; background-color:#5D6F85; box-shadow: 5px 5px 50px #36454f; margin-top:4em;">
<div class="container">
<img src="ifttt_enable-applet.gif" class="img-fluid rounded" style="transform:scale(.85,.85);" >
</div>
</div>
</ol>
</div>
</div>
</div>
<!--third section-->
<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 IFTTT and data.world:</p>
<ul style="list-style-position: inside; padding-top:2em;">
<li style="padding-bottom:1em; font-weight:300;">Refresh your data at the same time every week with the Applet <a href="https://ifttt.com/applets/zsPex5BV-sync-data-once-on-specific-days" target="_blank">‘Sync data once on specific days’</a>.
</li>
<li style="padding-bottom:1em; font-weight:300;">Add and sync files from <a href="https://ifttt.com/applets/fGKQEbuV-add-new-files-from-dropbox-to-a-data-world-dataset" target="_blank">Dropbox</a> or <a href="https://ifttt.com/applets/cR5TJPk6-add-new-files-from-google-drive-to-a-data-world-dataset" target="_blank">Google Drive</a> to a data.world dataset.
</li>
<li style="padding-bottom:1em; font-weight:300;"><a href="https://ifttt.com/applets/SV5YWRUT-add-email-attachments-from-gmail-with-subject-tagged-data-world-to-a-data-world-dataset" target="_blank">Add attachments</a> from any email with ‘#data.world’ in the subject line to a data.world dataset.
</li>
</ul>
<div style="padding-bottom:1em;">
<p class="h5" style="font-weight:300">Or check out one of the <a href="https://ifttt.com/datadotworld" target="_blank">many other applets</a> available from data.world.</p>
</div>
</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 + IFTTT Integration? <u><a href="https://meta.data.world/were-on-ifttt-7840d9615f50" 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>