-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·91 lines (88 loc) · 3.8 KB
/
index.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
---
layout: default
classname: home
---
<!-- Intro Header -->
<header class="intro">
<div class="jellybeans">
{% include jellybeans.html %}
</div>
</header>
<!-- Jellybeans Section -->
<section id="jellybeans">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="jellybeans content-section">
{% include jellybeans.html %}
<p> </p>
<p> </p>
</div>
</div>
</div>
</div>
</section>
<!-- Content Section -->
<section id="guide">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="content-section" style="text-align:left;">
<ol>
<li>From your Android device use the “Add to Slack” button and then on the Encrypted token page tapping on the “Open in Amp” link.</li>
<br> <li>Log in to Spotify and you should see an indicator <img src="{{ site.cdn }}/assets/images/jellybean_slack.png" style="width:58px;"> at the top of the app that says you’re connected to Slack as “amp”.</li>
<br> <li>In Slack you should see your “amp” bot is online <img src="{{ site.cdn }}/assets/images/guide_amp_online.png" style="width:58px;"> and you make requests by either sending a DM or add the bot to a #music channel.</li>
</ol>
<br><img class="screenshot" src="{{ site.cdn }}/assets/images/guide_music_channel.png">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-2">
<div class="content-section">
<h1>Message a track, artist or both</h1>
</div>
</div>
<div class="col-md-4">
<div class="content-section">
<img class="screenshot" src="{{ site.cdn }}/assets/images/guide_request_music.png">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-2">
<div class="content-section">
<h1>Change your request simply by editing your message</h1>
</div>
</div>
<div class="col-md-4">
<div class="content-section">
<img class="screenshot" src="{{ site.cdn }}/assets/images/guide_edit_request.png">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-2">
<div class="content-section">
<h1>Check spelling with Google’s Custom Search Engine API</h1>
</div>
</div>
<div class="col-md-4">
<div class="content-section">
<img class="screenshot" src="{{ site.cdn }}/assets/images/guide_spelling.png">
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="content-section">
<h1>Don’t have Slack?
<br> <br>Setup a Twitter jukebox for your event and have your patrons request their own music. :)</h1>
<br><img class="screenshot" src="{{ site.cdn }}/assets/images/guide_twitter.png">
</div>
</div>
</div>
</div>
</section>
<p> </p>
<p> </p>