-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpopover.html
88 lines (77 loc) · 4.18 KB
/
popover.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
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/extension.css">
<link rel="stylesheet" type="text/css" href="css/safari.css">
<link rel="stylesheet" type="text/css" href="css/tipsy.css">
<script type="text/javascript" src="js/vendor/jquery.js" charset="utf-8"></script>
<script type="text/javascript" src="js/vendor/spin.js" charset="utf-8"></script>
<script type="text/javascript" src="js/vendor/tipsy.js" charset="utf-8"></script>
<script type="text/javascript" src="js/kippt_extension.js" charset="utf-8"></script>
</head>
<body>
<div id="kippt-frame" class="safari">
<div id="kippt-header">
<a href="https://kippt.com" title="Open Kippt" target="_blank" class="logo" id="open-kippt"></a>
<div class="existing">
<div class="loading"></div>
<a href="#">Modify existing clip</a>
</div>
<a href="https://kippt.com/profile/" title="Your Kippt profile" target="_blank" class="profile" id="open-profile"></a>
<a href="https://kippt.com/inbox/" title="Open Inbox" target="_blank" class="home" id="open-inbox"></a>
</div>
<div>
<input id="id_title" type="text" name="title" maxlength="512" placeholder="Title" value="" />
</div>
<div>
<textarea id="id_notes" rows="10" cols="40" name="notes" placeholder="Enter notes and #tags here..."></textarea>
</div>
<div id="kippt-list">
<select class="lists" id="id_list">
<option value="inbox">Inbox</option>
</select>
<div id="new_list">
<input type="text" placeholder="New list name" id="id_new_list" name="new_list" />
<input type="checkbox" id="id_private"><label for="id_private">Private</label>
</div>
<div class="kippt-later">
<input type="checkbox" id="id_is_favorite"><label for="id_is_favorite">Favorite</label>
</div>
</div>
<div id="kippt-actions">
<div class="twitter" data-service-name="Twitter">
<input type="checkbox" class="share" id="share-twitter" data-service="twitter" />
<label for="share-twitter" class="toggle"></label>
</div>
<div class="facebook" data-service-name="Facebook">
<input type="checkbox" class="share" id="share-facebook" data-service="facebook" />
<label for="share-facebook" class="toggle"></label>
</div>
<div class="tumblr" data-service-name="Tumblr">
<input type="checkbox" class="share" id="share-tumblr" data-service="tumblr" />
<label for="share-tumblr" class="toggle"></label>
</div>
<div class="buffer" data-service-name="Buffer">
<input type="checkbox" class="share" id="share-buffer" data-service="buffer" />
<label for="share-buffer" class="toggle"></label>
</div>
<div class="appdotnet" data-service-name="App.net">
<input type="checkbox" class="share" id="share-appdotnet" data-service="appdotnet" />
<label for="share-appdotnet" class="toggle"></label>
</div>
<div class="instapaper" data-service-name="Instapaper">
<input type="checkbox" class="share" id="share-instapaper" data-service="instapaper" />
<label for="share-instapaper" class="toggle"></label>
</div>
<div class="readability" data-service-name="Readability">
<input type="checkbox" class="share" id="share-readability" data-service="readability" />
<label for="share-readability" class="toggle"></label>
</div>
<div class="pocket" data-service-name="Pocket">
<input type="checkbox" class="share" id="share-pocket" data-service="pocket" />
<label for="share-pocket" class="toggle"></label>
</div>
<input type="submit" value="Save" id="submit_clip">
</div>
</div>
</body>
</html>