This repository has been archived by the owner on Dec 22, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 12
/
options.html
167 lines (150 loc) · 8.68 KB
/
options.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8" />
<title>Instachrome Options</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/lib/elastic.js"></script>
<script type="text/javascript" src="javascripts/lib/sha1.js"></script>
<script type="text/javascript" src="javascripts/lib/oauth.js"></script>
<script type="text/javascript" src="javascripts/lib/ajaxRequest.js"></script>
<script type="text/javascript" src="javascripts/app.js"></script>
<script type="text/javascript" src="javascripts/instapaper.js"></script>
<script type="text/javascript" src="javascripts/instapaper.auth.js"></script>
<script type="text/javascript" src="javascripts/instapaper.api.js"></script>
<script type="text/javascript" src="javascripts/options.js"></script>
<link href="stylesheets/elastic.css" rel="stylesheet" type="text/css" />
<link href="stylesheets/options.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="http://pledgie.com/campaigns/9023" class="ribbon left"></a>
<a href="http://github.com/edgarjs/instachrome" class="ribbon right"></a>
<div class="container wrapper">
<h1 class="title">Instachrome Options</h1>
<div class="flash"></div>
<form class="options" action="#" method="post">
<fieldset class="container set">
<legend>Instapaper credentials</legend>
<div class="container pad">
<div class="unit on-2 columns same-height">
<div class="column label">
<label for="username">Email:</label>
<div class="description">(Username is now your email address)</div>
</div>
<div class="column">
<input type="text" class="text" spellcheck="false" name="username" id="username" />
</div>
<div class="column label">
<label for="password" class="vertical-center">Password:</label>
</div>
<div class="column">
<input type="password" class="text" name="password" id="password" />
</div>
<div class="column label span-2 auth">
Your username or password is incorrect. Please double check them.
</div>
</div>
</div>
</fieldset>
<fieldset class="container set">
<legend>Extras</legend>
<div class="container pad">
<div class="unit on-2 columns same-height">
<div class="column label">
<label for="show_popup" class="vertical-center">Show popup:</label>
</div>
<div class="column">
<input type="checkbox" name="show_popup" class="vertical-center" id="show_popup" value="1" />
</div>
<div class="column label">
<label for="auto_close">Auto close:</label>
<div class="description">(Close tab after saved)</div>
</div>
<div class="column">
<input type="checkbox" name="auto_close" class="vertical-center" id="auto_close" value="1" />
</div>
<div class="column label">
<label for="badge_style" class="vertical-center">Badge style:</label>
</div>
<div class="column">
<select name="badge_style" id="badge_style">
<option value="0">Text</option>
<option value="1">Tick/Circle/Cross Icons</option>
<option value="2">Chromed icons</option>
<option value="3">Text + unread count</option>
</select>
</div>
<div class="column label">
<label for="shortcut" class="vertical-center">Keyboard shortcut:</label>
<div class="description">(Beta - Not all shortcuts may work)</div>
</div>
<div class="column">
<input type="text" name="shortcut" id="shortcut" class="text" />
</div>
</div>
</div>
</fieldset>
<fieldset class="container set">
<legend>Context Menus</legend>
<div class="container pad">
<div class="unit on-1 columns">
<div class="column label">
<div class="description">You'll need to restart the browser for context menus to take effect.</p>
</div>
</div>
<div class="unit on-2 columns same-height">
<div class="column label">
<label for="cx_read_later">Read Later</label>
<div class="description">This item appears only when clicking on links</div>
</div>
<div class="column">
<input type="checkbox" name="cx_read_later" class="vertical-center" id="cx_read_later" value="1" />
</div>
<div class="column label">
<label for="cx_text_view" class="vertical-center">Text view</label>
</div>
<div class="column">
<input type="checkbox" name="cx_text_view" class="vertical-center" id="cx_text_view" value="1" />
</div>
<div class="column label">
<label for="cx_unread" class="vertical-center">Go to unread</label>
</div>
<div class="column">
<input type="checkbox" name="cx_unread" class="vertical-center" id="cx_unread" value="1" />
</div>
<div class="column label">
<label for="cx_starred" class="vertical-center">Go to starred</label>
</div>
<div class="column">
<input type="checkbox" name="cx_starred" class="vertical-center" id="cx_starred" value="1" />
</div>
<div class="column label">
<label for="cx_archive" class="vertical-center">Go to archive</label>
</div>
<div class="column">
<input type="checkbox" name="cx_archive" class="vertical-center" id="cx_archive" value="1" />
</div>
</div>
</div>
</fieldset>
<input type="submit" class="button" value="Save" /> or
<a href="#" class="close">Close</a>
</form>
<div class="container footer">
<p>
by <a href="http://edgarjs.mx">Edgar J. Suárez</a>
|
<a href="http://twitter.com/edgarjs">Twitter</a>
|
<a href="https://chrome.google.com/extensions/detail/fldildgghjoohccppflaohodcnmlacpb">Extension page</a>
|
<a href="http://instapaper.com">Instapaper</a>
<br />
This page is powered by <a href="http://elasticss.com">Elastic CSS</a>
| Icons by <a href="http://famfamfam.com">famfamfam.com</a>
</p>
</div>
</div>
</body>
</html>