-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpopup.html
34 lines (34 loc) · 1.48 KB
/
popup.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
<!DOCTYPE html>
<html>
<head>
<title>Slinky</title>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/devbridge-autocomplete/dist/jquery.autocomplete.min.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<header>
<h1>Slinky
<a class="icon icon-cog js-options" title="options" target="_blank"></a>
</h1>
</header>
<section>
<textarea id="message" placeholder="Add an optional message..."></textarea>
</section>
<section>
<a id="share-with-team" class="btn btn-main" href="#">Share with Team <i class="icon icon-check"></i> </a>
<p id="team-info-message"><i class="icon icon-exclamation-circle"></i><span></span></p>
<p class="divider">or</p>
<input id="recipient" placeholder="with #channel, user, group..." type="text"></input>
<a id="share" class="btn" href="#">Share<i class="icon icon-check"></i></a>
<div class="suggestions">
</div>
<p id="info-message"><i class="icon icon-exclamation-circle"></i><span></span></p>
</section>
<section id="first-time">
<p>Welcome!</p>
<p>You need a Slack token to authenticate your interactions through Slinky. Start by setting it in your <a class="js-options" title="options" target="_blank">options</a></p>
</section>
</body>
</html>