/
options.html
54 lines (53 loc) · 1.6 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
<!DOCTYPE html>
<html>
<head>
<title>Fortune Options</title>
<link rel="stylesheet" href="common/options.css" />
<script src="common/config.js"></script>
<script src="options.js"></script>
</head>
<body onload="init();">
<h1>Edit Fortunes</h1>
<p>
Paste your fortunes here. For links to several
good collections of fortunes, see the <a
href="http://en.wikipedia.org/wiki/Fortune_(Unix)">Wikipedia
article</a> on the Unix <tt>fortune(1)</tt> program. Or, enter your
own favorite collection of quotations, using a line consisting of a
single percent sign ("%") to separate them.
</p>
<p><textarea cols="80" rows="24" id="fortunes"></textarea></p>
<h2>Settings</h2>
<div class="option">
<p class="label">Font:</p>
<input type="text" class="css" id="font" name="font" />
<p class="description">
for example, <code>21px "Inconsolata", monospace</code>
</p>
</div>
<div class="option">
<p class="label">Text Color:</p>
<input type="text" class="color" id="color" name="bg1" />
<p class="description">
the fortune itself
</p>
</div>
<div class="option">
<p class="label">Background 1:</p>
<input type="text" class="color" id="backgroundFrom" name="bg1" />
<p class="description">
top of gradient
</p>
</div>
<div class="option">
<p class="label">Background 2:</p>
<input type="text" class="color" id="backgroundTo" />
<p class="description">
bottom of gradient
</p>
</div>
<div class="actions">
<p><input type="button" onclick="save();" value="Save Options" /></p>
</div>
</body>
</html>